Mercurial > gemma
changeset 2914:84a40983bb9f
client: importsoverview: improved opening mechanism for additional details
author | Markus Kottlaender <markus@intevation.de> |
---|---|
date | Wed, 03 Apr 2019 12:55:32 +0200 |
parents | cf6f595af2cb |
children | 69292eb68984 |
files | client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue |
diffstat | 1 files changed, 4 insertions(+), 7 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue Wed Apr 03 11:30:24 2019 +0200 +++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue Wed Apr 03 12:55:32 2019 +0200 @@ -8,12 +8,9 @@ > <div v-for="(result, index) in details.summary" :key="index"> <div class="pl-2 d-flex flex-row"> - <div - @click="toggleDiff(index)" - class="small mt-auto mb-auto text-info text-left" - > + <div @click="toggleDiff(index)" class="my-auto text-left"> <UISpinnerButton - :state="showDiff == index" + :state="showDiff === index" :icons="['angle-right', 'angle-down']" class="text-info" /> @@ -30,7 +27,7 @@ ><div>{{ result["measure-date"] | dateTime }}</div></span > </div> - <div v-if="showDiff == index" class="pl-3 d-flex flex-row"> + <div v-if="showDiff === index" class="pl-3 d-flex flex-row"> <div class="w-100"> <div class="d-flex flex-row pl-3 text-left"> <div class="header border-bottom agmdetailskeys"> @@ -128,7 +125,7 @@ props: ["entry"], data() { return { - showDiff: false + showDiff: 0 // open first item by default }; }, computed: {