Mercurial > gemma

diff client/src/layers/Layerselect.vue @ 585:ef307bd6b5d8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
refac: restructured client application To make the application more accessible for developers, the structure was reorganized. Instead of sticking to technical terminology, the application terminology is according to the domain: I.e. "map" contains everything regarding map (including store).
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 07 Sep 2018 11:13:56 +0200
parents
children d4fa28bfa6ec
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/layers/Layerselect.vue	Fri Sep 07 11:13:56 2018 +0200
@@ -0,0 +1,23 @@
+<template>
+  <div class="form-check d-flex flex-row">
+    <input class="form-check-input" @change="visibilityToggled" :id="layername" type="checkbox" :checked="isVisible">
+    <label class="form-check-label" :for="layername">{{this.layername}}</label>
+  </div>
+</template>
+
+<style lang="sass">
+
+</style>
+
+
+<script>
+export default {
+  props: ["layername", "layerindex", "isVisible"],
+  name: "layerselect",
+  methods: {
+    visibilityToggled() {
+      this.$emit("visibilityToggled", this.layerindex);
+    }
+  }
+};
+</script>