diff options
author | Chocobozzz <me@florianbigard.com> | 2021-10-20 13:49:34 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-10-20 13:52:56 +0200 |
commit | 1243729899082a71b3a3efb759df1478d9ea5c83 (patch) | |
tree | b8d588fd767237736bb4cc724a1529e780eb46f2 /client/src/app/+admin/system | |
parent | d94b8ecf7dddb82b84302854c5fb761f90a82e39 (diff) | |
download | PeerTube-1243729899082a71b3a3efb759df1478d9ea5c83.tar.gz PeerTube-1243729899082a71b3a3efb759df1478d9ea5c83.tar.zst PeerTube-1243729899082a71b3a3efb759df1478d9ea5c83.zip |
Refactor log level choice
Diffstat (limited to 'client/src/app/+admin/system')
-rw-r--r-- | client/src/app/+admin/system/logs/logs.component.html | 7 | ||||
-rw-r--r-- | client/src/app/+admin/system/logs/logs.component.scss | 45 |
2 files changed, 26 insertions, 26 deletions
diff --git a/client/src/app/+admin/system/logs/logs.component.html b/client/src/app/+admin/system/logs/logs.component.html index 3d38d6a76..b2c7f84bc 100644 --- a/client/src/app/+admin/system/logs/logs.component.html +++ b/client/src/app/+admin/system/logs/logs.component.html | |||
@@ -24,10 +24,7 @@ | |||
24 | *ngIf="!isAuditLog()" | 24 | *ngIf="!isAuditLog()" |
25 | > | 25 | > |
26 | <ng-option *ngFor="let levelChoice of levelChoices" [value]="levelChoice.id"> | 26 | <ng-option *ngFor="let levelChoice of levelChoices" [value]="levelChoice.id"> |
27 | <ng-container *ngIf="levelChoice.id === 'debug'"><span style="font-size:80%;color:lightgray;vertical-align:text-top;">⬤</span> {{ levelChoice.label }}</ng-container> | 27 | <span class="level-choice" [ngClass]="levelChoice.id">⬤</span> {{ levelChoice.label }} |
28 | <ng-container *ngIf="levelChoice.id === 'info'"><span style="font-size:80%;color:lightskyblue;vertical-align:text-top;">⬤</span> {{ levelChoice.label }}</ng-container> | ||
29 | <ng-container *ngIf="levelChoice.id === 'warn'"><span style="font-size:80%;color:orange;vertical-align:text-top;">⬤</span> {{ levelChoice.label }}</ng-container> | ||
30 | <ng-container *ngIf="levelChoice.id === 'error'"><span style="font-size:80%;color:red;vertical-align:text-top;">⬤</span> {{ levelChoice.label }}</ng-container> | ||
31 | </ng-option> | 28 | </ng-option> |
32 | </ng-select> | 29 | </ng-select> |
33 | 30 | ||
@@ -38,6 +35,8 @@ | |||
38 | <div *ngIf="loading" i18n>Loading...</div> | 35 | <div *ngIf="loading" i18n>Loading...</div> |
39 | 36 | ||
40 | <div #logsElement> | 37 | <div #logsElement> |
38 | <div *ngIf="!loading && logs.length === 0" i18n>No log.</div> | ||
39 | |||
41 | <div *ngFor="let log of logs" class="log-row" [ngClass]="{ error: log.level === 'error', warn: log.level === 'warn' }"> | 40 | <div *ngFor="let log of logs" class="log-row" [ngClass]="{ error: log.level === 'error', warn: log.level === 'warn' }"> |
42 | <span class="log-level">{{ log.level }}</span> | 41 | <span class="log-level">{{ log.level }}</span> |
43 | 42 | ||
diff --git a/client/src/app/+admin/system/logs/logs.component.scss b/client/src/app/+admin/system/logs/logs.component.scss index b78f4c47f..fefa7efc2 100644 --- a/client/src/app/+admin/system/logs/logs.component.scss +++ b/client/src/app/+admin/system/logs/logs.component.scss | |||
@@ -59,7 +59,29 @@ | |||
59 | } | 59 | } |
60 | } | 60 | } |
61 | 61 | ||
62 | @media screen and (max-width: $small-view) { | 62 | .level-choice { |
63 | font-size: 80%; | ||
64 | vertical-align: text-top; | ||
65 | |||
66 | &.debug { | ||
67 | color: rgb(197, 197, 197); | ||
68 | } | ||
69 | |||
70 | &.info { | ||
71 | color: rgb(136, 204, 247); | ||
72 | } | ||
73 | |||
74 | &.warn { | ||
75 | color: rgb(252, 166, 7); | ||
76 | } | ||
77 | |||
78 | &.error { | ||
79 | color: rgb(250, 5, 5); | ||
80 | } | ||
81 | |||
82 | } | ||
83 | |||
84 | @include on-small-main-col { | ||
63 | .header { | 85 | .header { |
64 | flex-direction: column; | 86 | flex-direction: column; |
65 | 87 | ||
@@ -77,24 +99,3 @@ | |||
77 | } | 99 | } |
78 | } | 100 | } |
79 | } | 101 | } |
80 | |||
81 | @media screen and (max-width: #{$small-view + $menu-width}) { | ||
82 | :host-context(.main-col:not(.expanded)) { | ||
83 | .header { | ||
84 | flex-direction: column; | ||
85 | |||
86 | .peertube-select-container, | ||
87 | ng-select, | ||
88 | my-button { | ||
89 | @include margin-left(0 !important); | ||
90 | |||
91 | width: 100% !important; | ||
92 | margin-bottom: 10px !important; | ||
93 | } | ||
94 | |||
95 | my-button { | ||
96 | text-align: center; | ||
97 | } | ||
98 | } | ||
99 | } | ||
100 | } | ||