Mercurial > gemma
annotate client/src/components/importoverview/AdditionalLog.vue @ 5338:f8e7f043d968 extented-report
Fixed example_conf.toml for new report-path.
author | Sascha L. Teichmann <sascha.teichmann@intevation.de> |
---|---|
date | Tue, 15 Jun 2021 22:00:20 +0200 |
parents | da3fd4c3d1b5 |
children | 84d01a536bec |
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="[ |
2886
9e849838d2e3
client: importoverview: formatted date in logs
Markus Kottlaender <markus@intevation.de>
parents:
2880
diff
changeset
|
4 'additionallog d-flex flex-column text-left', |
2888
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
5 { split: showAdditional } |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
6 ]" |
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
7 > |
5290
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
8 <virtual-list |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
9 :size="scrollistConfig.size" |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
10 :remain="scrollistConfig.remain" |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
11 :bench="scrollistConfig.bench" |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
12 > |
3750
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
13 <Item |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
14 class="d-flex flex-row px-2 border-top" |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
15 v-for="item in details.entries" |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
16 :key="item.time" |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
17 :line="item" |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
18 /> |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
19 </virtual-list> |
2594 | 20 </div> |
21 </template> | |
22 | |
2888
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
23 <style lang="sass" scoped> |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
24 .additionallog |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
25 overflow-y: auto |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
26 &.split |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
27 max-height: 35vh |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
28 |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
29 > div |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
30 &:not(:first-child) |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
31 border-top-style: dashed !important |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
32 |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
33 &:hover |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
34 background-color: #fcfcfc |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
35 </style> |
65766706cdf4
client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents:
2887
diff
changeset
|
36 |
2594 | 37 <script> |
38 /* This is Free Software under GNU Affero General Public License v >= 3.0 | |
39 * without warranty, see README.md and license for details. | |
40 * | |
41 * SPDX-License-Identifier: AGPL-3.0-or-later | |
42 * License-Filename: LICENSES/AGPL-3.0.txt | |
43 * | |
44 * Copyright (C) 2018 by via donau | |
45 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
46 * Software engineering by Intevation GmbH | |
47 * | |
48 * Author(s): | |
49 * Thomas Junk <thomas.junk@intevation.de> | |
50 */ | |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
51 import { mapState } from "vuex"; |
3750
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
52 import virtualList from "vue-virtual-scroll-list"; |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
53 |
2594 | 54 export default { |
55 name: "additionallogs", | |
3750
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
56 components: { |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
57 "virtual-list": virtualList, |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
58 Item: () => import("./LogItem.vue") |
dbdef91a3ff3
first implementation
Thomas Junk <thomas.junk@intevation.de>
parents:
2949
diff
changeset
|
59 }, |
2717
5b990f612420
import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents:
2708
diff
changeset
|
60 computed: { |
3755
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
61 ...mapState("imports", ["showAdditional", "details"]), |
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
62 scrollistConfig() { |
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
63 const smallLayout = { |
5290
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
64 size: 20, |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
65 remain: 10, |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
66 bench: 12 |
3755
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
67 }; |
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
68 const largeLayout = { |
5290
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
69 size: 22, |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
70 remain: 12, |
da3fd4c3d1b5
Client: adjust virtual-list properties to prevent truncating of the import logs
Fadi Abbud <fadi.abbud@intevation.de>
parents:
3755
diff
changeset
|
71 bench: 14 |
3755
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
72 }; |
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
73 if (this.showAdditional) return smallLayout; |
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
74 return largeLayout; |
7ca3b288ac5e
virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents:
3750
diff
changeset
|
75 } |
2880
c40540889b53
client: code cleanup, slight style improvements
Markus Kottlaender <markus@intevation.de>
parents:
2732
diff
changeset
|
76 } |
2594 | 77 }; |
78 </script> |