Mercurial > gemma
view client/src/layers/Layerselect.vue @ 799:959892ffd72c
client: add new LegendElement to layerselection box
* Add a new component that contains a small map to draw legend elements.
author | Bernhard Reiter <bernhard@intevation.de> |
---|---|
date | Thu, 27 Sep 2018 12:42:58 +0200 |
parents | c2f040dba57f |
children | fe923c8ef08f |
line wrap: on
line source
<template> <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> </template> <style lang="scss"> .selection { text-align: left; } .layername { margin-left: $small-offset; } </style> <script> import LegendElement from "./LegendElement.vue"; export default { props: ["layername", "layerindex", "isVisible"], name: "layerselect", components: { LegendElement }, methods: { visibilityToggled() { this.$emit("visibilityToggled", this.layerindex); } } }; </script>