Mercurial > gemma

comparison client/src/components/importoverview/AdditionalLog.vue @ 2703:c887666b110f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
import_overview: increase log fontsize. errors in log are marked red
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 18 Mar 2019 15:49:41 +0100
parents 39a05f8c34e6
children cefef8234d27
comparison
equal deleted inserted replaced
2702:d7ef169fd0d3 2703:c887666b110f
3 <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index"> 3 <div class="d-flex flex-row" v-for="(line, index) in logLines" :key="index">
4 <small 4 <small
5 :class="[ 5 :class="[
6 'kind', 6 'kind',
7 { 7 {
8 'text-danger': /error/.test(line.kind),
8 'text-warning': /warn/.test(line.kind), 9 'text-warning': /warn/.test(line.kind),
9 'font-weight-bold': /warn/.test(line.kind) 10 'font-weight-bold': /warn|error/.test(line.kind)
10 } 11 }
11 ]" 12 ]"
12 >{{ line.kind.toUpperCase() }}</small 13 >{{ line.kind.toUpperCase() }}</small
13 > 14 >
14 <small 15 <small
15 :class="[ 16 :class="[
16 'time', 17 'time',
17 { 18 {
19 'text-danger': /error/.test(line.kind),
18 'text-warning': /warn/.test(line.kind), 20 'text-warning': /warn/.test(line.kind),
19 'font-weight-bold': /warn/.test(line.kind) 21 'font-weight-bold': /warn|error/.test(line.kind)
20 } 22 }
21 ]" 23 ]"
22 >{{ line.time }}</small 24 >{{ line.time }}</small
23 > 25 >
24 <small 26 <small
25 :class="[ 27 :class="[
26 'message', 28 'message',
27 { 29 {
30 'text-danger': /error/.test(line.kind),
28 'text-warning': /warn/.test(line.kind), 31 'text-warning': /warn/.test(line.kind),
29 'font-weight-bold': /warn/.test(line.kind) 32 'font-weight-bold': /warn|error/.test(line.kind)
30 } 33 }
31 ]" 34 ]"
32 >{{ line.message }}</small 35 >{{ line.message }}</small
33 > 36 >
34 </div> 37 </div>
65 width: 600px; 68 width: 600px;
66 max-height: 20vh; 69 max-height: 20vh;
67 overflow-y: auto; 70 overflow-y: auto;
68 } 71 }
69 .kind { 72 .kind {
70 width: 7%; 73 width: 8%;
71 } 74 }
72 .time { 75 .time {
73 width: 24%; 76 width: 24%;
74 } 77 }
78
79 small {
80 font-size: smaller;
81 }
75 </style> 82 </style>