Mercurial > gemma
annotate client/src/components/importoverview/AdditionalLog.vue @ 2732:0ab7985ef008
import_review: fixed flakey display of logs
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Tue, 19 Mar 2019 14:50:56 +0100 |
parents | 0fe0b3f1720f |
children | c40540889b53 |
rev | line source |
---|---|
2594 | 1 <template> |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
2 <div |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
3 :class="[ |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
4 'additionallog', |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
5 'd-flex', |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
6 'flex-column', |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
7 'text-left', |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
8 { |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
9 full: showAdditional === $options.NODETAILS, |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
10 split: showAdditional !== $options.NODETAILS |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
11 } |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
12 ]" |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
13 > |
2732
0ab7985ef008
import_review: fixed flakey display of logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2727
diff
changeset
|
14 <div |
0ab7985ef008
import_review: fixed flakey display of logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2727
diff
changeset
|
15 class="d-flex flex-row" |
0ab7985ef008
import_review: fixed flakey display of logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2727
diff
changeset
|
16 v-for="(line, index) in details.entries" |
0ab7985ef008
import_review: fixed flakey display of logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2727
diff
changeset
|
17 :key="index" |
0ab7985ef008
import_review: fixed flakey display of logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2727
diff
changeset
|
18 > |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
19 <span |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
20 :class="[ |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
21 'kind', |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
22 { |
2703
c887666b110f
import_overview: increase log fontsize. errors in log are marked red
Thomas Junk <thomas.junk@intevation.de>
parents:
2685
diff
changeset
|
23 'text-danger': /error/.test(line.kind), |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
24 'text-warning': /warn/.test(line.kind), |
2703
c887666b110f
import_overview: increase log fontsize. errors in log are marked red
Thomas Junk <thomas.junk@intevation.de>
parents:
2685
diff
changeset
|
25 'font-weight-bold': /warn|error/.test(line.kind) |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
26 } |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
27 ]" |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
28 >{{ line.kind.toUpperCase() }}</span |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
29 > |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
30 <span |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
31 :class="[ |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
32 'time', |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
33 { |
2703
c887666b110f
import_overview: increase log fontsize. errors in log are marked red
Thomas Junk <thomas.junk@intevation.de>
parents:
2685
diff
changeset
|
34 'text-danger': /error/.test(line.kind), |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
35 'text-warning': /warn/.test(line.kind), |
2703
c887666b110f
import_overview: increase log fontsize. errors in log are marked red
Thomas Junk <thomas.junk@intevation.de>
parents:
2685
diff
changeset
|
36 'font-weight-bold': /warn|error/.test(line.kind) |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
37 } |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
38 ]" |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
39 >{{ line.time }}</span |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
40 > |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
41 <span |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
42 :class="[ |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
43 'message', |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
44 { |
2703
c887666b110f
import_overview: increase log fontsize. errors in log are marked red
Thomas Junk <thomas.junk@intevation.de>
parents:
2685
diff
changeset
|
45 'text-danger': /error/.test(line.kind), |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
46 'text-warning': /warn/.test(line.kind), |
2703
c887666b110f
import_overview: increase log fontsize. errors in log are marked red
Thomas Junk <thomas.junk@intevation.de>
parents:
2685
diff
changeset
|
47 'font-weight-bold': /warn|error/.test(line.kind) |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
48 } |
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
49 ]" |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
50 >{{ line.message }}</span |
2674
b219ca1514f4
overview2: highlight warnings in logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
51 > |
2597 | 52 </div> |
2594 | 53 </div> |
54 </template> | |
55 | |
56 <script> | |
57 /* This is Free Software under GNU Affero General Public License v >= 3.0 | |
58 * without warranty, see README.md and license for details. | |
59 * | |
60 * SPDX-License-Identifier: AGPL-3.0-or-later | |
61 * License-Filename: LICENSES/AGPL-3.0.txt | |
62 * | |
63 * Copyright (C) 2018 by via donau | |
64 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
65 * Software engineering by Intevation GmbH | |
66 * | |
67 * Author(s): | |
68 * Thomas Junk <thomas.junk@intevation.de> | |
69 */ | |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
70 import { mapState } from "vuex"; |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
71 |
2594 | 72 export default { |
73 name: "additionallogs", | |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
74 computed: { |
2732
0ab7985ef008
import_review: fixed flakey display of logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2727
diff
changeset
|
75 ...mapState("imports", ["showAdditional", "details"]) |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
76 }, |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
77 NODETAILS: -1 |
2594 | 78 }; |
79 </script> | |
80 | |
2599 | 81 <style lang="scss" scoped> |
2608
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2599
diff
changeset
|
82 .additionallog { |
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2599
diff
changeset
|
83 overflow-y: auto; |
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2599
diff
changeset
|
84 } |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
85 |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
86 .split { |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
87 max-height: 35vh; |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
88 } |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
89 |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
90 .full { |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
91 max-height: 70vh; |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
92 } |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
93 |
2599 | 94 .kind { |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
95 width: 9%; |
2599 | 96 } |
97 .time { | |
2708
cefef8234d27
import_overview: larger fonts for log and details
Thomas Junk <thomas.junk@intevation.de>
parents:
2703
diff
changeset
|
98 width: 26%; |
2703
c887666b110f
import_overview: increase log fontsize. errors in log are marked red
Thomas Junk <thomas.junk@intevation.de>
parents:
2685
diff
changeset
|
99 } |
2727
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2717
diff
changeset
|
100 .message { |
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2717
diff
changeset
|
101 width: 65%; |
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2717
diff
changeset
|
102 word-wrap: break-word; |
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2717
diff
changeset
|
103 } |
2599 | 104 </style> |