From abccc7c2684c47a8a00fab1fcb4844238cd242a0 Mon Sep 17 00:00:00 2001
From: Hide_D <hided62@gmail.com>
Date: Sun, 5 Mar 2023 00:06:37 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20PageFront=20=EA=B5=AD=EA=B0=80=EB=B0=A9?=
 =?UTF-8?q?=EC=B9=A8=20=EC=B6=9C=EB=A0=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/ts/PageFront.vue | 32 +++++++++++++++++++++++++++++---
 1 file changed, 29 insertions(+), 3 deletions(-)

diff --git a/hwe/ts/PageFront.vue b/hwe/ts/PageFront.vue
index 0d1c7109..804847fa 100644
--- a/hwe/ts/PageFront.vue
+++ b/hwe/ts/PageFront.vue
@@ -61,7 +61,10 @@
           </div>
           <div class="onlineNations">접속중인 국가: {{ globalInfo.onlineNations }}</div>
           <div class="onlineUsers">접속자</div>
-          <div class="nationNotice">국가 방침</div>
+          <div class="nationNotice">국가 방침
+            <!-- eslint-disable-next-line vue/no-v-html -->
+            <div v-if="nationInfo" class="nationNoticeBody" v-html="nationInfo.nationNotice.msg" />
+          </div>
           <div id="ingameBoard">
             <!-- TODO: 운영자 툴바는 어디에?-->
             <div class="mapView">
@@ -215,7 +218,7 @@ import CityBasicCard from "./components/CityBasicCard.vue";
 import NationBasicCard from "./components/NationBasicCard.vue";
 import GeneralBasicCard from "./components/GeneralBasicCard.vue";
 import MessagePanel from "./components/MessagePanel.vue";
-import type { GeneralListItemP1 } from "./defs/API/Nation";
+import type {  NationInfoFull } from "./defs/API/Nation";
 import type { MapResult, NationStaticItem } from "./defs";
 import { formatTime } from "./util/formatTime";
 import { calcTournamentTerm } from "./utilGame";
@@ -428,7 +431,7 @@ const frontInfo = ref<GetFrontInfoResponse>();
 const globalInfo = ref<GetFrontInfoResponse["global"]>({} as GetFrontInfoResponse["global"]);
 const generalInfo = ref<GetFrontInfoResponse["general"]>();
 const nationStaticInfo = ref<NationStaticItem>();
-
+const nationInfo = ref<NationInfoFull>();
 let generalInfoLock = false;
 
 watch(refreshCounter, async () => {
@@ -470,6 +473,23 @@ watch(refreshCounter, async () => {
   }
 });
 
+watch(refreshCounter, async () => {
+  try {
+    const response = await SammoAPI.Nation.GetNationInfo({full: true});
+    console.log('nation', response);
+    if(!response.isFull){
+      throw 'NationInfo 반환값 에러';
+    }
+    nationInfo.value = response;
+  } catch (e) {
+    console.error(e);
+    toasts.danger({
+      title: "국가 정보 갱신 실패",
+      body: `${e}`,
+    });
+  }
+});
+
 const map = ref<MapResult>();
 
 const cityPosition = getCityPosition();
@@ -532,6 +552,12 @@ watch(refreshCounter, async () => {
   display: grid;
 }
 
+.nationNoticeBody{
+  :deep(p) {
+    min-height: 1em;
+  }
+}
+
 @include media-500px {
   #outBlock {
     position: absolute;