Mercurial > gemma
annotate client/src/components/importoverview/LogDetail.vue @ 2894:95e40c87a943
client: applied component name change where it is used
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Tue, 02 Apr 2019 12:17:52 +0200 |
parents | 83acca8937de |
children | 399b03e59411 |
rev | line source |
---|---|
2592 | 1 <template> |
2882
6538ee93df72
client: moved style blocks below template blocks
Markus Kottlaender <markus@intevation.de>
parents:
2875
diff
changeset
|
2 <div> |
2727
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2718
diff
changeset
|
3 <div |
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2718
diff
changeset
|
4 class="d-flex fex-row" |
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2718
diff
changeset
|
5 style="padding-left: 3px;" |
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2718
diff
changeset
|
6 v-if="hasAdditionalInfo || isStretch || isSoundingResult" |
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2718
diff
changeset
|
7 > |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
8 <div v-if="hasAdditionalInfo"> |
2601 | 9 <font-awesome-icon |
10 v-if="entry.id === showAdditional" | |
11 @click="toggleAdditionalInfo" | |
12 class="my-auto mr-1 text-info pointer" | |
13 icon="angle-down" | |
14 fixed-width | |
15 ></font-awesome-icon> | |
16 <font-awesome-icon | |
17 v-if="entry.id !== showAdditional" | |
18 @click="toggleAdditionalInfo" | |
19 class="my-auto mr-1 text-info pointer" | |
20 icon="angle-right" | |
21 fixed-width | |
22 ></font-awesome-icon> | |
23 <span class="text-info"><translate>Additional Info</translate></span> | |
2733
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
24 <span |
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
25 class="text-info" |
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
26 v-if="isApprovedGaugeMeasurement && details.summary" |
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
27 > |
2685
39a05f8c34e6
import_overview: Refactoring of detailed information.
Thomas Junk <thomas.junk@intevation.de>
parents:
2647
diff
changeset
|
28 ({{ details.summary.length }})</span |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
29 > |
2733
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
30 <span |
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
31 v-if="isBottleneck && details.summary && details.summary.bottlenecks" |
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
32 class="text-info text-left" |
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
33 > |
2685
39a05f8c34e6
import_overview: Refactoring of detailed information.
Thomas Junk <thomas.junk@intevation.de>
parents:
2647
diff
changeset
|
34 ({{ details.summary.bottlenecks.length }})</span |
2647
c52bf6f994c0
overview2: bottleneckview added
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
35 > |
2608
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2605
diff
changeset
|
36 <span class="text-left" v-if="isFairwayDimension" |
2685
39a05f8c34e6
import_overview: Refactoring of detailed information.
Thomas Junk <thomas.junk@intevation.de>
parents:
2647
diff
changeset
|
37 >{{ details.summary["source-organization"] }} (LOS: |
39a05f8c34e6
import_overview: Refactoring of detailed information.
Thomas Junk <thomas.junk@intevation.de>
parents:
2647
diff
changeset
|
38 {{ details.summary.los }})</span |
2608
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2605
diff
changeset
|
39 > |
2601 | 40 </div> |
2776
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
41 <StretchDetail |
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
42 v-if="isStretch && isPending" |
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
43 :entry="entry" |
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
44 ></StretchDetail> |
2608
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2605
diff
changeset
|
45 <SoundingResultDetail |
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2605
diff
changeset
|
46 :entry="entry" |
2776
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
47 v-if="isSoundingResult && isPending" |
2608
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2605
diff
changeset
|
48 ></SoundingResultDetail> |
2594 | 49 </div> |
50 <AdditionalDetail | |
2777
c4821579cfaf
import_overview: show additional info only when pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2776
diff
changeset
|
51 v-if="entry.id === showAdditional && isPending" |
2594 | 52 class="ml-2 d-flex flex-row" |
2597 | 53 :entry="entry" |
2594 | 54 ></AdditionalDetail> |
2727
0fe0b3f1720f
client: import overview: several style fixes
Markus Kottlaender <markus@intevation.de>
parents:
2718
diff
changeset
|
55 <div class="d-flex fex-row" style="padding-left: 3px;"> |
2594 | 56 <font-awesome-icon |
57 v-if="entry.id === showLogs" | |
58 @click="toggleAdditionalLogging" | |
59 class="my-auto mr-1 text-info pointer" | |
60 icon="angle-down" | |
61 fixed-width | |
62 ></font-awesome-icon> | |
63 <font-awesome-icon | |
64 v-if="entry.id !== showLogs" | |
65 @click="toggleAdditionalLogging" | |
66 class="my-auto mr-1 text-info pointer" | |
67 icon="angle-right" | |
68 fixed-width | |
69 ></font-awesome-icon> | |
2601 | 70 <span class="text-info"><translate>Logs</translate></span> |
2594 | 71 </div> |
72 <AdditionalLog | |
73 v-if="entry.id === showLogs" | |
2887
83acca8937de
client: importoverview: improved log style
Markus Kottlaender <markus@intevation.de>
parents:
2882
diff
changeset
|
74 class="d-flex flex-row" |
2594 | 75 ></AdditionalLog> |
2592 | 76 </div> |
77 </template> | |
78 | |
79 <script> | |
80 /* This is Free Software under GNU Affero General Public License v >= 3.0 | |
81 * without warranty, see README.md and license for details. | |
82 * | |
83 * SPDX-License-Identifier: AGPL-3.0-or-later | |
84 * License-Filename: LICENSES/AGPL-3.0.txt | |
85 * | |
86 * Copyright (C) 2018 by via donau | |
87 * – Österreichische Wasserstraßen-Gesellschaft mbH | |
88 * Software engineering by Intevation GmbH | |
89 * | |
90 * Author(s): | |
91 * Thomas Junk <thomas.junk@intevation.de> | |
92 */ | |
2594 | 93 |
94 import { mapState } from "vuex"; | |
95 | |
2592 | 96 export default { |
2594 | 97 components: { |
2608
13377f2a5c42
overview2: agm details prototype implemented
Thomas Junk <thomas.junk@intevation.de>
parents:
2605
diff
changeset
|
98 SoundingResultDetail: () => import("./SoundingResultDetail.vue"), |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
99 StretchDetail: () => import("./StretchDetails.vue"), |
2594 | 100 AdditionalDetail: () => import("./AdditionalDetail.vue"), |
101 AdditionalLog: () => import("./AdditionalLog.vue") | |
102 }, | |
2875
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
103 props: ["entry"], |
2594 | 104 computed: { |
2733
4ae3453fcf50
import_review: fixed minor state bugs
Thomas Junk <thomas.junk@intevation.de>
parents:
2732
diff
changeset
|
105 ...mapState("imports", ["showAdditional", "showLogs", "details"]), |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
106 kind() { |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
107 return this.entry.kind.toUpperCase(); |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
108 }, |
2776
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
109 isPending() { |
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
110 return this.entry.state == "pending"; |
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
111 }, |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
112 hasAdditionalInfo() { |
2647
c52bf6f994c0
overview2: bottleneckview added
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
113 return ( |
2776
a0b63e2fca99
import_overview: only display additional info when state of current entry is pending
Thomas Junk <thomas.junk@intevation.de>
parents:
2736
diff
changeset
|
114 this.isPending && (this.isApprovedGaugeMeasurement || this.isBottleneck) |
2647
c52bf6f994c0
overview2: bottleneckview added
Thomas Junk <thomas.junk@intevation.de>
parents:
2608
diff
changeset
|
115 ); |
2605
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
116 }, |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
117 isFairwayDimension() { |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
118 return this.kind === "FD"; |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
119 }, |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
120 isApprovedGaugeMeasurement() { |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
121 return this.kind === "AGM"; |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
122 }, |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
123 isBottleneck() { |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
124 return this.kind === "BN" || this.kind === "UBN"; |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
125 }, |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
126 isStretch() { |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
127 return this.kind === "ST"; |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
128 }, |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
129 isSoundingResult() { |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
130 return this.kind === "SR"; |
11fd7ee37f10
overview2: added stretch zoom functionality
Thomas Junk <thomas.junk@intevation.de>
parents:
2601
diff
changeset
|
131 } |
2875
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
132 }, |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
133 methods: { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
134 toggleAdditionalInfo() { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
135 if (this.entry.id === this.showAdditional) { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
136 this.$store.commit("imports/hideAdditionalInfo"); |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
137 } else { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
138 this.$store.commit("imports/showAdditionalInfoFor", this.entry.id); |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
139 } |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
140 }, |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
141 toggleAdditionalLogging() { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
142 if (this.entry.id === this.showLogs) { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
143 this.$store.commit("imports/hideAdditionalLogs"); |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
144 } else { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
145 this.$store.commit("imports/showAdditionalLogsFor", this.entry.id); |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
146 } |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
147 } |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
148 }, |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
149 mounted() { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
150 if (this.entry.state === "pending") { |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
151 this.$store.commit("imports/showAdditionalInfoFor", this.entry.id); |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
152 } |
84effca50751
client: importoverview: cleaned up code
Markus Kottlaender <markus@intevation.de>
parents:
2799
diff
changeset
|
153 this.$store.commit("imports/showAdditionalLogsFor", this.entry.id); |
2594 | 154 } |
2592 | 155 }; |
156 </script> |