From d4c9f817c2e735e94dbbf4b593b119a1d45c43e6 Mon Sep 17 00:00:00 2001
From: epiuwiruiw <mandoo2276@naver.com>
Date: Wed, 2 Oct 2024 14:59:43 +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=EB=B3=84=20=EC=84=B9=EC=85=98,=20?=
 =?UTF-8?q?=EC=B1=84=EB=84=90=20=EB=AA=A9=EB=A1=9D=20=EC=A1=B0=ED=9A=8C=20?=
 =?UTF-8?q?=EA=B8=B0=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        |  7 +++-
 src/components/basic/InnerRelatedMenuHome.vue | 42 ++++++++++++++-----
 .../basic/InnerRelatedMenuMember.vue          | 27 ++++++++++++
 3 files changed, 65 insertions(+), 11 deletions(-)

diff --git a/src/components/basic/CommonTopMenu.vue b/src/components/basic/CommonTopMenu.vue
index 56d9c64..86268b6 100644
--- a/src/components/basic/CommonTopMenu.vue
+++ b/src/components/basic/CommonTopMenu.vue
@@ -17,10 +17,15 @@
         class="inline"
         style="font-size:0.9rem"
       ></v-select>
-            </v-col>
+          </v-col>
             <v-col cols="auto">
               <v-btn type="submit">이동</v-btn>
             </v-col>
+            <v-col cols="auto">
+              <v-btn icon @click="createWorkspace">
+                <v-icon>mdi-plus</v-icon>
+              </v-btn>
+            </v-col>
           </v-row>
         </v-form>
 
diff --git a/src/components/basic/InnerRelatedMenuHome.vue b/src/components/basic/InnerRelatedMenuHome.vue
index 1ddc892..766df71 100644
--- a/src/components/basic/InnerRelatedMenuHome.vue
+++ b/src/components/basic/InnerRelatedMenuHome.vue
@@ -1,20 +1,34 @@
 <template>
   <v-navigation-drawer permanent class="innerSubMenu" :absolute="false" >
-    <h1>코코노트 동아리</h1>
-    <h1>워크스페이스 이름 들어가야 함</h1>
-      <v-icon>mdi-cog</v-icon>
+    <div>
+      {{ workspaceName }}<v-icon v-if="!workspaceUser">mdi-cogs</v-icon>
+  </div>
+    <!-- <h1>{{ workspaceName }}    <v-icon>mdi-cog</v-icon></h1> -->
     <v-list v-for="section in workspaceInfo" :key="section.sectionId">
       <v-list-subheader class="section-title">
         <v-icon icon="mdi-menu-right" />{{ section.sectionName }}
       </v-list-subheader>
       <v-list-item v-for="channel in section.channelList" :key="channel.channelId"
-        :title= "channel.channelName"
-        value="1"
-        @click="goToThread('1', '공지채널')"
-        :class="{ 'selected-item': selectedMenuId == '1' }"
+        value="channel.channelId"
+        @click="goToThread('channel.channelId', 'channel.channelName')"
+        :class="{ 'selected-item': selectedMenuId == 'channel.channelId' }"
         class="channel-item"
-      ></v-list-item>
+      ><template v-slot:prepend>
+        <v-icon>{{ channel.isPublic ? 'mdi-pound' : 'mdi-lock' }}</v-icon>
+        <span>{{ channel.channelName }}</span>
+      </template>
+      </v-list-item>
+      <v-list-item @click="createChannel">
+        <template v-slot:prepend>
+        <v-icon>mdi-plus</v-icon>
+        <span>새 채널 생성</span>
+      </template>
+      </v-list-item>
     </v-list>
+      <div>
+        <v-icon @click="createSection">mdi-plus</v-icon>새 섹션 생성
+    </div>
+
   </v-navigation-drawer>
 </template>
 
@@ -44,6 +58,7 @@ export default {
       // 선택된 메뉴를 저장할 변수
       // selectedMenuId: "1", // 기본값으로 일단 1번 선택
       workspaceInfo: {},
+      workspaceName: "",
     };
   },
   methods: {
@@ -58,12 +73,19 @@ export default {
     async fetchWorkspaceInfo() {
       try {
         const token = "eyJhbGciOiJIUzM4NCJ9.eyJzdWIiOiJtaW5qaTIyNzZAZ21haWwuY29tIiwiaWF0IjoxNzI3ODM0NTQ0LCJleHAiOjE3Mjg0MzkzNDR9.l3yDcj9uMg1iT_71PTeihdjUgp974t-Oz_ucZnmOQHF-i4d7la7X1MOY-WCNPaQx";
-        const response = await axios.get(`${process.env.VUE_APP_API_BASE_URL}/workspace/detail/${this.selectedValue}`, {
+        
+        const wsList = await axios.get(`${process.env.VUE_APP_API_BASE_URL}/workspace/list`, {
+          headers: {
+            'Authorization': `Bearer ${token}` // 토큰을 헤더에 추가
+          }
+        });
+        const wsDetail = await axios.get(`${process.env.VUE_APP_API_BASE_URL}/workspace/detail/${this.selectedValue}`, {
           headers: {
             'Authorization': `Bearer ${token}` // 토큰을 헤더에 추가
           }
         });
-        this.workspaceInfo = response.data.result; 
+        this.workspaceName = wsList.data.result[this.selectedValue -1].name;
+        this.workspaceInfo = wsDetail.data.result; 
       } catch (e) {
         console.log(e);
       }
diff --git a/src/components/basic/InnerRelatedMenuMember.vue b/src/components/basic/InnerRelatedMenuMember.vue
index e7cc49b..c0ed023 100644
--- a/src/components/basic/InnerRelatedMenuMember.vue
+++ b/src/components/basic/InnerRelatedMenuMember.vue
@@ -15,6 +15,8 @@
 </template>
 
 <script>
+import axios from "axios";
+
 export default {
     props: {
     selectedValue: {
@@ -23,6 +25,31 @@ export default {
   },
   name: "InnerRelatedMenuMember",
   components: {},
+  updated() {
+    this.fetchWorkspaceInfo();
+  },
+  data() {
+    return {
+      workspaceInfo: {},
+      workspaceName: "",
+    };
+  },
+  methods: {
+    async fetchWorkspaceInfo() {
+      try {
+        const token = "eyJhbGciOiJIUzM4NCJ9.eyJzdWIiOiJtaW5qaTIyNzZAZ21haWwuY29tIiwiaWF0IjoxNzI3ODM0NTQ0LCJleHAiOjE3Mjg0MzkzNDR9.l3yDcj9uMg1iT_71PTeihdjUgp974t-Oz_ucZnmOQHF-i4d7la7X1MOY-WCNPaQx";
+        
+        const wsList = await axios.get(`${process.env.VUE_APP_API_BASE_URL}/workspace/list`, {
+          headers: {
+            'Authorization': `Bearer ${token}` // 토큰을 헤더에 추가
+          }
+        });
+        this.workspaceName = wsList.data.result[this.selectedValue -1].name;
+      } catch (e) {
+        console.log(e);
+      }
+    },
+  },
 };
 </script>