# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1539951436 -7200
# Node ID 449b5ae752899c37af52e8f4fa9e5aef333f8b6f
# Parent  0906371c54c498d24d11a4af692c57ca50eeee98
linter

diff -r 0906371c54c4 -r 449b5ae75289 client/src/layers/Layerselect.vue
--- a/client/src/layers/Layerselect.vue	Fri Oct 19 13:09:00 2018 +0200
+++ b/client/src/layers/Layerselect.vue	Fri Oct 19 14:17:16 2018 +0200
@@ -1,14 +1,14 @@
 <template>
-  <div>
-    <div class="form-check d-flex flex-row flex-start selection">
-        <input class="form-check-input" @change="visibilityToggled" :id="layername" type="checkbox" :checked="isVisible">
-        <LegendElement :layername="layername" :layerindex="layerindex"></LegendElement>
-        <label class="layername form-check-label">{{layername}}</label>
+    <div>
+        <div class="form-check d-flex flex-row flex-start selection">
+            <input class="form-check-input" @change="visibilityToggled" :id="layername" type="checkbox" :checked="isVisible">
+            <LegendElement :layername="layername" :layerindex="layerindex"></LegendElement>
+            <label class="layername form-check-label">{{layername}}</label>
+        </div>
+        <div v-if="isVisible && (layername == 'Bottleneck isolines')" class="card">
+            <img class="rounded mx-auto d-block" :src="isolinesLegendImgUrl">
+        </div>
     </div>
-    <div v-if="isVisible && (layername == 'Bottleneck isolines')" class="card">
-      <img class="rounded mx-auto d-block" :src="isolinesLegendImgUrl">
-    </div>
-  </div>
 </template>
 
 <style lang="scss">
@@ -27,10 +27,10 @@
 export default {
   props: ["layername", "layerindex", "isVisible"],
   name: "layerselect",
-  data () {
+  data() {
     return {
       isolinesLegendImgUrl: ""
-    }
+    };
   },
   components: {
     LegendElement
@@ -43,18 +43,19 @@
   created() {
     // fetch legend image for bottleneck isolines
     // TODO: move to store
-    if (this.layername == 'Bottleneck isolines') {
-      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"
+    if (this.layername == "Bottleneck isolines") {
+      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, {
         headers: {
-          "Accept": "image/png",
+          Accept: "image/png",
           "X-Gemma-Auth": localStorage.getItem("token")
         },
         responseType: "blob"
       }).then(response => {
         var urlCreator = window.URL || window.webkitURL;
-        this.isolinesLegendImgUrl = urlCreator.createObjectURL(response.data)
-      }); 
+        this.isolinesLegendImgUrl = urlCreator.createObjectURL(response.data);
+      });
     }
   }
 };