changeset 4866:9df7794ec969

adding toolstip to powertoggle
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 13 Dec 2019 12:39:08 +0100
parents e51b9b265df0
children 5555b77b8c4e
files client/src/components/layers/Layerselect.vue
diffstat 1 files changed, 16 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/layers/Layerselect.vue	Thu Dec 12 17:13:34 2019 +0100
+++ b/client/src/components/layers/Layerselect.vue	Fri Dec 13 12:39:08 2019 +0100
@@ -2,6 +2,15 @@
   <div
     class="d-flex flex-column flex-start px-2 border-bottom"
     style="border-bottom-style: dashed !important;"
+    v-tooltip="{
+      content: rightclickLabel,
+      delay: {
+        show: 1000,
+        hide: 100
+      },
+      placement: 'bottom',
+      autohide: true
+    }"
   >
     <div class="d-flex" @click.right.prevent="selectSingle">
       <input
@@ -60,13 +69,19 @@
       "openLayersMaps",
       "isolinesLegendImgDataURL",
       "differencesLegendImgDataURL",
-      "ongoingRefresh"
+      "ongoingRefresh",
+      "singleLayerVisible"
     ]),
     ...mapGetters("map", ["openLayersMap"]),
     ...mapState("bottlenecks", ["selectedSurvey"]),
     layer() {
       return this.openLayersMap().getLayer(this.layerId);
     },
+    rightclickLabel() {
+      if (this.singleLayerVisible)
+        return this.$gettext("Right click to select previous layers");
+      return this.$gettext("Right click to select single layer");
+    },
     label() {
       return this.$gettext(this.layer.get("label"));
     }