From 44db016b49c17e0e1fcc088af46d3251bb738c45 Mon Sep 17 00:00:00 2001
From: epiuwiruiw <mandoo2276@naver.com>
Date: Wed, 2 Oct 2024 15:42:45 +0900
Subject: [PATCH] =?UTF-8?q?feat/HC-6=20=EC=9B=8C=ED=81=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=8A=A4=20=EC=84=B9=EC=85=98,=20=EC=B1=84?=
 =?UTF-8?q?=EB=84=90=20=EB=AA=A9=EB=A1=9D=20=EC=A1=B0=ED=9A=8C=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5,=20=EC=9B=8C=ED=81=AC=EC=8A=A4=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=8A=A4=20=EC=83=9D=EC=84=B1=20=EB=AA=A8=EB=8B=AC=20=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/basic/CommonTopMenu.vue        | 16 ++++-
 src/components/basic/InnerRelatedMenuHome.vue |  9 ++-
 .../createSpaces/CreateChannelModal.vue       |  0
 .../createSpaces/CreateSectionModal.vue       |  0
 .../createSpaces/CreateWorkspaceModal.vue     | 61 +++++++++++++++++++
 5 files changed, 81 insertions(+), 5 deletions(-)
 create mode 100644 src/components/createSpaces/CreateChannelModal.vue
 create mode 100644 src/components/createSpaces/CreateSectionModal.vue
 create mode 100644 src/components/createSpaces/CreateWorkspaceModal.vue

diff --git a/src/components/basic/CommonTopMenu.vue b/src/components/basic/CommonTopMenu.vue
index 86268b6..3d0aaaa 100644
--- a/src/components/basic/CommonTopMenu.vue
+++ b/src/components/basic/CommonTopMenu.vue
@@ -22,7 +22,7 @@
               <v-btn type="submit">이동</v-btn>
             </v-col>
             <v-col cols="auto">
-              <v-btn icon @click="createWorkspace">
+              <v-btn icon @click="showWorkspaceModal">
                 <v-icon>mdi-plus</v-icon>
               </v-btn>
             </v-col>
@@ -32,19 +32,27 @@
 
     </template>
   </v-app-bar>
+            <CreateWorkspaceModal 
+        v-model = "createWorkspace"
+        @update:dialog="createWorkspace = $event"
+        >
+          </CreateWorkspaceModal>
 </template>
 
 <script>
 import axios from "axios";
+import CreateWorkspaceModal from '@/components/createSpaces/CreateWorkspaceModal.vue';
 
 export default {
   name: "CommonTopMenu",
   components: {
+    CreateWorkspaceModal
   },
   data() {
     return {
       items: [],
       selectedValue: null,
+      createWorkspace:false,
     };
   },
   created() {
@@ -67,7 +75,11 @@ export default {
     },
     emitSelected() {
       this.$emit('selected', this.selectedValue);
-    }
+    },
+          showWorkspaceModal() {
+            this.createWorkspace = true;
+            console.log(this.createWorkspace);
+        }
   }
 };
 </script>
diff --git a/src/components/basic/InnerRelatedMenuHome.vue b/src/components/basic/InnerRelatedMenuHome.vue
index 766df71..7864fbf 100644
--- a/src/components/basic/InnerRelatedMenuHome.vue
+++ b/src/components/basic/InnerRelatedMenuHome.vue
@@ -26,16 +26,17 @@
       </v-list-item>
     </v-list>
       <div>
-        <v-icon @click="createSection">mdi-plus</v-icon>새 섹션 생성
+        <v-icon @click="showSectionModal">mdi-plus</v-icon>새 섹션 생성
     </div>
-
   </v-navigation-drawer>
+
 </template>
 
 <script>
 import axios from "axios";
 import { mapActions } from "vuex";
 
+
 export default {
     props: {
     selectedValue: {
@@ -43,7 +44,8 @@ export default {
     }
   },
   name: "InnerRelatedMenuHome",
-  components: {},
+  components: {
+  },
   created() {
     // this.selectedMenuId = this.$store.getters.getChannelId;
     // this.selectedMenuId = this.selectedMenuId != null ? this.selectedMenuId : "l"; // 기본값으로 일단 1번 선택
@@ -59,6 +61,7 @@ export default {
       // selectedMenuId: "1", // 기본값으로 일단 1번 선택
       workspaceInfo: {},
       workspaceName: "",
+      
     };
   },
   methods: {
diff --git a/src/components/createSpaces/CreateChannelModal.vue b/src/components/createSpaces/CreateChannelModal.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/createSpaces/CreateSectionModal.vue b/src/components/createSpaces/CreateSectionModal.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/createSpaces/CreateWorkspaceModal.vue b/src/components/createSpaces/CreateWorkspaceModal.vue
new file mode 100644
index 0000000..343e845
--- /dev/null
+++ b/src/components/createSpaces/CreateWorkspaceModal.vue
@@ -0,0 +1,61 @@
+<template>
+  <v-dialog max-width="500px">
+    <v-card>
+      <v-card-title class="text-h5 text-center">
+        워크스페이스 생성하기 </v-card-title
+      ><br />
+      <v-card-text>
+        <v-form @submit.prevent="createWorkspace">
+          <v-text-field
+            label="name"
+            v-model="name"
+            required
+          >
+          </v-text-field>
+          <v-text-field
+            label="wsInfo"
+            v-model="wsInfo"
+            required
+          >
+          </v-text-field>
+          <v-btn type="submit" color="blue">완료</v-btn>
+          <v-btn color="grey" @click="closeModal">닫기</v-btn>
+        </v-form>
+      </v-card-text>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+import axios from 'axios'
+export default {
+    data() {
+        return {
+            name:"",
+            wsInfo:"",
+        }
+    },
+    methods: {
+        async createWorkspace() {
+            const body = {
+                name:this.name,
+                wsInfo:this.wsInfo,
+            }
+            try {
+                const token = "eyJhbGciOiJIUzM4NCJ9.eyJzdWIiOiJtaW5qaTIyNzZAZ21haWwuY29tIiwiaWF0IjoxNzI3ODM0NTQ0LCJleHAiOjE3Mjg0MzkzNDR9.l3yDcj9uMg1iT_71PTeihdjUgp974t-Oz_ucZnmOQHF-i4d7la7X1MOY-WCNPaQx";
+                await axios.post(`${process.env.VUE_APP_API_BASE_URL}/workspace/create`, body, {
+                    headers: {
+                        'Authorization': `Bearer ${token}` // 토큰을 헤더에 추가
+                    }
+                });
+                this.$emit('update:dialog', false);
+            } catch(e) {
+                console.log(e);
+            }
+        },
+        closeModal() {
+            this.$emit('update:dialog', false);
+        }
+    }
+}
+</script>