From 97d354b4621e057eb4540e9786c45cccce76a91b Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Thu, 24 Feb 2022 08:35:54 +0900
Subject: [PATCH] Allow user to select relation labeling option

---
 frontend/components/project/FormCreate.vue             | 10 ++++++++++
 frontend/domain/models/project/project.ts              |  7 ++++++-
 frontend/pages/projects/index.vue                      |  6 ++++--
 .../application/project/projectApplicationService.ts   |  3 ++-
 frontend/services/application/project/projectData.ts   |  4 +++-
 5 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/frontend/components/project/FormCreate.vue b/frontend/components/project/FormCreate.vue
index c26e2329..28d9e7c8 100644
--- a/frontend/components/project/FormCreate.vue
+++ b/frontend/components/project/FormCreate.vue
@@ -61,6 +61,12 @@
           position="left"
           contain
         />
+        <v-checkbox
+          v-if="isSequenceLabelingProject"
+          :value="useRelation"
+          label="Use relation labeling"
+          @change="updateValue('useRelation', $event === true)"
+        />
         <v-checkbox
           v-if="isSequenceLabelingProject"
           :value="graphemeMode"
@@ -150,6 +156,10 @@ export default Vue.extend({
     graphemeMode: {
       type: Boolean,
       default: false
+    },
+    useRelation: {
+      type: Boolean,
+      default: false
     }
   },
 
diff --git a/frontend/domain/models/project/project.ts b/frontend/domain/models/project/project.ts
index dc0eedcc..6bd3ca78 100644
--- a/frontend/domain/models/project/project.ts
+++ b/frontend/domain/models/project/project.ts
@@ -36,6 +36,9 @@ export class ProjectReadItem {
   @Expose({ name: 'grapheme_mode' })
   graphemeMode: boolean;
 
+  @Expose({ name: 'use_relation' })
+  useRelation: boolean;
+
   @Expose({ name: 'is_text_project'})
   isTextProject: boolean;
 
@@ -96,7 +99,8 @@ export class ProjectWriteItem {
     public collaborative_annotation:    boolean,
     public single_class_classification: boolean,
     public allow_overlapping:           boolean,
-    public grapheme_mode:               boolean
+    public grapheme_mode:               boolean,
+    public use_relation:                boolean,
   ) {}
 
   get resourceType(): string {
@@ -123,6 +127,7 @@ export class ProjectWriteItem {
       single_class_classification: this.single_class_classification,
       allow_overlapping: this.allow_overlapping,
       grapheme_mode: this.grapheme_mode,
+      use_relation: this.use_relation,
       resourcetype: this.resourceType
     }
   }
diff --git a/frontend/pages/projects/index.vue b/frontend/pages/projects/index.vue
index 4b7c99ce..89ddbccd 100644
--- a/frontend/pages/projects/index.vue
+++ b/frontend/pages/projects/index.vue
@@ -73,7 +73,8 @@ export default Vue.extend({
         enableShareAnnotation: false,
         singleClassClassification: false,
         allowOverlapping: false,
-        graphemeMode: false
+        graphemeMode: false,
+        useRelation: false,
       } as ProjectWriteDTO,
       defaultItem: {
         name: '',
@@ -83,7 +84,8 @@ export default Vue.extend({
         enableShareAnnotation: false,
         singleClassClassification: false,
         allowOverlapping: false,
-        graphemeMode: false
+        graphemeMode: false,
+        useRelation: false,
       } as ProjectWriteDTO,
       projects: {} as ProjectListDTO,
       selected: [] as ProjectDTO[],
diff --git a/frontend/services/application/project/projectApplicationService.ts b/frontend/services/application/project/projectApplicationService.ts
index 0f490995..70df1a46 100644
--- a/frontend/services/application/project/projectApplicationService.ts
+++ b/frontend/services/application/project/projectApplicationService.ts
@@ -57,7 +57,8 @@ export class ProjectApplicationService {
       item.enableShareAnnotation,
       item.singleClassClassification,
       item.allowOverlapping,
-      item.graphemeMode
+      item.graphemeMode,
+      item.useRelation
     )
   }
 }
diff --git a/frontend/services/application/project/projectData.ts b/frontend/services/application/project/projectData.ts
index e1800cea..65f09d88 100644
--- a/frontend/services/application/project/projectData.ts
+++ b/frontend/services/application/project/projectData.ts
@@ -20,6 +20,7 @@ export class ProjectDTO {
   hasCategory: boolean
   hasSpan: boolean
   taskNames: string[]
+  useRelation: boolean
 
   constructor(item: ProjectReadItem) {
     this.id = item.id
@@ -41,10 +42,11 @@ export class ProjectDTO {
     this.hasCategory = item.canDefineCategory
     this.hasSpan = item.canDefineSpan
     this.taskNames = item.taskNames
+    this.useRelation = item.useRelation
   }
 }
 
-export type ProjectWriteDTO = Pick<ProjectDTO, 'id' | 'name' | 'description' | 'guideline' | 'projectType' | 'enableRandomOrder' | 'enableShareAnnotation' | 'singleClassClassification' | 'allowOverlapping' | 'graphemeMode' | 'tags'>
+export type ProjectWriteDTO = Pick<ProjectDTO, 'id' | 'name' | 'description' | 'guideline' | 'projectType' | 'enableRandomOrder' | 'enableShareAnnotation' | 'singleClassClassification' | 'allowOverlapping' | 'graphemeMode' | 'tags' | 'useRelation'>
 
 export class ProjectListDTO {
   count: number