feat. home 버튼 컴포넌트 추가
This commit is contained in:
@@ -41,9 +41,18 @@
|
||||
<div class="inspection-bottom-cards">
|
||||
<!-- 온스토브 카드 -->
|
||||
<div class="inspection-card inspection-stove-card">
|
||||
<h3 :class="{ 'text-center': !launchingStatus }" class="card-title text-base md:text-lg">
|
||||
<span v-if="!launchingStatus" v-dompurify-html="tm('Inspection_Game_During_Maintenance')"></span>
|
||||
<span v-else v-dompurify-html="tm('org_Inspection_During_Maintenance')"></span>
|
||||
<h3
|
||||
:class="{ 'text-center': !launchingStatus }"
|
||||
class="card-title text-base md:text-lg"
|
||||
>
|
||||
<span
|
||||
v-if="!launchingStatus"
|
||||
v-dompurify-html="tm('Inspection_Game_During_Maintenance')"
|
||||
></span>
|
||||
<span
|
||||
v-else
|
||||
v-dompurify-html="tm('org_Inspection_During_Maintenance')"
|
||||
></span>
|
||||
</h3>
|
||||
<div class="button-group justify-center">
|
||||
<!-- <a
|
||||
@@ -103,7 +112,7 @@
|
||||
{{ tm('Inspection_Txt_Download') || '게임 다운로드' }}
|
||||
</h3>
|
||||
<div class="flex flex-row gap-3">
|
||||
<AtomsButtonLauncher
|
||||
<BlocksButtonLauncher
|
||||
v-for="(btn, index) in enabledMarkets"
|
||||
:key="index"
|
||||
:class="getButtonClass(btn.platform)"
|
||||
@@ -114,7 +123,7 @@
|
||||
variant="outlined"
|
||||
>
|
||||
{{ getButtonText(btn.platform) }}
|
||||
</AtomsButtonLauncher>
|
||||
</BlocksButtonLauncher>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -131,7 +140,7 @@ import { useCheckGameStart } from '#layers/composables/useGameStart'
|
||||
const config = useRuntimeConfig()
|
||||
const dataResourcesUrl = config.public.dataResourcesUrl as string
|
||||
const multilingualFileName = 'STOVE_PUBTEMPLATE_homepage_brand_inspection.json'
|
||||
|
||||
|
||||
// const isClient = import.meta.client
|
||||
|
||||
const inspectionStore = useInspectionStore()
|
||||
@@ -160,21 +169,21 @@ const getLocaleTimezone = (localeType: string, region) => {
|
||||
const tsStartDate = webInspectionData.value?.ts_start_date || 0
|
||||
const tsEndDate = webInspectionData.value?.ts_end_date || 0
|
||||
const currentLocale = localeType || locale.value
|
||||
|
||||
|
||||
const timezoneMap: Record<string, string> = {
|
||||
'ko': 'KST',
|
||||
ko: 'KST',
|
||||
'zh-tw': '台灣時間',
|
||||
'ja': 'JST',
|
||||
ja: 'JST',
|
||||
}
|
||||
const timezone = timezoneMap[currentLocale] || 'KST'
|
||||
const defaultRegion = currentLocale === 'ko' ? 'KR' : ''
|
||||
|
||||
const formatDate = (date: Date, loc: string, reg: string) =>
|
||||
`${globalDateFormat(date, loc, reg || defaultRegion, {useFullDate: true})}`
|
||||
|
||||
|
||||
const formatDate = (date: Date, loc: string, reg: string) =>
|
||||
`${globalDateFormat(date, loc, reg || defaultRegion, { useFullDate: true })}`
|
||||
|
||||
const localTime = `${formatDate(new Date(tsStartDate), currentLocale, region || '')} <br class="md:hidden">~ ${formatDate(new Date(tsEndDate), currentLocale, region || '')} (${timezone})`
|
||||
const utcTime = `${formatDate(new Date(tsStartDate), 'en', region || '')} <br class="md:hidden">~ ${formatDate(new Date(tsEndDate), 'en', region || '')} (UTC)`
|
||||
|
||||
|
||||
return currentLocale === 'en' ? utcTime : `${localTime}<br>${utcTime}`
|
||||
}
|
||||
|
||||
@@ -252,7 +261,6 @@ const handleGameStart = () => {
|
||||
validateLauncher()
|
||||
}
|
||||
|
||||
|
||||
definePageMeta({
|
||||
middleware: ['inspection'],
|
||||
layout: 'only-stove',
|
||||
|
||||
Reference in New Issue
Block a user