comparison client/src/components/layers/Layerselect.vue @ 3006:44493664d40e

client: refactored layers config Layers are not stored in the vuex store anymore but instead they are served from a factory function, so that different maps can haved individual layer objects
author Markus Kottlaender <markus@intevation.de>
date Thu, 11 Apr 2019 11:44:11 +0200
parents 41cdff9b7f4a
children b3c24c47931c
comparison
equal deleted inserted replaced
3005:870d2a0e866b 3006:44493664d40e
13 @click="visibilityToggled" 13 @click="visibilityToggled"
14 > 14 >
15 {{ label }} 15 {{ label }}
16 </label> 16 </label>
17 </div> 17 </div>
18 <div v-if="layer.getVisible() && layer === layers.BOTTLENECKISOLINE"> 18 <div v-if="layer.getVisible() && layer.get('id') === 'BOTTLENECKISOLINE'">
19 <img class="rounded my-1 d-block" :src="isolinesLegendImgDataURL" /> 19 <img class="rounded my-1 d-block" :src="isolinesLegendImgDataURL" />
20 </div> 20 </div>
21 <div v-if="layer.getVisible() && layer === layers.DIFFERENCES"> 21 <div v-if="layer.getVisible() && layer.get('id') === 'DIFFERENCES'">
22 <img class="rounded my-1 d-block" :src="differencesLegendImgDataURL" /> 22 <img class="rounded my-1 d-block" :src="differencesLegendImgDataURL" />
23 </div> 23 </div>
24 </div> 24 </div>
25 </template> 25 </template>
26 26
87 }); 87 });
88 }); 88 });
89 } 89 }
90 }, 90 },
91 created() { 91 created() {
92 if (this.layer === this.layers.BOTTLENECKISOLINE) { 92 if (this.layer.get("id") === "BOTTLENECKISOLINE") {
93 this.loadLegendImage( 93 this.loadLegendImage(
94 "sounding_results_contour_lines_geoserver", 94 "sounding_results_contour_lines_geoserver",
95 "isolinesLegendImgDataURL" 95 "isolinesLegendImgDataURL"
96 ); 96 );
97 } 97 }
98 if (this.layer === this.layers.DIFFERENCES) { 98 if (this.layer.get("id") === "DIFFERENCES") {
99 this.loadLegendImage( 99 this.loadLegendImage(
100 "sounding_differences", 100 "sounding_differences",
101 "differencesLegendImgDataURL" 101 "differencesLegendImgDataURL"
102 ); 102 );
103 } 103 }