Mercurial > gemma
comparison client/src/components/staging/StagingDetail.vue @ 2165:82dad8d808a7
agm_diff: usability bug fixed
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 08 Feb 2019 13:53:50 +0100 |
parents | 0e2f4b059897 |
children | 256f98e1d954 |
comparison
equal
deleted
inserted
replaced
2164:0e2f4b059897 | 2165:82dad8d808a7 |
---|---|
195 ><small>{{ result["fk-gauge-id"] }}</small></span | 195 ><small>{{ result["fk-gauge-id"] }}</small></span |
196 > | 196 > |
197 <span class="condensed agmdetail text-left" | 197 <span class="condensed agmdetail text-left" |
198 ><small>{{ formatSurveyDate(result["measure-date"]) }}</small></span | 198 ><small>{{ formatSurveyDate(result["measure-date"]) }}</small></span |
199 > | 199 > |
200 <div | 200 <div class="small ml-auto mt-auto mb-auto text-info text-left"> |
201 @click="showBottleneckDetails = !showBottleneckDetails" | |
202 class="small ml-auto mt-auto mb-auto text-info text-left" | |
203 > | |
204 <font-awesome-icon | 201 <font-awesome-icon |
205 class="pointer" | 202 class="pointer" |
206 v-if="showDiff == index" | 203 v-if="showDiff == index" |
207 icon="angle-up" | 204 icon="angle-up" |
208 fixed-width | 205 fixed-width |
219 <div> | 216 <div> |
220 <div class="d-flex flex-row condensed pl-3 text-left"> | 217 <div class="d-flex flex-row condensed pl-3 text-left"> |
221 <div class="header border-bottom agmdetailskeys"> | 218 <div class="header border-bottom agmdetailskeys"> |
222 <small><translate>Value</translate></small> | 219 <small><translate>Value</translate></small> |
223 </div> | 220 </div> |
224 <div class="header border-bottom agmdetailsvalues"> | 221 <div |
222 v-if="result.versions.length == 2" | |
223 class="header border-bottom agmdetailsvalues" | |
224 > | |
225 <small><translate>Old</translate></small> | 225 <small><translate>Old</translate></small> |
226 </div> | 226 </div> |
227 <div class="header border-bottom agmdetailsvalues"> | 227 <div class="header border-bottom agmdetailsvalues"> |
228 <small><translate>New</translate></small> | 228 <small><translate>New</translate></small> |
229 </div> | 229 </div> |
340 } | 340 } |
341 } | 341 } |
342 }, | 342 }, |
343 methods: { | 343 methods: { |
344 toggleDiff(number) { | 344 toggleDiff(number) { |
345 if (this.showDiff == -1) { | 345 if (this.showDiff !== number || this.showDiff == -1) { |
346 this.showDiff = number; | 346 this.showDiff = number; |
347 } else { | 347 } else { |
348 this.showDiff = -1; | 348 this.showDiff = -1; |
349 } | 349 } |
350 }, | 350 }, |