All files / app app.component.html

46.51% Statements 20/43
33.33% Branches 4/12
0% Functions 0/3
61.53% Lines 16/26

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 401x   3x   1x   3x     1x   1x   3x         1x 1x 1x 1x 1x 3x 1x 3x                     1x      
<div class="container"
     *mobxAutorun
     [class.debug]="debug"
     [class.offline]="store.offline"
     (dragover)="dragOver($event)"
     (drop)="upload($event, $event.dataTransfer?.items)">
  @if (store.offline) {
    <div class="offline-banner">�️ Offline</div>
  } @else {
    <app-login-popup></app-login-popup>
  }
  <app-subscription-bar></app-subscription-bar>
  <router-outlet></router-outlet>
  @if (store.account.banned) {
    <div class="ban-message">
      You have been banned.
    </div>
  }
  <div class="spacer"></div>
  <footer>
    <hr>
    <div class="row">
      <p class="version stretch" i18n>
        Powered by Jasper <a [href]="website">{{ config.version || '' }}</a>
      </p>
      @if (store.eventBus.progressDen) {
        <div class="log stretch">
          @if (store.eventBus.progressDen > 1) {
            <progress [value]="store.eventBus.progressNum" [max]="store.eventBus.progressDen"></progress>
          }
          @for (msg of store.eventBus.progressMessages; track msg) {
            <div>{{ msg }}</div>
          }
          <button type="button" (click)="store.eventBus.clearProgress()">clear</button>
        </div>
      }
    </div>
  </footer>
</div>