mirror of
https://github.com/zyycn/codex-proxy-rs.git
synced 2026-11-06 08:06:19 +00:00
39b35d46a0
* feat(frontend): add English and Traditional Chinese locales * fix(frontend): capitalize the English login key label * fix(frontend): capitalize standalone English labels * feat(frontend): add reactive localization and refine admin layouts Replace DOM text translation with domain-based Vue I18n resources for English, Simplified Chinese, and Traditional Chinese. Localize shared controls, notifications, charts, and key usage while refining table alignment, menus, and compact labels. Expose semantic usage-window and trend-metric identifiers from the API. Pin the UI and workbench dependencies to published feature commits and preserve the original font defaults. Co-authored-by: Codex <noreply@openai.com> --------- Co-authored-by: Jimbb <14995924+jimbb@users.noreply.github.com> Co-authored-by: Zyy <zyycn@users.noreply.github.com> Co-authored-by: Codex <noreply@openai.com>
53 lines
2.3 KiB
Vue
53 lines
2.3 KiB
Vue
<script setup lang="ts">
|
|
import type { ClientProfilePreview } from '@/api/modules/settings/profiles'
|
|
|
|
import { ZEmpty, ZSkeleton } from '@codex-proxy/ui'
|
|
import { useI18n } from 'vue-i18n'
|
|
|
|
defineProps<{
|
|
preview?: Pick<ClientProfilePreview, 'userAgent' | 'versionSource' | 'checkedAtDisplay' | 'error'> & { versionLag?: number | null }
|
|
previewing: boolean
|
|
needsVersionInput: boolean
|
|
error: string
|
|
}>()
|
|
|
|
const { t } = useI18n({ useScope: 'global' })
|
|
</script>
|
|
|
|
<template>
|
|
<p v-if="needsVersionInput" role="status" class="m-0 text-cp-sm text-cp-text-tertiary">
|
|
{{ t('settings.clientProfile.previewAfterFillingInVersion') }}
|
|
</p>
|
|
<ZEmpty v-else-if="error && !previewing" :title="t('settings.clientProfile.previewIsNotAvailableYet')" :description="error" size="small" surface="none" role="alert" />
|
|
<div
|
|
v-else-if="previewing || preview"
|
|
class="grid min-h-20 min-w-0 content-center gap-2 rounded-cp bg-cp-fill-quaternary p-4"
|
|
aria-live="polite"
|
|
:aria-busy="previewing"
|
|
>
|
|
<template v-if="previewing">
|
|
<div class="flex h-lh items-center text-cp-sm" role="status" :aria-label="t('settings.clientProfile.resolvingClientIdentity')">
|
|
<ZSkeleton shape="text" class="w-4/5" aria-hidden="true" />
|
|
</div>
|
|
<div class="flex h-lh items-center text-cp-xs" aria-hidden="true">
|
|
<ZSkeleton shape="text" class="w-52 max-w-full" />
|
|
</div>
|
|
</template>
|
|
<template v-else-if="preview">
|
|
<code class="break-all text-cp-sm text-cp-text">{{ preview.userAgent }}</code>
|
|
<p class="m-0 text-cp-xs text-cp-text-tertiary">
|
|
{{ preview.versionSource === 'custom' ? t('settings.clientProfile.fixedIdentity') : t('settings.clientProfile.automaticUpdates') }}
|
|
<template v-if="preview.versionSource === 'official'">
|
|
<template v-if="preview.versionLag">
|
|
{{ t('settings.clientProfile.versionsBehind', { version: preview.versionLag }) }}
|
|
</template>
|
|
· {{ preview.checkedAtDisplay ? t('settings.clientProfile.checked', { checkedAtDisplay: preview.checkedAtDisplay }) : t('settings.clientProfile.toBeChecked') }}
|
|
</template>
|
|
</p>
|
|
<p v-if="preview.error && preview.versionSource !== 'custom'" :title="preview.error" class="m-0 text-cp-sm text-cp-warning">
|
|
{{ t('settings.clientProfile.updateFailedUseLastVersion') }}
|
|
</p>
|
|
</template>
|
|
</div>
|
|
</template>
|