radiocampus: style update

radiocampus/assets/src/components/AStatistics.vue

@@ -0,0 +1,41 @@
+<template>
+    <form ref="form">
+        <slot :counts="counts"></slot>
+    </form>
+</template>
+
+<script>
+const splitReg = new RegExp(',\\s*|\\s+', 'g');
+
+export default {
+    data() {
+        return {
+            counts: {},
+        }
+    },
+
+    methods: {
+        update() {
+            const items = this.$el.querySelectorAll('input[name="data"]:checked')
+            const counts = {};
+
+            for(var item of items)
+                if(item.value)
+                    for(var tag of item.value.split(splitReg))
+                        if(tag.trim())
+                            counts[tag.trim()] = (counts[tag.trim()] || 0) + 1;
+            this.counts = counts;
+        },
+
+        onclick() {
+            // TODO: row click => check checkbox
+        }
+    },
+
+    mounted() {
+        console.log(this.counts)
+        this.$refs.form.addEventListener('change', () => this.update())
+        this.update()
+    }
+}
+</script>