From 57d74159ef52bedb1f64ff949f3f6d599a1cd9f1 Mon Sep 17 00:00:00 2001
From: Hironsan <light.tree.1.13@gmail.com>
Date: Thu, 10 Mar 2022 14:13:07 +0900
Subject: [PATCH] Add project creation page

---
 frontend/pages/projects/create.vue | 59 ++++++++++++++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 frontend/pages/projects/create.vue

diff --git a/frontend/pages/projects/create.vue b/frontend/pages/projects/create.vue
new file mode 100644
index 00000000..3043d485
--- /dev/null
+++ b/frontend/pages/projects/create.vue
@@ -0,0 +1,59 @@
+<template>
+  <form-create
+    v-bind.sync="editedItem"
+    @save="create"
+  />
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+import FormCreate from '~/components/project/FormCreate.vue'
+import { ProjectWriteDTO } from '~/services/application/project/projectData'
+
+export default Vue.extend({
+  components: {
+    FormCreate,
+  },
+
+  layout: 'projects',
+
+  middleware: ['check-auth', 'auth'],
+
+  data() {
+    return {
+      editedItem: {
+        name: '',
+        description: '',
+        projectType: 'DocumentClassification',
+        enableRandomOrder: false,
+        enableShareAnnotation: false,
+        singleClassClassification: false,
+        allowOverlapping: false,
+        graphemeMode: false,
+        useRelation: false,
+      } as ProjectWriteDTO,
+      defaultItem: {
+        name: '',
+        description: '',
+        projectType: 'DocumentClassification',
+        enableRandomOrder: false,
+        enableShareAnnotation: false,
+        singleClassClassification: false,
+        allowOverlapping: false,
+        graphemeMode: false,
+        useRelation: false,
+      } as ProjectWriteDTO,
+    }
+  },
+
+  methods: {
+    async create() {
+      const project = await this.$services.project.create(this.editedItem)
+      this.$router.push(`/projects/${project.id}`)
+      this.$nextTick(() => {
+        this.editedItem = Object.assign({}, this.defaultItem)
+      })
+    },
+  }
+})
+</script>