aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-10-20 13:49:34 +0200
committerChocobozzz <me@florianbigard.com>2021-10-20 13:52:56 +0200
commit1243729899082a71b3a3efb759df1478d9ea5c83 (patch)
treeb8d588fd767237736bb4cc724a1529e780eb46f2
parentd94b8ecf7dddb82b84302854c5fb761f90a82e39 (diff)
downloadPeerTube-1243729899082a71b3a3efb759df1478d9ea5c83.tar.gz
PeerTube-1243729899082a71b3a3efb759df1478d9ea5c83.tar.zst
PeerTube-1243729899082a71b3a3efb759df1478d9ea5c83.zip
Refactor log level choice
-rw-r--r--client/src/app/+admin/system/logs/logs.component.html7
-rw-r--r--client/src/app/+admin/system/logs/logs.component.scss45
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;">&#11044;</span> {{ levelChoice.label }}</ng-container> 27 <span class="level-choice" [ngClass]="levelChoice.id">&#11044;</span> {{ levelChoice.label }}
28 <ng-container *ngIf="levelChoice.id === 'info'"><span style="font-size:80%;color:lightskyblue;vertical-align:text-top;">&#11044;</span> {{ levelChoice.label }}</ng-container>
29 <ng-container *ngIf="levelChoice.id === 'warn'"><span style="font-size:80%;color:orange;vertical-align:text-top;">&#11044;</span> {{ levelChoice.label }}</ng-container>
30 <ng-container *ngIf="levelChoice.id === 'error'"><span style="font-size:80%;color:red;vertical-align:text-top;">&#11044;</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}