Implement annotation delete

doccano/app/server/static/main.js

@@ -3,9 +3,9 @@ axios.defaults.xsrfCookieName = 'csrftoken';
 axios.defaults.xsrfHeaderName = 'X-CSRFToken';
 var base_url = window.location.href.split('/').slice(3, 5).join('/');
 
-function swap(values){
+function swap(values) {
   var ret = {};
-  for(var item of values){
+  for (var item of values) {
     ret[item['text']] = item['id'];
   }
   return ret;
@@ -17,17 +17,17 @@ var app = new Vue({
   data: {
     cur: 0,
     items: [],
-//    {
-//      "id": 10,
-//      "labels": [{
-//        "text": "Prefecture",
-//        "prob": 0.98
-//      }, {
-//        "text": "Domestic Region",
-//        "prob": 0.58
-//      }],
-//      "text": "北海道（ほっかいどう）は、日本の北部に位置する島[※ 1][※ 2]。また、同島および付随する島を管轄する地方公共団体（道）である。島としての北海道は日本列島を構成する主要4島の一つである。地方公共団体としての北海道は47都道府県中唯一の「道」で、道庁所在地は札幌市。"
-//    }
+    //    {
+    //      "id": 10,
+    //      "labels": [{
+    //        "text": "Prefecture",
+    //        "prob": 0.98
+    //      }, {
+    //        "text": "Domestic Region",
+    //        "prob": 0.58
+    //      }],
+    //      "text": "北海道（ほっかいどう）は、日本の北部に位置する島[※ 1][※ 2]。また、同島および付随する島を管轄する地方公共団体（道）である。島としての北海道は日本列島を構成する主要4島の一つである。地方公共団体としての北海道は47都道府県中唯一の「道」で、道庁所在地は札幌市。"
+    //    }
     labels: [],
     guideline: ''
   },
@@ -38,10 +38,12 @@ var app = new Vue({
         'prob': null
       };
       this.items[this.cur]['labels'].push(label);
-      console.log(this.labels);
-      console.log(swap(this.labels));
+
       var label2id = swap(this.labels);
-      var data = {'id': this.items[this.cur]['id'], 'label_id': label2id[label['text']]};
+      var data = {
+        'id': this.items[this.cur]['id'],
+        'label_id': label2id[label['text']]
+      };
 
       axios.post('/' + base_url + '/apis/data', data)
         .then(function (response) {
@@ -52,6 +54,22 @@ var app = new Vue({
         });
     },
     deleteLabel: function (index) {
+      var label2id = swap(this.labels);
+      var label = this.items[this.cur]['labels'][index];
+      var payload = {
+        'id': this.items[this.cur]['id'],
+        'label_id': label2id[label['text']]
+      };
+
+      axios.delete('/' + base_url + '/apis/data', {
+          data: payload
+        })
+        .then(function (response) {
+          console.log('delete data');
+        })
+        .catch(function (error) {
+          console.log('ERROR!! happend by Backend.')
+        });
       this.items[this.cur]['labels'].splice(index, 1)
     },
     nextPage: function () {