logs.component.html raw

   1  <div class="sam-text-header">
   2    <div class="header-buttons">
   3      <button class="header-btn" title="Lock" (click)="onClickLock()">
   4        <span class="emoji">🔒</span>
   5      </button>
   6      @if (devMode) {
   7        <button class="header-btn" title="Test Permission Prompt" (click)="onTestPrompt()">
   8          <span class="emoji">✨</span>
   9        </button>
  10      }
  11    </div>
  12    <span>Logs</span>
  13    <div class="logs-actions">
  14      <button class="btn btn-sm btn-secondary" title="Refresh logs" (click)="onRefresh()">Refresh</button>
  15      <button class="btn btn-sm btn-secondary" title="Clear logs" (click)="onClear()">Clear</button>
  16    </div>
  17  </div>
  18  
  19  <div class="logs-container">
  20    @if (logs.length === 0) {
  21      <div class="logs-empty">No activity logged yet</div>
  22    }
  23    @for (log of logs; track log.timestamp) {
  24      <div class="log-entry" [class]="getLevelClass(log.level)">
  25        <span class="log-icon emoji">{{ log.icon }}</span>
  26        <span class="log-time">{{ log.timestamp | date:'HH:mm:ss' }}</span>
  27        <span class="log-message">{{ log.message }}</span>
  28      </div>
  29    }
  30  </div>
  31