Mercurial > gemma
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 } |