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 },