Mercurial > gemma
annotate client/src/components/importoverview/LogEntry.vue @ 2625:fd93babdf8e6
client: popup: made content padding optional (for full-width tables)
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 13 Mar 2019 16:24:35 +0100 |
parents | 359f5f0037f5 |
children | 8299cce986a2 |
rev | line source |
---|---|
2579 | 1 <template> |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
2 <div class="logentry"> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
3 <div class="row no-gutters text-left"> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
4 <div style="width: 4%;" class="text-center"> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
5 <font-awesome-icon |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
6 @click="toggleDetails" |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
7 class="my-auto mr-1 text-info pointer" |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
8 :icon="entry.id === show ? 'angle-down' : 'angle-right'" |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
9 fixed-width |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
10 ></font-awesome-icon> |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
11 </div> |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
12 <div style="width: 7%; padding-right: 10px;" class="text-right"> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
13 {{ entry.id }} |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
14 </div> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
15 <div style="width: 8%;"> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
16 {{ entry.kind.toUpperCase() }} |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
17 </div> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
18 <div style="width: 22%;"> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
19 {{ entry.enqueued | dateTime }} |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
20 </div> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
21 <div style="width: 23%;" class="truncate">{{ entry.user }}</div> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
22 <div style="width: 23%;" class="truncate">{{ entry.signer }}</div> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
23 <div style="width: 6%;" class="text-center"> |
2592 | 24 <font-awesome-icon |
25 v-if="entry.warnings" | |
26 class="ml-1 text-warning" | |
27 icon="exclamation-triangle" | |
28 fixed-width | |
29 ></font-awesome-icon> | |
30 </div> | |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
31 <div style="width: 7%" class="text-right"> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
32 <div v-if="entry.state === 'pending'"> |
2592 | 33 <button |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
34 :class="['actions approved', { active: isApproved }]" |
2592 | 35 @click="toggleApproval($options.STATES.APPROVED)" |
36 > | |
37 <font-awesome-icon | |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
38 class="small pointer" |
2592 | 39 icon="check" |
40 ></font-awesome-icon> | |
41 </button> | |
42 <button | |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
43 :class="['actions rejected', { active: isRejected }]" |
2592 | 44 @click="toggleApproval($options.STATES.REJECTED)" |
45 > | |
46 <font-awesome-icon | |
47 icon="times" | |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
48 class="small pointer" |
2592 | 49 ></font-awesome-icon> |
50 </button> | |
51 </div> | |
52 </div> | |
53 </div> | |
2594 | 54 <div class="ml-1 d-flex flex-row"> |
2597 | 55 <LogDetail :entry="entry" v-if="show === entry.id"></LogDetail> |
2592 | 56 </div> |
2579 | 57 </div> |
58 </template> | |
59 | |
60 <script> | |
2592 | 61 /* This is Free Software under GNU Affero General Public License v >= 3.0 |
62 * without warranty, see README.md and license for details. | |
63 * | |
64 * SPDX-License-Identifier: AGPL-3.0-or-later | |
65 * License-Filename: LICENSES/AGPL-3.0.txt | |
66 * | |
67 * Copyright (C) 2018 by via donau | |
68 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
69 * Software engineering by Intevation GmbH | |
70 * | |
71 * Author(s): | |
72 * Thomas Junk <thomas.junk@intevation.de> | |
73 */ | |
74 import { mapState } from "vuex"; | |
75 import { STATES } from "@/store/imports.js"; | |
76 | |
2579 | 77 export default { |
78 name: "importlogentry", | |
79 props: ["entry"], | |
2592 | 80 components: { |
81 LogDetail: () => import("./LogDetail.vue") | |
82 }, | |
83 methods: { | |
84 toggleApproval(state) { | |
85 this.$store.commit("imports/toggleApprove", { | |
86 id: this.entry.id, | |
87 newStatus: state | |
88 }); | |
89 }, | |
90 toggleDetails() { | |
91 const { id } = this.entry; | |
92 if (id === this.show) { | |
93 this.$store.commit("imports/hideDetails"); | |
2597 | 94 this.$store.commit("imports/hideAdditionalInfo"); |
95 this.$store.commit("imports/hideAdditionalLogs"); | |
2592 | 96 } else { |
97 this.$store.commit("imports/showDetailsFor", id); | |
98 } | |
99 } | |
100 }, | |
2579 | 101 computed: { |
2592 | 102 ...mapState("imports", ["show"]), |
103 needsApproval() { | |
104 return this.entry.status === STATES.NEEDSAPPROVAL; | |
105 }, | |
106 isRejected() { | |
107 return this.entry.status === STATES.REJECTED; | |
108 }, | |
109 isApproved() { | |
110 return this.entry.status === STATES.APPROVED; | |
2579 | 111 } |
2592 | 112 }, |
113 STATES: STATES | |
2579 | 114 }; |
115 </script> | |
116 | |
2617
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
117 <style lang="sass" scoped> |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
118 .logentry |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
119 font-size: 80% |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
120 &:hover |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
121 background: #fafafa |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
122 .actions |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
123 height: 100% |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
124 width: 22px |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
125 border: 0 |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
126 background: transparent |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
127 border-left: 1px solid #dee2e6 |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
128 outline: none |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
129 &.approved |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
130 color: green |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
131 &.active, |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
132 &:hover |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
133 color: white |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
134 background: green |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
135 &.rejected |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
136 color: red |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
137 &.active, |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
138 &:hover |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
139 color: white |
359f5f0037f5
client: importoverview2: improved table layout to save more space
Markus Kottlaender <markus@intevation.de>
parents:
2616
diff
changeset
|
140 background: red |
2592 | 141 </style> |