Mercurial > gemma

changeset 2343:33d2ef9f9e5d

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: use the name constants for Layer names
author Fadi Abbud <fadi.abbud@intevation.de>
date Wed, 20 Feb 2019 10:00:01 +0100
parents 4e325dda6a2d
children a5b87a695469
files client/src/components/layers/Layerselect.vue
diffstat 1 files changed, 7 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/layers/Layerselect.vue	Wed Feb 20 08:53:30 2019 +0100
+++ b/client/src/components/layers/Layerselect.vue	Wed Feb 20 10:00:01 2019 +0100
@@ -18,7 +18,7 @@
         >{{ layername }}</label
       >
     </div>
-    <div v-if="isVisible && layername == 'Bottleneck isolines'">
+    <div v-if="isVisible && isBottleneckIsolineLayer">
       <img class="rounded my-1 d-block" :src="isolinesLegendImgDataURL" />
     </div>
   </div>
@@ -50,6 +50,7 @@
  */
 import { HTTP } from "@/lib/http";
 import { mapState } from "vuex";
+import { LAYERS } from "@/store/map.js";
 export default {
   props: ["layername", "layerindex", "isVisible"],
   name: "layerselect",
@@ -57,7 +58,10 @@
     LegendElement: () => import("./LegendElement.vue")
   },
   computed: {
-    ...mapState("map", ["isolinesLegendImgDataURL"])
+    ...mapState("map", ["isolinesLegendImgDataURL"]),
+    isBottleneckIsolineLayer() {
+      return this.layername == LAYERS.BOTTLENECKISOLINE;
+    }
   },
   methods: {
     visibilityToggled() {
@@ -67,7 +71,7 @@
   created() {
     // fetch legend image for bottleneck isolines
     // directly read it as dataURL so it is reusable later
-    if (this.layername == "Bottleneck isolines") {
+    if (this.isBottleneckIsolineLayer) {
       const src =
         "/internal/wms?REQUEST=GetLegendGraphic&VERSION=1.0.0&FORMAT=image/png&WIDTH=20&HEIGHT=20&LAYER=sounding_results_contour_lines_geoserver&legend_options=columns:4;fontAntiAliasing:true";
       HTTP.get(src, {