Mercurial > gemma
changeset 982:449b5ae75289
linter
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Fri, 19 Oct 2018 14:17:16 +0200 |
parents | 0906371c54c4 |
children | f4f5bd73bd27 |
files | client/src/layers/Layerselect.vue |
diffstat | 1 files changed, 17 insertions(+), 16 deletions(-) [+] |
line wrap: on
line diff
--- 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); + }); } } };