AddTags wip

diff --git a/tagger2/AddTags.js b/tagger2/AddTags.js
new file mode 100644 (file)
index 0000000..4c5f9d2
--- /dev/null
+++ b/tagger2/AddTags.js
@@ -0,0 +1,28 @@
+export default {
+    props: ["categories"],
+    data: function() {
+        return {
+            currentAxis: "",
+            currentPosition: 0,
+            currentOp: "",
+            filters: [],
+        }
+    },
+    methods: {
+        addFilter() {
+            filters.push(
+                {axis: this.currentAxis, op: this.currentOp, value: this.currentPosition}
+            )
+        }
+    },
+    template: `
+        <input type="text" v-model="currentAxis" placeholder="Axis name" />
+        <input type="number" v-model="currentPosition" placeholder="Position" />
+        <select v-model="currentOp">
+            <option value="<=">&lt;=</option>
+            <option value=">=">&gt;=</option>
+            <option value="=">=</option>
+        </select>
+        <button @click="addFilter">Add Filter</button>
+    `
+}
\ No newline at end of file

diff --git a/tagger2/index.html b/tagger2/index.html
index 7b25f1829d925c6a71d548864fdc78d2a37a2eb8..718f761b77f9bc64994a6d55b4751cdccfd33fb4 100644 (file)
--- a/tagger2/index.html
+++ b/tagger2/index.html
@@ -30,6 +30,7 @@
     import Panel from "./Panel.js";
     import TagView from "./TagView.js";
     import AddTag from "./AddTag.js";
+    import AddTags from "./AddTags.js";
     import AddCategory from "./AddCategory.js";
     import VFView from "./VFView.js";
 
@@ -38,6 +39,7 @@
     Vue.component('panel', Panel);
     Vue.component('tag-view', TagView);
     Vue.component('add-tag', AddTag);
+    Vue.component("add-tags", AddTags);
     Vue.component('add-category', AddCategory);
     Vue.component('vf-view', VFView);