Mercurial > gemma
diff 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 |
line wrap: on
line diff
--- a/client/src/components/layers/Layerselect.vue Thu Apr 11 10:11:59 2019 +0200 +++ b/client/src/components/layers/Layerselect.vue Thu Apr 11 11:44:11 2019 +0200 @@ -15,10 +15,10 @@ {{ label }} </label> </div> - <div v-if="layer.getVisible() && layer === layers.BOTTLENECKISOLINE"> + <div v-if="layer.getVisible() && layer.get('id') === 'BOTTLENECKISOLINE'"> <img class="rounded my-1 d-block" :src="isolinesLegendImgDataURL" /> </div> - <div v-if="layer.getVisible() && layer === layers.DIFFERENCES"> + <div v-if="layer.getVisible() && layer.get('id') === 'DIFFERENCES'"> <img class="rounded my-1 d-block" :src="differencesLegendImgDataURL" /> </div> </div> @@ -89,13 +89,13 @@ } }, created() { - if (this.layer === this.layers.BOTTLENECKISOLINE) { + if (this.layer.get("id") === "BOTTLENECKISOLINE") { this.loadLegendImage( "sounding_results_contour_lines_geoserver", "isolinesLegendImgDataURL" ); } - if (this.layer === this.layers.DIFFERENCES) { + if (this.layer.get("id") === "DIFFERENCES") { this.loadLegendImage( "sounding_differences", "differencesLegendImgDataURL"