Mercurial > gemma
annotate client/src/components/staging/StagingDetail.vue @ 2416:706121185e63 staging_consolidation
wip
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 28 Feb 2019 13:46:09 +0100 |
parents | d66f60163c2f |
children |
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> |