Mercurial > gemma

annotate client/src/components/staging/StagingDetail.vue @ 2382:c28971cd70ce

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: indicator for imports waiting for review The main menu button and the staging area menu item now show an indicator for open imports
author Markus Kottlaender <markus@intevation.de>
date Mon, 25 Feb 2019 08:35:47 +0100
parents d66f60163c2f
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
1 <template>
1650
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
2 <div :class="detail">
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
3 <div class="d-flex flex-row">
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
4 <div class="mt-auto d-flex flex-row mb-auto small name text-left">
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
5 <a
1891
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
6 v-if="isSoundingResult(data.kind.toUpperCase())"
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
7 class="text-left"
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
8 @click="zoomTo()"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
9 href="#"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
10 >{{ data.summary.bottleneck }}</a
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
11 >
1891
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
12 <span v-if="isBottleneck(data.kind.toUpperCase())" class="text-left"
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
13 ><translate>Bottlenecks</translate> ({{
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
14 data.summary.bottlenecks.length
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
15 }})</span
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
16 >
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
17 <a
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
18 v-if="isApprovedGaugeMeasurement(data.kind.toUpperCase())"
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
19 class="text-left"
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
20 ><translate>Approved Gauge Measurements</translate> ({{
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
21 data.summary.length
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
22 }})</a
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
23 >
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
24 <span
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
25 class="text-left"
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
26 v-if="isFairwayDimension(data.kind.toUpperCase())"
2028
a8d8e855cb26 staging. FD added source-organization and LOS as name for entry
Thomas Junk <thomas.junk@intevation.de>
parents: 1891
diff changeset
27 >{{ data.summary["source-organization"] }} (LOS:
a8d8e855cb26 staging. FD added source-organization and LOS as name for entry
Thomas Junk <thomas.junk@intevation.de>
parents: 1891
diff changeset
28 {{ data.summary.los }})</span
a8d8e855cb26 staging. FD added source-organization and LOS as name for entry
Thomas Junk <thomas.junk@intevation.de>
parents: 1891
diff changeset
29 >
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
30 <a
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
31 href="#"
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
32 class="text-left"
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
33 @click="zoomToStretch(data.summary.stretch)"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
34 v-if="isStretch(data.kind.toUpperCase())"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
35 >{{ data.summary.stretch }}</a
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
36 >
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
37 </div>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
38 <div class="mt-auto mb-auto small text-left type">
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
39 {{ data.kind.toUpperCase() }}
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
40 </div>
1891
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
41 <div v-if="data.summary" class="mt-auto mb-auto small text-left date">
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
42 {{ formatSurveyDate(data.summary.date) }}
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
43 </div>
1891
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
44 <div v-else class="mt-auto mb-auto small text-left date">-</div>
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
45 <div class="mt-auto mb-auto small text-left imported">
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
46 {{ formatSurveyDate(data.enqueued.split("T")[0]) }}
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
47 </div>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
48 <div class="mt-auto mb-auto small text-left username">
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
49 {{ data.user }}
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
50 </div>
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
51 <div class="controls d-flex flex-row justify-content-end">
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
52 <div>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
53 <button
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
54 :class="{
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
55 'ml-3': true,
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
56 'mr-3': true,
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
57 btn: true,
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
58 'btn-sm': true,
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
59 'btn-outline-success': needsApproval(data) || isRejected(data),
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
60 'btn-success': isApproved(data)
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
61 }"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
62 @click="toggleApproval(data.id, $options.STATES.APPROVED)"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
63 >
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
64 <font-awesome-icon icon="check"></font-awesome-icon>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
65 </button>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
66 </div>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
67 <div>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
68 <button
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
69 :class="{
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
70 'mr-3': true,
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
71 btn: true,
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
72 'btn-sm': true,
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
73 'btn-outline-danger': needsApproval(data) || isApproved(data),
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
74 'btn-danger': isRejected(data)
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
75 }"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
76 @click="toggleApproval(data.id, $options.STATES.REJECTED)"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
77 >
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
78 <font-awesome-icon icon="times" class="pointer"></font-awesome-icon>
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
79 </button>
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
80 </div>
2356
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
81 <div
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
82 v-if="
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
83 !isBottleneck(data.kind.toUpperCase()) ||
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
84 isApprovedGaugeMeasurement(data.kind.toUpperCase())
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
85 "
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
86 class="expander"
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
87 ></div>
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
88 <div v-if="isBottleneck(data.kind.toUpperCase())">
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
89 <div class="mt-auto mb-auto text-info text-left">
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
90 <font-awesome-icon
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
91 class="pointer"
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
92 @click="showDetails()"
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
93 v-if="show"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
94 icon="angle-up"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
95 fixed-width
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
96 ></font-awesome-icon>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
97 <font-awesome-icon
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
98 class="pointer"
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
99 @click="showDetails()"
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
100 v-if="loading"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
101 icon="spinner"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
102 fixed-width
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
103 ></font-awesome-icon>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
104 <font-awesome-icon
2333
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
105 @click="showDetails()"
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
106 class="pointer"
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
107 v-if="!show && !loading"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
108 icon="angle-down"
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
109 fixed-width
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
110 ></font-awesome-icon>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
111 </div>
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
112 </div>
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
113 <div v-if="isApprovedGaugeMeasurement(data.kind.toUpperCase())">
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
114 <div
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
115 @click="showAGMDetails = !showAGMDetails"
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
116 class="mt-auto mb-auto text-info text-left"
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
117 >
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
118 <font-awesome-icon
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
119 class="pointer"
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
120 v-if="showAGMDetails"
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
121 icon="angle-up"
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
122 fixed-width
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
123 ></font-awesome-icon>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
124 <font-awesome-icon
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
125 class="pointer"
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
126 v-if="!showAGMDetails"
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
127 icon="angle-down"
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
128 fixed-width
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
129 ></font-awesome-icon>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
130 </div>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
131 </div>
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
132 <div v-else class="empty"></div>
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
133 </div>
1621
eeddc5dcb80c staging now with details
Thomas Junk <thomas.junk@intevation.de>
parents: 1620
diff changeset
134 </div>
2351
9c4d6a61ad1d staging: fix vanishing buttons when (U)BN list becomes too long
Thomas Junk <thomas.junk@intevation.de>
parents: 2350
diff changeset
135 <div v-if="show && bottlenecks.length > 0" class="bottlenecksdetails">
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
136 <div
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
137 v-for="(bottleneck, index) in bottlenecks"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
138 :key="index"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
139 class="d-flex flex-row"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
140 >
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
141 <div class="d-flex flex-column">
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
142 <div class="d-flex flex-row">
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
143 <a @click="moveToBottleneck(index)" class="small" href="#">{{
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
144 bottleneck.properties.objnam
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
145 }}</a>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
146 <div
2352
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
147 @click="showBottleneckDetails(index)"
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
148 class="small mt-auto mb-auto text-info text-left"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
149 >
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
150 <font-awesome-icon
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
151 class="pointer"
2352
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
152 v-if="showBottleneckDetail === index"
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
153 icon="angle-up"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
154 fixed-width
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
155 ></font-awesome-icon>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
156 <font-awesome-icon
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
157 class="pointer"
2352
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
158 v-if="!(showBottleneckDetail === index)"
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
159 icon="angle-down"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
160 fixed-width
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
161 ></font-awesome-icon>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
162 </div>
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
163 </div>
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
164
2352
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
165 <div class="d-flex flex-row" v-if="showBottleneckDetail === index">
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
166 <table>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
167 <tr
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
168 v-for="(info, index) in Object.keys(bottleneck.properties)"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
169 :key="index"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
170 class="mr-1 small text-muted"
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
171 >
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
172 <td class="condensed text-left">{{ info }}</td>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
173 <td class="condensed pl-3 text-left">
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
174 {{ bottleneck.properties[info] }}
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
175 </td>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
176 </tr>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
177 </table>
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
178 </div>
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
179 </div>
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
180 </div>
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
181 </div>
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
182 <div v-if="showAGMDetails">
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
183 <div class="pl-3 d-flex flex-row">
2164
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
184 <span class="condensed agmcode text-left"
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
185 ><small><translate>ISRS Code</translate></small></span
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
186 >
2164
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
187 <span class="condensed agmdetail text-left"
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
188 ><small><translate>Date of measurement</translate></small></span
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
189 >
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
190 </div>
2180
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
191 <div class="diffs">
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
192 <div v-for="(result, index) in data.summary" :key="index">
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
193 <div class="pl-3 d-flex flex-row">
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
194 <span
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
195 v-if="result.versions.length == 1"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
196 class="condensed agmcode text-left"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
197 ><small
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
198 >{{ result["fk-gauge-id"] }}
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
199 <translate>( New )</translate></small
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
200 ></span
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
201 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
202 <span
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
203 v-if="result.versions.length == 2"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
204 class="condensed agmcode text-left"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
205 ><small>{{ result["fk-gauge-id"] }}</small></span
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
206 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
207 <span class="condensed agmdetail text-left"
2337
0f3b0937e7c1 staging: format datetime instead of format date in AGM Diff View
Thomas Junk <thomas.junk@intevation.de>
parents: 2333
diff changeset
208 ><small>{{ formatDateTime(result["measure-date"]) }}</small></span
2180
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
209 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
210 <div
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
211 @click="toggleDiff(index)"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
212 class="small ml-auto mt-auto mb-auto text-info text-left"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
213 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
214 <font-awesome-icon
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
215 class="pointer"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
216 v-if="showDiff == index"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
217 icon="angle-up"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
218 fixed-width
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
219 ></font-awesome-icon>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
220 <font-awesome-icon
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
221 class="pointer"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
222 v-if="showDiff != index"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
223 icon="angle-down"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
224 fixed-width
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
225 ></font-awesome-icon>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
226 </div>
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
227 </div>
2180
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
228 <div v-if="showDiff == index" class="pl-3 d-flex flex-row">
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
229 <div>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
230 <div class="d-flex flex-row condensed pl-3 text-left">
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
231 <div class="header border-bottom agmdetailskeys">
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
232 <small><translate>Value</translate></small>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
233 </div>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
234 <div
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
235 v-if="result.versions.length == 2"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
236 class="header border-bottom agmdetailsvalues"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
237 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
238 <small><translate>Old</translate></small>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
239 </div>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
240 <div class="header border-bottom agmdetailsvalues">
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
241 <small><translate>New</translate></small>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
242 </div>
2164
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
243 </div>
2165
82dad8d808a7 agm_diff: usability bug fixed
Thomas Junk <thomas.junk@intevation.de>
parents: 2164
diff changeset
244 <div
2180
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
245 class="d-flex flex-row condensed pl-3 text-left"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
246 v-for="(entry, index) in Object.keys(result.versions[0])"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
247 :key="index"
2165
82dad8d808a7 agm_diff: usability bug fixed
Thomas Junk <thomas.junk@intevation.de>
parents: 2164
diff changeset
248 >
2180
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
249 <div
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
250 v-if="
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
251 result.versions.length == 1 ||
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
252 result.versions[0][entry] != result.versions[1][entry]
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
253 "
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
254 class="agmdetailskeys"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
255 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
256 <small>{{ entry }}</small>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
257 </div>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
258 <div
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
259 v-if="
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
260 result.versions.length == 1 ||
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
261 result.versions[0][entry] != result.versions[1][entry]
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
262 "
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
263 class="agmdetailsvalues"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
264 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
265 <small>{{ result.versions[0][entry] }}</small>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
266 </div>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
267 <div
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
268 v-if="
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
269 result.versions.length == 2 &&
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
270 result.versions[0][entry] != result.versions[1][entry]
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
271 "
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
272 class="agmdetailsvalues"
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
273 >
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
274 <small>{{ result.versions[1][entry] }}</small>
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
275 </div>
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
276 </div>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
277 </div>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
278 </div>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
279 </div>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
280 </div>
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
281 </div>
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
282 </div>
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
283 </template>
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
284
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
285 <script>
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
286 /* This is Free Software under GNU Affero General Public License v >= 3.0
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
287 * without warranty, see README.md and license for details.
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
288 *
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
289 * SPDX-License-Identifier: AGPL-3.0-or-later
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
290 * License-Filename: LICENSES/AGPL-3.0.txt
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
291 *
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
292 * Copyright (C) 2018 by via donau
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
293 * – Österreichische Wasserstraßen-Gesellschaft mbH
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
294 * Software engineering by Intevation GmbH
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
295 *
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
296 * Author(s):
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
297 * Thomas Junk <thomas.junk@intevation.de>
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
298 */
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
299
2337
0f3b0937e7c1 staging: format datetime instead of format date in AGM Diff View
Thomas Junk <thomas.junk@intevation.de>
parents: 2333
diff changeset
300 import { formatSurveyDate, formatDateTime } from "@/lib/date.js";
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
301 import { STATES } from "@/store/imports.js";
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
302 import { HTTP } from "@/lib/http";
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
303 import { WFS } from "ol/format.js";
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
304 import { or as orFilter, equalTo as equalToFilter } from "ol/format/filter.js";
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
305 import { displayError } from "@/lib/errors.js";
1650
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
306 import { mapState } from "vuex";
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2136
diff changeset
307 import { LAYERS } from "@/store/map.js";
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
308
2164
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
309 const NO_DIFF = -1;
2352
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
310 const NO_BOTTLENECK = -1;
2164
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
311
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
312 export default {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
313 name: "stagingdetail",
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
314 props: ["data"],
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
315 data() {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
316 return {
2164
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
317 showDiff: NO_DIFF,
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
318 showAGMDetails: false,
2352
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
319 showBottleneckDetail: NO_BOTTLENECK,
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
320 show: false,
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
321 loading: false,
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
322 bottlenecks: []
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
323 };
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
324 },
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
325 mounted() {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
326 this.bottlenecks = [];
2333
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
327 const { id } = this.$route.params;
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
328 this.$store.commit("imports/setImportToReview", id);
1650
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
329 if (this.open) this.showDetails();
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
330 },
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
331 computed: {
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
332 ...mapState("imports", ["importToReview"]),
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
333 open() {
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
334 return this.importToReview == this.data.id;
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
335 },
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
336 detail() {
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
337 return [
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
338 "pb-2",
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
339 "pt-2",
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
340 "d-flex",
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
341 "flex-column",
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
342 "w-100",
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
343 {
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
344 highlight: this.open && this.needsApproval(this.data)
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
345 }
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
346 ];
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
347 }
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
348 },
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
349 watch: {
2164
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
350 showAGMDetails() {
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
351 if (!this.showAGMDetails) this.showDiff = NO_DIFF;
0e2f4b059897 staging: agm diff visually adjusted
Thomas Junk <thomas.junk@intevation.de>
parents: 2154
diff changeset
352 },
1650
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
353 open() {
2333
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
354 this.show = this.open;
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
355 },
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
356 $route() {
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
357 const { id } = this.$route.params;
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
358 this.$store.commit("imports/setImportToReview", id);
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
359 if (this.open) this.showDetails();
1650
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
360 }
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
361 },
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
362 methods: {
2352
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
363 showBottleneckDetails(index) {
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
364 if (index == this.showBottleneckDetail) {
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
365 this.showBottleneckDetail = NO_BOTTLENECK;
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
366 return;
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
367 }
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
368 this.showBottleneckDetail = index;
0d7b51930028 staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
Thomas Junk <thomas.junk@intevation.de>
parents: 2351
diff changeset
369 },
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
370 toggleDiff(number) {
2165
82dad8d808a7 agm_diff: usability bug fixed
Thomas Junk <thomas.junk@intevation.de>
parents: 2164
diff changeset
371 if (this.showDiff !== number || this.showDiff == -1) {
2154
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
372 this.showDiff = number;
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
373 } else {
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
374 this.showDiff = -1;
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
375 }
a08e0f532304 staging: improve UI
Thomas Junk <thomas.junk@intevation.de>
parents: 2145
diff changeset
376 },
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
377 zoomToStretch(name) {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2136
diff changeset
378 this.$store.commit("map/setLayerVisible", LAYERS.STRETCHES);
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
379 this.$store
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
380 .dispatch("imports/loadStretch", name)
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
381 .then(response => {
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
382 if (response.data.features.length < 1)
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
383 throw new Error("no feaures found for: " + name);
2132
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2108
diff changeset
384 this.moveToExtent(response.data.features[0]);
2107
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
385 })
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
386 .catch(error => {
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
387 console.log(error);
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
388 const { status, data } = error.response;
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
389 displayError({
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
390 title: this.$gettext("Backend Error"),
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
391 message: `${status}: ${data.message || data}`
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
392 });
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
393 });
6747a4cf3639 staging: zoom to Stretch implemented
Thomas Junk <thomas.junk@intevation.de>
parents: 2104
diff changeset
394 },
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
395 showDetails() {
2350
ed6b0a43d42f staging: open detailsview for UBN too
Thomas Junk <thomas.junk@intevation.de>
parents: 2348
diff changeset
396 if (!this.isBottleneck(this.data.kind.toUpperCase())) return;
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
397 if (this.show) {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
398 this.show = false;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
399 return;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
400 }
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
401 if (this.bottlenecks.length > 0) {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
402 this.show = true;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
403 return;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
404 }
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
405 this.loading = true;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
406 const generateFilter = () => {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
407 const { bottlenecks } = this.data.summary;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
408 if (bottlenecks.length === 1)
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
409 return equalToFilter("bottleneck_id", bottlenecks[0]);
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
410 const orExpressions = bottlenecks.map(x => {
2333
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
411 return equalToFilter("bottleneck_id", x);
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
412 });
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
413 return orFilter(...orExpressions);
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
414 };
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
415 const filterExpression = generateFilter();
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
416 const bottleneckFeatureCollectionRequest = new WFS().writeGetFeature({
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
417 srsName: "EPSG:4326",
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
418 featureNS: "gemma",
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
419 featurePrefix: "gemma",
2333
eb82b273c615 staging: adapt to new routing concept. fix of problems with opening bottlenecks
Thomas Junk <thomas.junk@intevation.de>
parents: 2180
diff changeset
420 featureTypes: ["bottlenecks_geoserver"],
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
421 outputFormat: "application/json",
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
422 filter: filterExpression
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
423 });
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
424 HTTP.post(
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
425 "/internal/wfs",
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
426 new XMLSerializer().serializeToString(
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
427 bottleneckFeatureCollectionRequest
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
428 ),
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
429 {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
430 headers: {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
431 "X-Gemma-Auth": localStorage.getItem("token"),
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
432 "Content-type": "text/xml; charset=UTF-8"
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
433 }
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
434 }
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
435 )
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
436 .then(response => {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
437 this.bottlenecks = response.data.features;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
438 this.show = true;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
439 this.loading = false;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
440 })
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
441 .catch(error => {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
442 const { status, data } = error.response;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
443 displayError({
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
444 title: this.$gettext("Backend Error"),
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
445 message: `${status}: ${data.message || data}`
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
446 });
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
447 });
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
448 },
1891
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
449 isFairwayDimension(kind) {
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
450 return kind === "FD";
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
451 },
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
452 isApprovedGaugeMeasurement(kind) {
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
453 return kind === "AGM";
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
454 },
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
455 isBottleneck(kind) {
2348
7cdc211b90cd staging: introduce UBN as a variant to BN
Thomas Junk <thomas.junk@intevation.de>
parents: 2337
diff changeset
456 return kind === "BN" || kind === "UBN";
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
457 },
2103
404eae390298 make default errorfree
Thomas Junk <thomas.junk@intevation.de>
parents: 2102
diff changeset
458 isStretch(kind) {
404eae390298 make default errorfree
Thomas Junk <thomas.junk@intevation.de>
parents: 2102
diff changeset
459 return kind === "ST";
404eae390298 make default errorfree
Thomas Junk <thomas.junk@intevation.de>
parents: 2102
diff changeset
460 },
1891
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
461 isSoundingResult(kind) {
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
462 return kind === "SR";
80d3ac4328fe staging: fixed display of fd import
Thomas Junk <thomas.junk@intevation.de>
parents: 1650
diff changeset
463 },
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
464 formatSurveyDate(date) {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
465 return formatSurveyDate(date);
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
466 },
2337
0f3b0937e7c1 staging: format datetime instead of format date in AGM Diff View
Thomas Junk <thomas.junk@intevation.de>
parents: 2333
diff changeset
467 formatDateTime(date) {
0f3b0937e7c1 staging: format datetime instead of format date in AGM Diff View
Thomas Junk <thomas.junk@intevation.de>
parents: 2333
diff changeset
468 return formatDateTime(date);
0f3b0937e7c1 staging: format datetime instead of format date in AGM Diff View
Thomas Junk <thomas.junk@intevation.de>
parents: 2333
diff changeset
469 },
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
470 needsApproval(item) {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
471 return item.status === STATES.NEEDSAPPROVAL;
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
472 },
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
473 isRejected(item) {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
474 return item.status === STATES.REJECTED;
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
475 },
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
476 isApproved(item) {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
477 return item.status === STATES.APPROVED;
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
478 },
1633
f034371c5d11 refac: move to map in staging component resolves now via id
Thomas Junk <thomas.junk@intevation.de>
parents: 1625
diff changeset
479 moveToBottleneck(index) {
2140
55bedb39295a feat: clicking on stretches activates according layer
Thomas Junk <thomas.junk@intevation.de>
parents: 2136
diff changeset
480 this.$store.commit("map/setLayerVisible", LAYERS.BOTTLENECKS);
2136
3138d60dd1a6 moveToExtent substitutes moveMap where easy doable
Thomas Junk <thomas.junk@intevation.de>
parents: 2132
diff changeset
481 this.moveToExtent(this.bottlenecks[index]);
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
482 },
2132
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2108
diff changeset
483 moveToExtent(feature) {
2108
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2107
diff changeset
484 this.$store.commit("map/moveToExtent", {
2132
7a2eedc182f7 staging: zoomable stretches. zoomToExtent etd
Thomas Junk <thomas.junk@intevation.de>
parents: 2108
diff changeset
485 feature: feature,
2108
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2107
diff changeset
486 zoom: 17,
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2107
diff changeset
487 preventZoomOut: true
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2107
diff changeset
488 });
cac5d2fba591 bbox tool from turfjs added. zoomToExtent function added to map.js
Thomas Junk <thomas.junk@intevation.de>
parents: 2107
diff changeset
489 },
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
490 moveMap(coordinates) {
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
491 this.$store.commit("map/moveMap", {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
492 coordinates: coordinates,
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
493 zoom: 17,
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
494 preventZoomOut: true
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
495 });
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
496 },
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
497 zoomTo() {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
498 const { lat, lon, bottleneck, date } = this.data.summary;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
499 const coordinates = [lat, lon];
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
500 this.moveMap(coordinates);
1615
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
501 this.$store
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
502 .dispatch("bottlenecks/setSelectedBottleneck", bottleneck)
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
503 .then(() => {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
504 this.$store.commit("bottlenecks/setSelectedSurveyByDate", date);
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
505 });
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
506 },
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
507 toggleApproval(id, newStatus) {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
508 this.$store.commit("imports/toggleApproval", {
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
509 id: id,
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
510 newStatus: newStatus
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
511 });
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
512 }
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
513 },
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
514 STATES: STATES
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
515 };
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
516 </script>
95641748383f refac: extracted staging details view
Thomas Junk <thomas.junk@intevation.de>
parents:
diff changeset
517
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
518 <style lang="scss" scoped>
2356
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
519 .expander {
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
520 margin-right: 1.25rem;
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
521 }
d66f60163c2f staging: fix optical alignment for non expandable entries
Thomas Junk <thomas.junk@intevation.de>
parents: 2352
diff changeset
522
2351
9c4d6a61ad1d staging: fix vanishing buttons when (U)BN list becomes too long
Thomas Junk <thomas.junk@intevation.de>
parents: 2350
diff changeset
523 .bottlenecksdetails {
9c4d6a61ad1d staging: fix vanishing buttons when (U)BN list becomes too long
Thomas Junk <thomas.junk@intevation.de>
parents: 2350
diff changeset
524 overflow-y: auto;
9c4d6a61ad1d staging: fix vanishing buttons when (U)BN list becomes too long
Thomas Junk <thomas.junk@intevation.de>
parents: 2350
diff changeset
525 max-height: 250px;
9c4d6a61ad1d staging: fix vanishing buttons when (U)BN list becomes too long
Thomas Junk <thomas.junk@intevation.de>
parents: 2350
diff changeset
526 }
2180
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
527 .diffs {
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
528 overflow-y: auto;
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
529 max-height: 250px;
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
530 }
256f98e1d954 staging: dynamic scrollbar for agm
Thomas Junk <thomas.junk@intevation.de>
parents: 2165
diff changeset
531
1650
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
532 .highlight {
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
533 background-color: #f9f9f9;
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
534 }
90211725e4a9 highlighing feature for staging area
Thomas Junk <thomas.junk@intevation.de>
parents: 1643
diff changeset
535
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
536 .condensed {
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
537 font-stretch: condensed;
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
538 }
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
539
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
540 .empty {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
541 margin-right: 20px;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
542 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
543
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
544 .name {
1625
de4e4dcb8f87 staging area: implemented details and zoom to bbox
Thomas Junk <thomas.junk@intevation.de>
parents: 1621
diff changeset
545 width: 180px;
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
546 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
547
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
548 .date {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
549 width: 90px;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
550 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
551
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
552 .type {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
553 width: 40px;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
554 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
555
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
556 .imported {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
557 width: 90px;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
558 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
559
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
560 .username {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
561 width: 150px;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
562 }
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
563
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
564 .controls {
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
565 width: 60px;
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
566 }
2145
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
567
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
568 .agmcode {
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
569 width: 200px;
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
570 }
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
571
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
572 .agmdate {
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
573 width: 100px;
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
574 }
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
575
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
576 .agmdetailskeys {
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
577 width: 130px;
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
578 }
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
579
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
580 .agmdetailsvalues {
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
581 width: 200px;
ba43b29e8694 agm: staging diff POC
Thomas Junk <thomas.junk@intevation.de>
parents: 2140
diff changeset
582 }
1620
2e4ec4251c57 refac: staging rebuilt with divs instead tables to accomplish detailsview
Thomas Junk <thomas.junk@intevation.de>
parents: 1615
diff changeset
583 </style>