Update view

6 years ago · 04e6b85f36
5 changed files with 37 additions and 8 deletions
--- a/doccano/app/server/models.py
+++ b/doccano/app/server/models.py
@ -4,6 +4,9 @@ from django.db import models
 class Label(models.Model):
    text = models.CharField(max_length=100)

+    def as_dict(self):
+        return {'id': self.id, 'text': self.text}
+

 class Annotation(models.Model):
    text = models.TextField()
@ -11,6 +14,9 @@ class Annotation(models.Model):
    labels = models.ManyToManyField(Label, blank=True, null=True)
    # users = models.ManyToManyField(User)

+    def as_dict(self):
+        return {'id': self.id, 'text': self.text, 'prob': self.prob}
+

 class User(models.Model):
    name = models.CharField(max_length=100)
--- a/doccano/app/server/static/main.js
+++ b/doccano/app/server/static/main.js
@ -8,11 +8,9 @@ var app4 = new Vue({
    items: [
      {"id": 10, "labels": [{"text": "Prefecture", "prob": 0.98}, {"text": "Domestic Region", "prob": 0.58}], "text": "北海道（ほっかいどう）は、日本の北部に位置する島[※ 1][※ 2]。また、同島および付随する島を管轄する地方公共団体（道）である。島としての北海道は日本列島を構成する主要4島の一つである。地方公共団体としての北海道は47都道府県中唯一の「道」で、道庁所在地は札幌市。"},
      {"id": 11, "labels": [{"text": "Person", "prob": 0.98}], "text": "安倍 晋三（あべ しんぞう、1954年（昭和29年）9月21日 - ）は、日本の政治家。自由民主党所属の衆議院議員（9期）、第90代・第96代・第97代・第98代内閣総理大臣、第21代・第25代自由民主党総裁。"},
-      {"id": 12, "labels": [{"text": "Country", "prob": 0.98}, {"text": "Continental Region", "prob": 0.58}], "text": "アメリカ合衆国（アメリカがっしゅうこく、英語: United States of America）、通称アメリカ、米国（べいこく）は、50の州および連邦区から成る連邦共和国である[6][7]。アメリカ本土の48州およびワシントンD.C.は、カナダとメキシコの間の北アメリカ中央に位置する。アラスカ州は北アメリカ北西部の角に位置し、東ではカナダと、西ではベーリング海峡をはさんでロシアと国境を接している。ハワイ州は中部太平洋における島嶼群である。同国は、太平洋およびカリブに5つの有人の海外領土および9つの無人の海外領土を有する。985万平方キロメートル (km2) の総面積は世界第3位または第4位、3億1千7百万人の人口は世界第3位である。同国は世界で最も民族的に多様かつ多文化な国の1つであり、これは多くの国からの大規模な移住の産物とされている[8]。また同国の広大な国土における地理および気候も極めて多様であり、多種多様な野生生物が存在する。"},
-    ],
-    labels: [
-    'Location', 'Organization', 'Person'
+      {"id": 12, "labels": [{"text": "Country", "prob": 0.99}, {"text": "Continental Region", "prob": 0.58}], "text": "アメリカ合衆国（アメリカがっしゅうこく、英語: United States of America）、通称アメリカ、米国（べいこく）は、50の州および連邦区から成る連邦共和国である[6][7]。アメリカ本土の48州およびワシントンD.C.は、カナダとメキシコの間の北アメリカ中央に位置する。アラスカ州は北アメリカ北西部の角に位置し、東ではカナダと、西ではベーリング海峡をはさんでロシアと国境を接している。ハワイ州は中部太平洋における島嶼群である。同国は、太平洋およびカリブに5つの有人の海外領土および9つの無人の海外領土を有する。985万平方キロメートル (km2) の総面積は世界第3位または第4位、3億1千7百万人の人口は世界第3位である。同国は世界で最も民族的に多様かつ多文化な国の1つであり、これは多くの国からの大規模な移住の産物とされている[8]。また同国の広大な国土における地理および気候も極めて多様であり、多種多様な野生生物が存在する。"},
    ],
+    labels: [],
    guideline: 'annotation text'
  },
  methods: {
@ -28,5 +26,17 @@ var app4 = new Vue({
    prevPage: function () {
        this.cur -= 1
    }
+  },
+  created: function () {
+    console.log('created');
+    var self = this;
+    axios.get('/annotation/api/label')
+      .then(function(response) {
+        console.log('label request');
+        self.labels = response.data['labels'];
+    })
+    .catch(function(error) {
+      console.log('ERROR!! happend by Backend.')
+    });
  }
 })
--- a/doccano/app/server/templates/annotation.html
+++ b/doccano/app/server/templates/annotation.html
@ -12,6 +12,7 @@
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css" integrity="sha256-2k1KVsNPRXxZOsXQ8aqcZ9GOOwmJTMoOB5o5Qp1d6/s=" crossorigin="anonymous" />
    <link rel="stylesheet" type="text/css" href="{% static 'forum.css' %}">
      <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
+      <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

  </head>
  <body>
@ -112,7 +113,7 @@
              Tags
            </p>
            <div class="tags">
-                <a class="tag is-grey" v-for="label in labels" v-on:click="addLabel(label)">[[label]]</a>
+                <a class="tag is-grey" v-for="label in labels" v-on:click="addLabel(label)">[[label.text]]</a>
            </div>
          </aside>
        </div>
--- a/doccano/app/server/urls.py
+++ b/doccano/app/server/urls.py
@ -1,7 +1,9 @@
 from django.urls import path

-from .views import AnnotationView
+from .views import AnnotationView, AnnotationAPIView, LabelAPIView

 urlpatterns = [
    path('', AnnotationView.as_view()),
+    path('api/annotation/', AnnotationAPIView.as_view()),
+    path('api/label/', LabelAPIView.as_view()),
 ]
--- a/doccano/app/server/views.py
+++ b/doccano/app/server/views.py
@ -17,12 +17,22 @@ class AnnotationAPIView(View):

    def get(self, request, *args, **kwargs):
        annotation_list = Annotation.objects.all()
-        label_list = Label.objects.all()
        paginator = Paginator(annotation_list, 5)

        page = request.GET.get('page')
        annotations = paginator.get_page(page)
-        JsonResponse({'annotations': annotations.object_list, 'labels': label_list})
+        annotations = [a.as_dict() for a in annotations]
+
+        return JsonResponse({'annotations': annotations})

    def post(self, request, *args, **kwargs):
        pass
+
+
+class LabelAPIView(View):
+
+    def get(self, request, *args, **kwargs):
+        labels = Label.objects.all()
+        labels = [l.as_dict() for l in labels]
+
+        return JsonResponse({'labels': labels})