Mercurial > gemma

annotate client/src/components/importoverview/AdditionalLog.vue @ 5629:84d01a536bec 729-node-js-newer-version

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Transformed scss and sass styles into css
author Luisa Beerboom <lbeerboom@intevation.de>
date Thu, 11 May 2023 13:23:52 +0200
parents da3fd4c3d1b5
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
2594
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
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
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
20 </div>
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
21 </template>
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
22
5629
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
23 <style scoped>
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
24 .additionallog {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
25 overflow-y: auto;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
26 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
27 .additionallog.split {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
28 max-height: 35vh;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
29 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
30 .additionallog > div:not(:first-child) {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
31 border-top-style: dashed !important;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
32 }
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
33 .additionallog > div:hover {
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
34 background-color: #fcfcfc;
84d01a536bec Transformed scss and sass styles into css
Luisa Beerboom <lbeerboom@intevation.de>
parents: 5290
diff changeset
35 }
2888
65766706cdf4 client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents: 2887
diff changeset
36 </style>
65766706cdf4 client: importoverview: moved style block below template and converted to sass
Markus Kottlaender <markus@intevation.de>
parents: 2887
diff changeset
37
2594
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
38 <script>
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
39 /* This is Free Software under GNU Affero General Public License v >= 3.0
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
40 * without warranty, see README.md and license for details.
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
41 *
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
42 * SPDX-License-Identifier: AGPL-3.0-or-later
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
43 * License-Filename: LICENSES/AGPL-3.0.txt
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
44 *
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
45 * Copyright (C) 2018 by via donau
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
46 * – Österreichische Wasserstraßen-Gesellschaft mbH
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
47 * Software engineering by Intevation GmbH
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
48 *
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
49 * Author(s):
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
50 * Thomas Junk <thomas.junk@intevation.de>
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
51 */
2717
5b990f612420 import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents: 2708
diff changeset
52 import { mapState } from "vuex";
3750
dbdef91a3ff3 first implementation
Thomas Junk <thomas.junk@intevation.de>
parents: 2949
diff changeset
53 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
54
2594
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
55 export default {
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
56 name: "additionallogs",
3750
dbdef91a3ff3 first implementation
Thomas Junk <thomas.junk@intevation.de>
parents: 2949
diff changeset
57 components: {
dbdef91a3ff3 first implementation
Thomas Junk <thomas.junk@intevation.de>
parents: 2949
diff changeset
58 "virtual-list": virtualList,
dbdef91a3ff3 first implementation
Thomas Junk <thomas.junk@intevation.de>
parents: 2949
diff changeset
59 Item: () => import("./LogItem.vue")
dbdef91a3ff3 first implementation
Thomas Junk <thomas.junk@intevation.de>
parents: 2949
diff changeset
60 },
2717
5b990f612420 import_review: rename overview to review. More space for logs
Thomas Junk <thomas.junk@intevation.de>
parents: 2708
diff changeset
61 computed: {
3755
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
62 ...mapState("imports", ["showAdditional", "details"]),
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
63 scrollistConfig() {
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
64 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
65 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
66 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
67 bench: 12
3755
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
68 };
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
69 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
70 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
71 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
72 bench: 14
3755
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
73 };
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
74 if (this.showAdditional) return smallLayout;
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
75 return largeLayout;
7ca3b288ac5e virtual_scrolling: size parameter
Thomas Junk <thomas.junk@intevation.de>
parents: 3750
diff changeset
76 }
2880
c40540889b53 client: code cleanup, slight style improvements
Markus Kottlaender <markus@intevation.de>
parents: 2732
diff changeset
77 }
2594
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
78 };
ecec6d5aae00 overview2 WIP
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
79 </script>