Add ability for client to create server logs

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / system / logs / logs.component.html

diff --git a/client/src/app/+admin/system/logs/logs.component.html b/client/src/app/+admin/system/logs/logs.component.html
index 3d38d6a76e27628c258cf1bfbda8be48223e66c1..c945c1fdc10cf68bf49cd4f8ba25d1f46a5f1640 100644 (file)
--- a/client/src/app/+admin/system/logs/logs.component.html
+++ b/client/src/app/+admin/system/logs/logs.component.html
@@ -24,13 +24,12 @@
     *ngIf="!isAuditLog()"
   >
     <ng-option *ngFor="let levelChoice of levelChoices" [value]="levelChoice.id">
-      <ng-container *ngIf="levelChoice.id === 'debug'"><span style="font-size:80%;color:lightgray;vertical-align:text-top;">&#11044;</span> {{ levelChoice.label }}</ng-container>
-      <ng-container *ngIf="levelChoice.id === 'info'"><span style="font-size:80%;color:lightskyblue;vertical-align:text-top;">&#11044;</span> {{ levelChoice.label }}</ng-container>
-      <ng-container *ngIf="levelChoice.id === 'warn'"><span style="font-size:80%;color:orange;vertical-align:text-top;">&#11044;</span> {{ levelChoice.label }}</ng-container>
-      <ng-container *ngIf="levelChoice.id === 'error'"><span style="font-size:80%;color:red;vertical-align:text-top;">&#11044;</span> {{ levelChoice.label }}</ng-container>
+      <span class="level-choice" [ngClass]="levelChoice.id">&#11044;</span> {{ levelChoice.label }}
     </ng-option>
   </ng-select>
 
+  <my-select-tags *ngIf="!isAuditLog()" i18n-placeholder placeholder="Filter logs by tags" [(ngModel)]="tagsOneOf" (ngModelChange)="refresh()"></my-select-tags>
+
   <my-button i18n-label label="Refresh" icon="refresh" (click)="refresh()"></my-button>
 </div>
 
@@ -38,6 +37,8 @@
   <div *ngIf="loading" i18n>Loading...</div>
 
   <div #logsElement>
+    <div *ngIf="!loading && logs.length === 0" i18n>No log.</div>
+
     <div *ngFor="let log of logs" class="log-row" [ngClass]="{ error: log.level === 'error', warn: log.level === 'warn' }">
       <span class="log-level">{{ log.level }}</span>