Mercurial > gemma
view client/src/layers/Layerselect.vue @ 637:e72229d54c42
chore: upgrade node packages
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Thu, 13 Sep 2018 09:12:50 +0200 |
parents | d4fa28bfa6ec |
children | c2f040dba57f |
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"> <label class="layername form-check-label" :for="layername">{{this.layername}}</label> </div> </template> <style lang="scss"> .selection { text-align: left; } .layername { margin-left: 0.5rem; } </style> <script> export default { props: ["layername", "layerindex", "isVisible"], name: "layerselect", methods: { visibilityToggled() { this.$emit("visibilityToggled", this.layerindex); } } }; </script>