Delete all files except for demo

1 files changed, 63 insertions, 0 deletions

diff --git a/components/moderation.js b/components/moderation.js
new file mode 100644
index 0000000..5e12fb0
--- /dev/null
+++ b/components/moderation.js
@@ -0,0 +1,63 @@
+import Chat from './chat.js'
+import LikeButton from './like-button.js'
+import { Name } from './name.js'
+
+export default {
+
+  data: ()=> ({
+    likeThreshold: 0,
+    channel: 'demo',
+    admin: null
+  }),
+
+  methods: {
+    messageObjects: Chat.methods.messageObjects,
+    likeObjects: LikeButton.methods.likeObjects,
+  },
+
+  template: `
+    <p>
+      Chat Channel: <input v-model="channel"/>
+    </p>
+
+    <graffiti-objects :tags="[channel]" v-slot="{objects}">
+
+      <h3>Example 1</h3>
+
+      <p>
+        Only show me objects with more than <input v-model.number="likeThreshold"/> likes.
+      </p>
+
+      <ul v-for="object in messageObjects(objects)">
+        <graffiti-objects :tags="[object._id]" v-slot="{objects: responses}">
+          <li v-if="likeObjects(responses, object._id).length >= likeThreshold">
+            <em><Name :of="object._by"/></em>:
+            {{ object.message }}
+          </li>
+        </graffiti-objects>
+      </ul>
+
+      <h3>Example 2</h3>
+
+      <p>
+        Only show me objects that
+        <select v-model="admin">
+          <option v-for="id in objects.authors" :value="id">
+            <Name :of="id">
+          </option>
+        </select>
+        has liked.
+      </p>
+
+      <ul v-for="object in messageObjects(objects)">
+        <graffiti-objects :tags="[object._id]" v-slot="{objects: responses}">
+          <li v-if="likeObjects(responses, object._id).filter(o=> o._by==admin).length">
+            <em><Name :of="object._by"/></em>:
+            {{ object.message }}
+          </li>
+        </graffiti-objects>
+      </ul>
+
+    </graffiti-objects>`
+}
+