jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Fixup all toplevel views to only have one child node and test with basic animation

Browse Source
This commit is contained in:
Johannes Zellner
2025-03-26 18:36:04 +01:00
parent ae68cc95bb
commit 830db36928
10 changed files with 254 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/BackupSchedule.vue
+34 -34
View File
@@ -204,41 +204,41 @@ onMounted(async () => {
</script>
<template>
<InputDialog ref="inputDialog" />
<Dialog ref="configureDialog"
:title="$t('backups.configureBackupSchedule.title')"
reject-style="secondary"
:reject-label="configureBusy ? null : $t('main.dialog.cancel')"
:confirm-label="$t('main.dialog.save')"
:confirm-busy="configureBusy"
:confirm-active="isConfigureValid"
@confirm="onSubmitConfigure()"
>
<p class="has-error text-center" v-show="configureError">{{ configureError }}</p>
<form @submit.prevent="onSubmitConfigure()" autocomplete="off">
<fieldset>
<FormGroup>
<label for="daysInput">{{ $t('backups.configureBackupSchedule.schedule') }}</label>
<p v-html="$t('backups.configureBackupSchedule.scheduleDescription')"></p>
<div style="display: flex; gap: 10px;">
<div>{{ $t('backups.configureBackupSchedule.days') }}: <MultiSelect id="daysInput" v-model="configureDays" :options="cronDays" option-key="id" option-label="name"></MultiSelect></div>
<div>{{ $t('backups.configureBackupSchedule.hours') }}: <MultiSelect v-model="configureHours" :options="cronHours" option-key="id" option-label="name"></MultiSelect></div>
</div>
</FormGroup>
<FormGroup>
<label for="retentionInput">{{ $t('backups.configureBackupSchedule.retentionPolicy') }}</label>
<select id="retentionInput" v-model="configureRetention">
<option v-for="elem in backupRetentions" :key="elem.id" :value="elem.id">{{ elem.name }}</option>
</select>
</FormGroup>
</fieldset>
</form>
</Dialog>
<Section :title="$t('backups.schedule.title')">
<InputDialog ref="inputDialog" />
<Dialog ref="configureDialog"
:title="$t('backups.configureBackupSchedule.title')"
reject-style="secondary"
:reject-label="configureBusy ? null : $t('main.dialog.cancel')"
:confirm-label="$t('main.dialog.save')"
:confirm-busy="configureBusy"
:confirm-active="isConfigureValid"
@confirm="onSubmitConfigure()"
>
<p class="has-error text-center" v-show="configureError">{{ configureError }}</p>
<form @submit.prevent="onSubmitConfigure()" autocomplete="off">
<fieldset>
<FormGroup>
<label for="daysInput">{{ $t('backups.configureBackupSchedule.schedule') }}</label>
<p v-html="$t('backups.configureBackupSchedule.scheduleDescription')"></p>
<div style="display: flex; gap: 10px;">
<div>{{ $t('backups.configureBackupSchedule.days') }}: <MultiSelect id="daysInput" v-model="configureDays" :options="cronDays" option-key="id" option-label="name"></MultiSelect></div>
<div>{{ $t('backups.configureBackupSchedule.hours') }}: <MultiSelect v-model="configureHours" :options="cronHours" option-key="id" option-label="name"></MultiSelect></div>
</div>
</FormGroup>
<FormGroup>
<label for="retentionInput">{{ $t('backups.configureBackupSchedule.retentionPolicy') }}</label>
<select id="retentionInput" v-model="configureRetention">
<option v-for="elem in backupRetentions" :key="elem.id" :value="elem.id">{{ elem.name }}</option>
</select>
</FormGroup>
</fieldset>
</form>
</Dialog>
<template #header-buttons>
<Button tool icon="fas fa-align-left" v-tooltip="$t('settings.updates.showLogsAction')" :menu="taskLogsMenu" :disabled="!taskLogsMenu.length"/>
</template>