feat: lang
This commit is contained in:
@@ -63,41 +63,24 @@ watch(cron, () => {
|
||||
<template>
|
||||
<div class="flex gap-2">
|
||||
<select v-model="cronType" class="select" @change="onChangeCronType">
|
||||
<option :value="CronType.ONE_TIME">One time (do not repeat)</option>
|
||||
<option :value="CronType.EVERY_DAY">Every day at</option>
|
||||
<option :value="CronType.EVERY_WEEK">Every week on</option>
|
||||
<option :value="CronType.EVERY_MONTH">Every month on the</option>
|
||||
<option :value="CronType.EVERY_YEAR">Every year on</option>
|
||||
<option :value="CronType.SPECIFIC">Specific</option>
|
||||
<option :value="CronType.ONE_TIME">{{ $t('cron.type.one_time') }}</option>
|
||||
<option :value="CronType.EVERY_DAY">{{ $t('cron.type.every_day') }}</option>
|
||||
<option :value="CronType.EVERY_WEEK">{{ $t('cron.type.every_week') }}</option>
|
||||
<option :value="CronType.EVERY_MONTH">{{ $t('cron.type.every_month') }}</option>
|
||||
<option :value="CronType.EVERY_YEAR">{{ $t('cron.type.every_year') }}</option>
|
||||
<option :value="CronType.SPECIFIC">{{ $t('cron.type.specific') }}</option>
|
||||
</select>
|
||||
<select v-if="cronType === CronType.EVERY_DAY" v-model="cronValue" class="select" @change="onChangeCronValue">
|
||||
<option v-for="i in Array.from(Array(24).keys())" :key="`h${i}`" :value="i">{{ i.toFixed(0).padStart(2, '0') }}:00</option>
|
||||
</select>
|
||||
<select v-if="cronType === CronType.EVERY_WEEK" v-model="cronValue" class="select" @change="onChangeCronValue">
|
||||
<option :value="1">Monday</option>
|
||||
<option :value="2">Tuesday</option>
|
||||
<option :value="3">Wednesday</option>
|
||||
<option :value="4">Thursday</option>
|
||||
<option :value="5">Friday</option>
|
||||
<option :value="6">Saturday</option>
|
||||
<option :value="7">Sunday</option>
|
||||
<option v-for="i in Array.from(Array(7).keys())" :key="`w${i}`" :value="i + 1">{{ $t(`cron.week.${i.toFixed(0)}`) }}</option>
|
||||
</select>
|
||||
<select v-if="cronType === CronType.EVERY_MONTH" v-model="cronValue" class="select" @change="onChangeCronValue">
|
||||
<option v-for="i in Array.from(Array(32).keys())" :key="`d${i}`" :value="i">{{i}}{{ i % 10 == 1 ? 'st' : (i % 10 === 2 ? 'nd': (i % 10 === 3 ? 'rd' : 'th')) }}</option>
|
||||
<option v-for="i in Array.from(Array(31).keys())" :key="`d${i}`" :value="i + 1">{{i + 1}}{{ i % 10 == 0 ? $t('cron.month.st') : (i % 10 === 1 ? $t('cron.month.nd'): (i % 10 === 2 ? $t('cron.month.rd') : $t('cron.month.th'))) }}</option>
|
||||
</select>
|
||||
<select v-if="cronType === CronType.EVERY_YEAR" v-model="cronValue" class="select" @change="onChangeCronValue">
|
||||
<option :value="1">January</option>
|
||||
<option :value="2">February</option>
|
||||
<option :value="3">March</option>
|
||||
<option :value="4">April</option>
|
||||
<option :value="5">May</option>
|
||||
<option :value="6">June</option>
|
||||
<option :value="7">July</option>
|
||||
<option :value="8">August</option>
|
||||
<option :value="9">September</option>
|
||||
<option :value="10">October</option>
|
||||
<option :value="11">November</option>
|
||||
<option :value="12">December</option>
|
||||
<option v-for="i in Array.from(Array(12).keys())" :key="`m${i}`" :value="i + 1">{{ $t(`cron.year.${i.toFixed(0)}`) }}</option>
|
||||
</select>
|
||||
<input v-if="cronType === CronType.SPECIFIC" v-model="rawCron" type="text" class="input font-mono" :class="valid ? '' : 'input-error'" @input="onInputRawCron" />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user