comparison client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue @ 2936:70946dc00abd

import_overview: striped AGM diffs
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 04 Apr 2019 16:03:28 +0200
parents cfa0adbfce63
children 73f537379203
comparison
equal deleted inserted replaced
2935:7380c972a53e 2936:70946dc00abd
27 ><div>{{ result["measure-date"] | dateTime }}</div></span 27 ><div>{{ result["measure-date"] | dateTime }}</div></span
28 > 28 >
29 </div> 29 </div>
30 <div v-if="showDiff === index" class="pl-3 d-flex flex-row"> 30 <div v-if="showDiff === index" class="pl-3 d-flex flex-row">
31 <div class="w-100"> 31 <div class="w-100">
32 <div class="d-flex flex-row pl-3 text-left"> 32 <div class="d-flex flex-row pl-3 text-left w-95">
33 <div class="header border-bottom agmdetailskeys"> 33 <div class="header border-bottom agmdetailskeys">
34 <small><translate>Value</translate></small> 34 <small><translate>Value</translate></small>
35 </div> 35 </div>
36 <div 36 <div
37 v-if="result.versions.length == 2" 37 v-if="result.versions.length == 2"
42 <div class="header border-bottom agmdetailsvalues"> 42 <div class="header border-bottom agmdetailsvalues">
43 <small><translate>New</translate></small> 43 <small><translate>New</translate></small>
44 </div> 44 </div>
45 </div> 45 </div>
46 <div 46 <div
47 class="d-flex flex-row pl-3 text-left" 47 class="line d-flex flex-row pl-3 text-left w-95"
48 v-for="(entry, index) in Object.keys(result.versions[0])" 48 v-for="(entry, index) in Object.keys(result.versions[0])"
49 :key="index" 49 :key="index"
50 > 50 >
51 <div 51 <div
52 v-if=" 52 v-if="
88 overflow-y: auto 88 overflow-y: auto
89 > div 89 > div
90 border-top: dashed 1px #dee2e6 90 border-top: dashed 1px #dee2e6
91 &:first-child 91 &:first-child
92 border-top: none 92 border-top: none
93
94 .line:nth-child(odd)
95 background: #f8f8f8
93 96
94 .agmcode 97 .agmcode
95 width: 35% 98 width: 35%
96 99
97 .agmdetailskeys 100 .agmdetailskeys