Mercurial > gemma

changeset 2914:84a40983bb9f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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: {