From 1e74aca1947266d9e26712037f73dec4fc913c8e Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Fri, 18 Oct 2019 15:41:32 +0900
Subject: [PATCH] Add sentiment analysis demo

---
 .../containers/TextClassification.vue         |  1 -
 .../demo/named-entity-recognition/index.vue   |  2 +-
 .../pages/demo/sentiment-analysis/index.vue   | 95 +++++++++++++++++++
 3 files changed, 96 insertions(+), 2 deletions(-)
 create mode 100644 frontend/pages/demo/sentiment-analysis/index.vue

diff --git a/frontend/components/containers/TextClassification.vue b/frontend/components/containers/TextClassification.vue
index 3b876bb4..8159220a 100644
--- a/frontend/components/containers/TextClassification.vue
+++ b/frontend/components/containers/TextClassification.vue
@@ -59,7 +59,6 @@ export default {
       this.updateAnnotation(payload)
     },
     addLabel(labelId) {
-      alert(labelId)
       const payload = {
         label: labelId,
         projectId: this.$route.params.id
diff --git a/frontend/pages/demo/named-entity-recognition/index.vue b/frontend/pages/demo/named-entity-recognition/index.vue
index 4b28c56f..bc80f5dc 100644
--- a/frontend/pages/demo/named-entity-recognition/index.vue
+++ b/frontend/pages/demo/named-entity-recognition/index.vue
@@ -138,7 +138,7 @@ export default {
     },
     addEntity(startOffset, endOffset, labelId) {
       const payload = {
-        id: this.currentDoc.annotations.reduce((x, y) => { return x.id > y.id ? x : y }).id + 1,
+        id: Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER)),
         start_offset: startOffset,
         end_offset: endOffset,
         label: labelId
diff --git a/frontend/pages/demo/sentiment-analysis/index.vue b/frontend/pages/demo/sentiment-analysis/index.vue
new file mode 100644
index 00000000..8cac9c08
--- /dev/null
+++ b/frontend/pages/demo/sentiment-analysis/index.vue
@@ -0,0 +1,95 @@
+<template>
+  <v-content>
+    <v-container fluid>
+      <v-row justify="center">
+        <v-col cols="12" md="9">
+          <base-text-area>
+            <template #title>
+              <multi-class-classification
+                :labels="items"
+                :annotations="currentDoc.annotations"
+                :add-label="addLabel"
+                :delete-label="removeLabel"
+              />
+            </template>
+            <template #content>
+              <div class="title">
+                {{ currentDoc.text }}
+              </div>
+            </template>
+          </base-text-area>
+        </v-col>
+        <v-col cols="12" md="3">
+          <metadata-box :metadata="JSON.parse(currentDoc.meta)" />
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-content>
+</template>
+
+<script>
+import MultiClassClassification from '~/components/organisms/MultiClassClassification'
+import BaseTextArea from '@/components/molecules/BaseTextArea'
+import MetadataBox from '@/components/organisms/MetadataBox'
+
+export default {
+  layout: 'annotation',
+
+  components: {
+    MultiClassClassification,
+    MetadataBox,
+    BaseTextArea
+  },
+
+  data() {
+    return {
+      items: [
+        {
+          id: 4,
+          text: 'Positive',
+          prefix_key: null,
+          suffix_key: 'p',
+          background_color: '#7c20e0',
+          text_color: '#ffffff'
+        },
+        {
+          id: 5,
+          text: 'Negative',
+          prefix_key: null,
+          suffix_key: 'n',
+          background_color: '#fbb028',
+          text_color: '#000000'
+        }
+      ],
+      currentDoc: {
+        id: 8,
+        text: 'Fair drama/love story movie that focuses on the lives of blue collar people finding new life thru new love. The acting here is good but the film fails in cinematography, screenplay, directing and editing. The story/script is only average at best. This film will be enjoyed by Fonda and De Niro fans and by people who love middle age love stories where in the coartship is on a more wiser and cautious level. It would also be interesting for people who are interested on the subject matter regarding illiteracy.......',
+        annotations: [
+          {
+            id: 17,
+            prob: 0.0,
+            label: 4,
+            user: 1,
+            document: 8
+          }
+        ],
+        meta: '{"wikiPageId":2}',
+        annotation_approver: null
+      }
+    }
+  },
+
+  methods: {
+    removeLabel(annotationId) {
+      this.currentDoc.annotations = this.currentDoc.annotations.filter(item => item.id !== annotationId)
+    },
+    addLabel(labelId) {
+      const payload = {
+        id: Math.floor(Math.random() * Math.floor(Number.MAX_SAFE_INTEGER)),
+        label: labelId
+      }
+      this.currentDoc.annotations.push(payload)
+    }
+  }
+}
+</script>