Mercurial > gemma

changeset 2352:0d7b51930028

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
staging: fix detailsbutton behaviour with (U)BN. Only open one instead of all subdetailentries
author Thomas Junk <thomas.junk@intevation.de>
date Wed, 20 Feb 2019 12:09:19 +0100
parents 9c4d6a61ad1d
children b9c317236ebc
files client/src/components/staging/StagingDetail.vue
diffstat 1 files changed, 13 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/staging/StagingDetail.vue	Wed Feb 20 11:08:20 2019 +0100
+++ b/client/src/components/staging/StagingDetail.vue	Wed Feb 20 12:09:19 2019 +0100
@@ -137,25 +137,25 @@
               bottleneck.properties.objnam
             }}</a>
             <div
-              @click="showBottleneckDetails = !showBottleneckDetails"
+              @click="showBottleneckDetails(index)"
               class="small mt-auto mb-auto text-info text-left"
             >
               <font-awesome-icon
                 class="pointer"
-                v-if="showBottleneckDetails"
+                v-if="showBottleneckDetail === index"
                 icon="angle-up"
                 fixed-width
               ></font-awesome-icon>
               <font-awesome-icon
                 class="pointer"
-                v-if="!showBottleneckDetails"
+                v-if="!(showBottleneckDetail === index)"
                 icon="angle-down"
                 fixed-width
               ></font-awesome-icon>
             </div>
           </div>
 
-          <div class="d-flex flex-row" v-if="showBottleneckDetails">
+          <div class="d-flex flex-row" v-if="showBottleneckDetail === index">
             <table>
               <tr
                 v-for="(info, index) in Object.keys(bottleneck.properties)"
@@ -300,6 +300,7 @@
 import { LAYERS } from "@/store/map.js";
 
 const NO_DIFF = -1;
+const NO_BOTTLENECK = -1;
 
 export default {
   name: "stagingdetail",
@@ -308,7 +309,7 @@
     return {
       showDiff: NO_DIFF,
       showAGMDetails: false,
-      showBottleneckDetails: false,
+      showBottleneckDetail: NO_BOTTLENECK,
       show: false,
       loading: false,
       bottlenecks: []
@@ -352,6 +353,13 @@
     }
   },
   methods: {
+    showBottleneckDetails(index) {
+      if (index == this.showBottleneckDetail) {
+        this.showBottleneckDetail = NO_BOTTLENECK;
+        return;
+      }
+      this.showBottleneckDetail = index;
+    },
     toggleDiff(number) {
       if (this.showDiff !== number || this.showDiff == -1) {
         this.showDiff = number;