From 9c1c7844e9b75ee1a5dde6a9073b221dec517e47 Mon Sep 17 00:00:00 2001
From: qbobl5 <ddddd991125@gmail.com>
Date: Wed, 13 Dec 2023 16:37:12 +0900
Subject: [PATCH 1/4] =?UTF-8?q?feat-codeView:=20index.js=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index dd2182a..98704fc 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -9,10 +9,10 @@ import Login from '@/views/member/Login.vue'
 import AdminPage from '@/views/admin/AdminPage.vue'
 import QuizView from '@/views/quiz/QuizView.vue'
 
-
+import CodeView from '@/views/code/CodeView.vue'
 import Normal from '@/views/code/Normal.vue'
-import MyPage from '@/views/member/MyPage.vue'
 
+import MyPage from '@/views/member/MyPage.vue'
 
 
 const router = createRouter({
@@ -65,6 +65,11 @@ const router = createRouter({
       path: '/profile/:viewName/:memberNo',
       name: 'MyPage',
       component: MyPage
+    },
+    {
+      path: '/code/:memberNo/:quizNo',
+      name: 'CodeView',
+      component: CodeView
     }
   ]
 })

From 81511faaf3f69808a02a9cd46a8d905b14b1f57f Mon Sep 17 00:00:00 2001
From: qbobl5 <ddddd991125@gmail.com>
Date: Wed, 13 Dec 2023 16:37:29 +0900
Subject: [PATCH 2/4] =?UTF-8?q?feat-codeView:=20vue=20=ED=8C=8C=EC=9D=BC?=
 =?UTF-8?q?=20=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/code/CodeView.vue | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 src/views/code/CodeView.vue

diff --git a/src/views/code/CodeView.vue b/src/views/code/CodeView.vue
new file mode 100644
index 0000000..f51c792
--- /dev/null
+++ b/src/views/code/CodeView.vue
@@ -0,0 +1,15 @@
+<template>
+    <div>code-view</div>
+</template>
+<script>
+export default {
+    name: 'CodeView',
+    data() {
+        return {
+            
+        }
+    }
+}
+</script>
+<style scoped>
+</style>
\ No newline at end of file

From 19f7016c87f8158a5ce0566dab4dc4c7073180af Mon Sep 17 00:00:00 2001
From: qbobl5 <ddddd991125@gmail.com>
Date: Wed, 13 Dec 2023 21:18:37 +0900
Subject: [PATCH 3/4] =?UTF-8?q?feat-codeView:=20css&js&be=EC=97=B0?=
 =?UTF-8?q?=EA=B2=B0=20=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/code/CodeView.vue | 399 +++++++++++++++++++++++++++++++++++-
 1 file changed, 393 insertions(+), 6 deletions(-)

diff --git a/src/views/code/CodeView.vue b/src/views/code/CodeView.vue
index f51c792..245d035 100644
--- a/src/views/code/CodeView.vue
+++ b/src/views/code/CodeView.vue
@@ -1,15 +1,402 @@
 <template>
-    <div>code-view</div>
+  <main>
+    <div id="layout">
+      <div v-if="this.reportPopup" id="back-off" @click="offPopup"></div>
+
+      <div id="title">
+        <div id="quiz-title-div">{{ this.quizTitle }}</div>
+      </div>
+
+      <div id="quiz-box">
+        <div id="info">
+          <div id="quiz-info">
+            <div class="index-name">문제 정보</div>
+            <div class="info-div" id="tier">
+              <span class="info-text">티어</span>:<span
+                class="info-span"
+                :id="'quiz-tier-' + this.quizTier"
+                >{{ this.quizTier }}</span
+              >
+            </div>
+            <div class="info-div" id="author">
+              <span class="info-text">출제자</span>:<span class="info-span" id="quiz-author">{{
+                this.quizAuthor
+              }}</span>
+            </div>
+            <div class="info-div" id="submit-cnt">
+              <span class="info-text">제출된 횟수</span>:<span
+                class="info-span"
+                id="quiz-submit-cnt"
+                >{{ this.quizSubmitCnt }}회</span
+              >
+            </div>
+            <div class="info-div" id="success-cnt">
+              <span class="info-text">성공한 횟수</span>:<span
+                class="info-span"
+                id="quiz-success-cnt"
+                >{{ this.quizSuccessCnt }}회</span
+              >
+            </div>
+            <div class="info-div" id="correct">
+              <span class="info-text">정답률</span>:<span class="info-span" id="quiz-correct">{{
+                this.quizCorrect
+              }}</span>
+            </div>
+          </div>
+
+          <div class="index-name">입력값 설명</div>
+          <textarea
+            class="readonlyTextarea"
+            id="quiz-input"
+            :value="this.inputInfo == null ? '존재하지 않습니다' : this.inputInfo"
+            readonly
+          ></textarea>
+
+          <div class="index-name">출력값 설명</div>
+          <textarea
+            class="readonlyTextarea"
+            id="quiz-output"
+            :value="this.outputInfo == null ? '존재하지 않습니다' : this.outputInfo"
+            readonly
+          ></textarea>
+        </div>
+
+        <div id="content">
+          <div class="index-name">문제 내용</div>
+          <div id="report-box">
+            <div class="report-box-for" v-for="report in reportList" :key="report">
+              <div v-if="report.reportComment != null">
+                <span class="report-span" id="report-date">
+                  {{ report.reportComment == null ? '' : '[' + report.reportDate + ']' }}&nbsp;
+                </span>
+                <span class="report-span" id="report-com">
+                    {{ commentNotNull(report.reportComment) }}&nbsp;
+                </span>
+                <span class="report-span" id="report-id">
+                  {{ report.reportComment == null ? '' : '-' + report.memberName + '님 신고' }}
+                </span>
+                <br>
+              </div>
+            </div>
+          </div>
+          <div v-if="this.rptOkCnt!=0"><hr></div>
+          <textarea
+            class="readonlyTextarea"
+            id="quiz-content"
+            v-model="this.quizContent"
+            readonly
+          ></textarea>
+        </div>
+
+        <div id="code-area">
+          <div class="index-name">제출한 코드</div>
+          <textarea class="readonlyTextarea" id="quiz-code" readonly></textarea>
+
+          <div id="button-area">
+            <div></div>
+            <div id="right-button">
+              <button id="rpt-button" @click="rptQuiz">문제 신고하기</button>&nbsp;
+              <button id="close-button" @click="closePage">닫기</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </main>
 </template>
 <script>
+import axios from 'axios'
+
 export default {
-    name: 'CodeView',
-    data() {
-        return {
-            
+  name: 'CodeView',
+  data() {
+    return {
+      quizNo: 0,
+      quizTitle: '',
+      quizContent: '',
+      quizTier: '',
+      quizAuthor: '',
+      quizSubmitCnt: '',
+      quizSuccessCnt: '',
+      quizCorrect: '',
+      inputInfo: '',
+      outputInfo: '',
+      reportList: [],
+      rptOkCnt: 0,
+      reportPopup: false
+    }
+  },
+  methods: {
+    commentNotNull(obj) {
+        if(obj!=null) {
+            this.rptOkCnt++
+            return obj
+        } else {
+            return null
         }
+    },
+    rptQuiz() {
+      this.reportPopup = true
+    },
+    offPopup() {
+      this.reportPopup = false
+    },
+    closePage() {
+      const memberNo = this.$route.params.memberNo
+      location.href = '/profile/code/' + memberNo
     }
+  },
+  created() {
+    this.quizNo = this.$route.params.quizNo
+    const url = `${this.backURL}/quiz/${this.quizNo}`
+    axios
+      .get(url)
+      .then((res) => {
+        this.quizTitle = res.data.quizTitle
+        this.quizContent = res.data.quizContent
+        this.quizTier = res.data.quizTier
+        this.quizAuthor = res.data.memberName
+        this.quizSubmitCnt = res.data.quizSubmitCnt
+        this.quizSuccessCnt = res.data.quizSuccessCnt
+        this.quizCorrect = res.data.quizCorrectPercent
+        this.inputInfo = res.data.quizInput
+        this.outputInfo = res.data.quizOutput
+        this.reportList = res.data.reportDTOList
+      })
+      .catch(() => {
+        alert('문제 조회에 실패하였습니다')
+      })
+  }
 }
 </script>
 <style scoped>
-</style>
\ No newline at end of file
+* {
+  color: var(--main5-color);
+  cursor: default;
+}
+
+#layout {
+  padding-top: 80px;
+}
+
+button {
+  font-size: 18px;
+}
+
+hr {
+    width: 470px;
+}
+
+input,
+textarea {
+  cursor: text;
+  color: var(--main3-hover-color);
+  padding: 5px;
+  resize: none;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+#quiz-info {
+  margin-bottom: 40px;
+}
+
+#title {
+  margin-top: 15px;
+  width: 100%;
+  background-color: var(--main5-color);
+  height: 50px;
+  border: 5px solid var(--main5-color);
+  border-radius: 10px;
+  padding-left: 10px;
+}
+
+#quiz-title-div,
+#quiz-title-input {
+  height: 100%;
+  width: 99%;
+  background-color: var(--main5-color);
+  color: var(--main1-color);
+  font-size: 20px;
+}
+
+#quiz-title-input {
+  color: var(--main2-color);
+}
+
+#quiz-title-div {
+  line-height: 200%;
+}
+
+#quiz-box {
+  display: flex;
+  justify-content: space-between;
+}
+
+#info {
+  margin-top: 15px;
+  padding: 15px;
+  width: 20%;
+}
+
+.info-text {
+  display: inline-block;
+  width: 85px;
+  font-size: 15px;
+}
+
+.info-div {
+  height: 30px;
+  line-height: 30px;
+}
+
+.info-span {
+  display: inline-block;
+  height: 30px;
+  width: 130px;
+  text-align: center;
+  font-size: 15px;
+}
+
+#quiz-tier-input {
+  text-align: center;
+  padding: 0px !important;
+  width: 150px;
+  margin-left: 55px;
+}
+
+#quiz-tier-UNRANKED {
+  color: var(--main4-color);
+}
+
+#quiz-tier-BRONZE {
+  color: #846353;
+}
+
+#quiz-tier-SILVER {
+  color: #7382a3;
+}
+
+#quiz-tier-GOLD {
+  color: #cc9336;
+}
+
+#quiz-tier-PLATINUM {
+  color: #34a8b1;
+}
+
+.index-name {
+  border: 3px solid var(--main5-color);
+  border-radius: 10px;
+  font-size: 20px;
+  padding-left: 10px;
+  margin-bottom: 10px;
+  width: 97%;
+}
+
+#content,
+#code-area {
+  width: 40%;
+  margin-top: 15px;
+  padding: 15px;
+}
+
+#code-area {
+  width: 40%;
+}
+
+#quiz-content,
+#quiz-code {
+  width: 98%;
+  height: 480px;
+  line-height: 30px;
+  overflow: auto;
+  margin-bottom: 15px;
+}
+
+#quiz-content {
+  height: 250px;
+}
+
+#quiz-input,
+#quiz-output {
+  width: 98%;
+  height: 130px;
+  line-height: 30px;
+  overflow: auto;
+  margin-bottom: 15px;
+}
+
+#button-area {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 15px;
+}
+
+#rpt-button,
+#close-button {
+  height: 50px;
+  color: var(--main1-color);
+  border-radius: 10px;
+}
+
+#rpt-button {
+  width: 150px;
+  background-color: var(--red-color);
+  border: 2px solid var(--red-color);
+
+  &:hover {
+    background-color: var(--red-hover-color);
+    border-color: var(--red-hover-color);
+  }
+}
+
+#close-button {
+  width: 100px;
+  background-color: var(--main4-color);
+  border: 2px solid var(--main4-color);
+
+  &:hover {
+    background-color: var(--main4-hover-color);
+    border-color: var(--main4-hover-color);
+  }
+}
+
+#testcase-popup {
+  padding: 10px;
+  position: absolute;
+  background-color: var(--main1-color);
+  border: 8px solid var(--main5-color);
+  border-radius: 10px;
+  width: 700px;
+  height: 400px;
+  margin-top: 5%;
+  margin-left: 17%;
+  z-index: 2;
+}
+
+#back-off {
+  width: 100%;
+  height: 100%;
+  display: fixed;
+  position: fixed;
+  top: 0%;
+  left: 0%;
+  cursor: pointer;
+  z-index: 1;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+.readonlyTextarea {
+  background-color: var(--main1-color);
+  color: var(--main5-color);
+  border: none;
+  cursor: default;
+}
+
+#report-id {
+  font-size: 14px;
+}
+</style>

From 97cb4f5763eed8b693218f6399062bcff52e41e2 Mon Sep 17 00:00:00 2001
From: qbobl5 <ddddd991125@gmail.com>
Date: Wed, 13 Dec 2023 21:25:10 +0900
Subject: [PATCH 4/4] =?UTF-8?q?fix-waitingRoom:=20import=20axios=20?=
 =?UTF-8?q?=EC=A4=91=EB=B3=B5=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/room/WaitingRoom.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/room/WaitingRoom.vue b/src/views/room/WaitingRoom.vue
index e1b53a0..35d323f 100644
--- a/src/views/room/WaitingRoom.vue
+++ b/src/views/room/WaitingRoom.vue
@@ -101,7 +101,6 @@ import axios from 'axios'
 import ShowQuizSimply from '../../components/home/ShowQuizSimply.vue'
 import RoomMember from '../../components/room/RoomMember.vue'
 import SweetAlert from '../../util/modal.js'
-import axios from 'axios';
 
 export default {
   name: 'WaitingRoom',