copay-crown/src/pages/settings/about/session-log/session-log.html

A Secure Crown Wallet

<ion-header>

  <ion-navbar>
    <ion-title>{{'Session Log' | translate}}</ion-title>
    <ion-buttons end>
      <button (click)="showOptionsMenu()" ion-button icon-only>
        <ion-icon name="more"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>
<ion-content>
  <div *ngIf="filteredLogs && filteredLogs.length == 0" class="no-entries-message">
    <span translate>No entries for this log level</span>.
  </div>
  <ion-list text-wrap>
    <ion-item class="log-entry">
      <div *ngIf="filteredLogs && filteredLogs.length > 0">
        <div *ngFor="let l of filteredLogs">
          <span [ngClass]="{'energized': l.level=='warn', 'dark': l.level=='debug', 'positive': l.level=='info', 'assertive': l.level=='error'}">
            <span class="log-timestamp">[{{l.timestamp}}]</span>
            <span class="log-level">[{{l.level}}]</span> {{l.msg}}
          </span>
        </div>
      </div>
    </ion-item>
  </ion-list>
</ion-content>
<ion-footer>
  <div class="filter-container">
    <div class="labels">
      <div *ngFor="let option of logOptions | keys" [ngClass]="{'info-label': option.value.weight==3}" translate>{{option.value.label}}</div>
    </div>
    <ion-range min="1" max="4" step="1" snaps="true" color="secondary" [(ngModel)]="filterValue" (ionChange)="setOptionSelected(filterValue)"></ion-range>
  </div>
</ion-footer>