From 16a314a8e928474716d4578849a7e2116eee40b1 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Sat, 25 Jan 2025 01:52:36 +0900
Subject: [PATCH] =?UTF-8?q?=ED=81=90=EB=A0=88=EC=9D=B4=EC=85=98=20?=
 =?UTF-8?q?=EC=83=81=EC=84=B8=20-=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EC=A0=9C=EB=AA=A9=20=ED=98=B9=EC=9D=80=20=EC=84=A4?=
 =?UTF-8?q?=EB=AA=85=EC=9D=84=20=ED=84=B0=EC=B9=98=ED=95=98=EB=A9=B4=20?=
 =?UTF-8?q?=EC=83=81=EC=84=B8=ED=8E=98=EC=9D=B4=EC=A7=80=EB=A1=9C=20?=
 =?UTF-8?q?=EC=9D=B4=EB=8F=99=20-=20=EC=83=81=EC=84=B8=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80:=20=EC=A0=9C=EB=AA=A9,=2019=EA=B8=88=EC=97=AC?=
 =?UTF-8?q?=EB=B6=80,=20=EB=82=B4=EC=9A=A9=EC=9D=84=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                         |  5 ++
 src/views/Content/ContentCuration.vue       | 24 +++++-
 src/views/Content/ContentCurationDetail.vue | 88 +++++++++++++++++++++
 3 files changed, 115 insertions(+), 2 deletions(-)
 create mode 100644 src/views/Content/ContentCurationDetail.vue

diff --git a/src/router/index.js b/src/router/index.js
index be6b428..197a58f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -80,6 +80,11 @@ const routes = [
                 name: 'ContentCuration',
                 component: () => import(/* webpackChunkName: "content" */ '../views/Content/ContentCuration.vue')
             },
+            {
+                path: '/content/curation/detail',
+                name: 'ContentCurationDetail',
+                component: () => import(/* webpackChunkName: "content" */ '../views/Content/ContentCurationDetail.vue')
+            },
             {
                 path: '/content/series/list',
                 name: 'ContentSeriesList',
diff --git a/src/views/Content/ContentCuration.vue b/src/views/Content/ContentCuration.vue
index f624310..9deae66 100644
--- a/src/views/Content/ContentCuration.vue
+++ b/src/views/Content/ContentCuration.vue
@@ -59,10 +59,14 @@
                   v-for="(item, index) in props.items"
                   :key="index"
                 >
-                  <td>
+                  <td
+                    @click="handleItemClick(item)"
+                  >
                     {{ item.title }}
                   </td>
-                  <td>
+                  <td
+                    @click="handleItemClick(item)"
+                  >
                     {{ item.description }}
                   </td>
                   <td>
@@ -353,6 +357,22 @@ export default {
             this.show_write_dialog = false
         },
 
+        handleItemClick(item) {
+            console.log(item)
+            this.$router.push(
+              {
+                name: 'ContentCurationDetail',
+                params: {
+                  curation_id: item.id,
+                  title: item.title,
+                  description: item.description,
+                  is_series: item.isSeries,
+                  is_adult: item.isAdult
+                }
+              }
+            )
+        },
+
         validate() {
             if (
               this.curation.tab_id === null ||
diff --git a/src/views/Content/ContentCurationDetail.vue b/src/views/Content/ContentCurationDetail.vue
new file mode 100644
index 0000000..c0e7217
--- /dev/null
+++ b/src/views/Content/ContentCurationDetail.vue
@@ -0,0 +1,88 @@
+<template>
+  <div>
+    <v-toolbar dark>
+      <v-spacer />
+      <v-toolbar-title>{{ curation_title }}</v-toolbar-title>
+      <v-spacer />
+    </v-toolbar>
+
+    <br>
+
+    <v-container>
+      <v-row>
+        <v-col
+          cols="4"
+          align="right"
+        >
+          19금 :
+        </v-col>
+        <v-col
+          cols="8"
+          align="left"
+        >
+          <div v-if="is_adult">
+            O
+          </div>
+          <div v-else>
+            X
+          </div>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col
+          cols="4"
+          align="right"
+        >
+          내용 :
+        </v-col>
+        <v-col
+          cols="8"
+          align="left"
+        >
+          <vue-show-more-text
+            :style="{ padding: '0' }"
+            :text="curation_description"
+            :lines="2"
+          />
+        </v-col>
+      </v-row>
+    </v-container>
+  </div>
+</template>
+
+<script>
+import * as api from "@/api/audio_content"
+import VueShowMoreText from 'vue-show-more-text'
+
+export default {
+  name: 'ContentCurationDetail',
+
+  components: {VueShowMoreText},
+
+  data() {
+    return {
+      is_loading: false,
+      curation_id: 0,
+      curation_title: '',
+      curation_description: '',
+      is_series: false,
+      is_adult: false,
+
+      show_write_dialog: false,
+      show_delete_confirm_dialog: false,
+    }
+  },
+
+  async created() {
+    this.curation_id = this.$route.params.curation_id
+    this.curation_title = this.$route.params.title
+    this.curation_description = this.$route.params.description
+    this.is_series = this.$route.params.is_series
+    this.is_adult = this.$route.params.is_adult
+  },
+}
+</script>
+
+<style scoped>
+
+</style>