wip: MessagePanel

hwe/ts/PageFront.vue

@@ -27,7 +27,7 @@
             <div class="subOnlineUserCnt">전체 접속자 수: {{globalInfo.onlineUserCnt.toLocaleString()}}명</div>
             <div class="subAPILimit">턴당 갱신횟수: {{globalInfo.apiLimit.toLocaleString()}}회</div>
             <div class="subGeneralCnt">
-              등록 장수: 유저 
+              등록 장수: 유저
               {{globalInfo.genCount.toLocaleString()}} / {{globalInfo.generalCntLimit.toLocaleString()}}
               + NPC TODO:NPC Cnt 명
             </div>
@@ -86,11 +86,7 @@
             </template>
           </div>
           <div class="commonToolbar">툴바?</div>
-          <div class="MessageInputForm">메시지 입력</div>
-          <div class="PublicTalk">전체 메시지</div>
-          <div class="NationalTalk">국가 메시지</div>
-          <div class="PrivateTalk">개인 메시지</div>
-          <div class="DiplomacyTalk">외교 메시지</div>
+          <MessagePanel v-if="generalInfo" :generalID="generalInfo.no" :generalName="generalInfo.name" :nationID="generalInfo.nation" :permissionLevel="generalInfo.permission" ref="msgPanel" />
           <div class="commonToolbar">툴바?</div>
         </main>
       </BContainer>
@@ -126,6 +122,7 @@ import { delay } from "./util/delay";
 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 { NationStaticItem } from "./defs";
 import { formatTime } from "./util/formatTime";
@@ -150,7 +147,12 @@ const storeP = getGameConstStore().then((store) => {
 
 let responseLock = false;
 
+const msgPanel = ref<InstanceType<typeof MessagePanel>>();
+
 async function tryRefresh() {
+
+  msgPanel.value?.tryRefresh();
+
   if (responseLock) {
     return;
   }
@@ -293,7 +295,7 @@ watch(refreshCounter, async () => {
 
 const frontInfo = ref<GetFrontInfoResponse>();
 const globalInfo = ref<GetFrontInfoResponse['global']>({} as GetFrontInfoResponse['global'])
-const generalInfo = ref<GeneralListItemP1>();
+const generalInfo = ref<GetFrontInfoResponse['general']>();
 const nationStaticInfo = ref<NationStaticItem>();
 
 let generalInfoLock = false;