Mercurial > gemma
view client/src/layers/Layerselect.vue @ 682:b17e3ce53285 octree
octree: simplified cube indexing.
author | Sascha L. Teichmann <sascha.teichmann@intevation.de> |
---|---|
date | Wed, 19 Sep 2018 20:55:02 +0200 |
parents | c2f040dba57f |
children | 959892ffd72c |
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: $small-offset; } </style> <script> export default { props: ["layername", "layerindex", "isVisible"], name: "layerselect", methods: { visibilityToggled() { this.$emit("visibilityToggled", this.layerindex); } } }; </script>