Feat: Use i18n pluralization
This commit is contained in:
parent
cfa5b551a5
commit
26ff6f45a0
|
@ -25,14 +25,14 @@
|
||||||
<p>{{ $t("certificationExpiryDescription") }}</p>
|
<p>{{ $t("certificationExpiryDescription") }}</p>
|
||||||
<div class="mt-2 mb-4 ps-2 cert-exp-days col-12 col-xl-6">
|
<div class="mt-2 mb-4 ps-2 cert-exp-days col-12 col-xl-6">
|
||||||
<div v-for="day in settings.tlsExpiryNotifyDays" :key="day" class="d-flex align-items-center justify-content-between cert-exp-day-row py-2">
|
<div v-for="day in settings.tlsExpiryNotifyDays" :key="day" class="d-flex align-items-center justify-content-between cert-exp-day-row py-2">
|
||||||
<span>{{ day }} {{ $t("day(s)") }}</span>
|
<span>{{ day }} {{ $tc("day", day) }}</span>
|
||||||
<button type="button" class="btn-rm-expiry btn btn-outline-danger ms-2 py-1" @click="removeExpiryNotifDay(day)">
|
<button type="button" class="btn-rm-expiry btn btn-outline-danger ms-2 py-1" @click="removeExpiryNotifDay(day)">
|
||||||
<font-awesome-icon class="" icon="times" />
|
<font-awesome-icon class="" icon="times" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-xl-6">
|
<div class="col-12 col-xl-6">
|
||||||
<ActionInput v-model="expiryNotifInput" :type="'number'" :placeholder="$t('day(s)')" :icon="'plus'" :action="() => addExpiryNotifDay(expiryNotifInput)" />
|
<ActionInput v-model="expiryNotifInput" :type="'number'" :placeholder="$t('day')" :icon="'plus'" :action="() => addExpiryNotifDay(expiryNotifInput)" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button class="btn btn-primary" type="button" @click="saveSettings()">
|
<button class="btn btn-primary" type="button" @click="saveSettings()">
|
||||||
|
|
|
@ -56,8 +56,7 @@ export default {
|
||||||
Current: "Current",
|
Current: "Current",
|
||||||
Uptime: "Uptime",
|
Uptime: "Uptime",
|
||||||
"Cert Exp.": "Cert Exp.",
|
"Cert Exp.": "Cert Exp.",
|
||||||
days: "days",
|
day: "day | days",
|
||||||
day: "day",
|
|
||||||
"-day": "-day",
|
"-day": "-day",
|
||||||
hour: "hour",
|
hour: "hour",
|
||||||
"-hour": "-hour",
|
"-hour": "-hour",
|
||||||
|
|
|
@ -77,7 +77,7 @@
|
||||||
<h4>{{ $t("Cert Exp.") }}</h4>
|
<h4>{{ $t("Cert Exp.") }}</h4>
|
||||||
<p>(<Datetime :value="tlsInfo.certInfo.validTo" date-only />)</p>
|
<p>(<Datetime :value="tlsInfo.certInfo.validTo" date-only />)</p>
|
||||||
<span class="num">
|
<span class="num">
|
||||||
<a href="#" @click.prevent="toggleCertInfoBox = !toggleCertInfoBox">{{ tlsInfo.certInfo.daysRemaining }} {{ $t("days") }}</a>
|
<a href="#" @click.prevent="toggleCertInfoBox = !toggleCertInfoBox">{{ tlsInfo.certInfo.daysRemaining }} {{ $tc("day", tlsInfo.certInfo.daysRemaining) }}</a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue