Add explicit option to disable automatic backups

Fixes #869
This commit is contained in:
Girish Ramakrishnan
2025-11-05 15:43:16 +01:00
parent 0650fca1cf
commit 2ea7847d4f
3 changed files with 73 additions and 60 deletions
@@ -1,7 +1,7 @@
<script setup>
import { ref, useTemplateRef, computed } from 'vue';
import { Checkbox, Dialog, FormGroup, SingleSelect, MultiSelect } from '@cloudron/pankow';
import { Radiobutton, Dialog, FormGroup, SingleSelect, MultiSelect } from '@cloudron/pankow';
import BackupSitesModel from '../models/BackupSitesModel.js';
import { cronDays, cronHours } from '../utils.js';
@@ -13,7 +13,7 @@ const id = ref('');
const busy = ref(false);
const formError = ref('');
const dialog = useTemplateRef('dialog');
const scheduleEnabled = ref(false);
const scheduleType = ref('');
const days = ref([]);
const hours = ref([]);
const configureRetention = ref(''); // this is 'name' and not 'id' of backupRetentions because SingleSelect needs strings
@@ -27,7 +27,7 @@ async function onSubmit() {
busy.value = true;
let schedule;
if (scheduleEnabled.value) {
if (scheduleType.value === 'pattern') {
let daysPattern;
if (days.value.length === 7) daysPattern = '*';
else daysPattern = days.value;
@@ -73,9 +73,9 @@ defineExpose({
configureRetention.value = selectedRetention ? selectedRetention.name : BackupSitesModel.backupRetentions[0].name;
if (site.schedule === 'never') {
scheduleEnabled.value = false;
scheduleType.value = 'never';
} else {
scheduleEnabled.value = true;
scheduleType.value = 'pattern';
const tmp = site.schedule.split(' ');
const tmpHours = tmp[2].split(',');
@@ -111,12 +111,14 @@ defineExpose({
<fieldset>
<FormGroup>
<label for="daysInput">{{ $t('backups.configureBackupSchedule.schedule') }}</label>
<div v-html="$t('backups.configureBackupSchedule.scheduleDescription')"></div>
<div description v-html="$t('backups.configureBackupSchedule.scheduleDescription')"></div>
<Checkbox :label="$t('main.statusEnabled')" v-model="scheduleEnabled" />
<div v-if="scheduleEnabled" style="display: flex; gap: 10px; margin-left: 10px">
<div>{{ $t('backups.configureBackupSchedule.days') }}: <MultiSelect id="daysInput" :disabled="!scheduleEnabled" v-model="days" :options="cronDays" option-key="id" option-label="name"></MultiSelect></div>
<div>{{ $t('backups.configureBackupSchedule.hours') }}: <MultiSelect :disabled="!scheduleEnabled" v-model="hours" :options="cronHours" option-key="id" option-label="name"></MultiSelect></div>
<Radiobutton v-model="scheduleType" value="never" :label="$t('backups.configureBackupSchedule.disable')"/>
<Radiobutton v-model="scheduleType" value="pattern" :label="$t('backups.configureBackupSchedule.enable')"/>
<div v-if="scheduleType === 'pattern'" style="display: flex; align-items: center; gap: 10px; margin: 10px">
<div>{{ $t('backups.configureBackupSchedule.days') }}: <MultiSelect id="daysInput" v-model="days" :options="cronDays" option-key="id" option-label="name"></MultiSelect></div>
<div>{{ $t('backups.configureBackupSchedule.hours') }}: <MultiSelect v-model="hours" :options="cronHours" option-key="id" option-label="name"></MultiSelect></div>
<div class="text-small text-danger" v-show="scheduleType === 'pattern' && !(hours.length !== 0 && days.length !== 0)">{{ $t('settings.updateScheduleDialog.selectOne') }}</div>
</div>
</FormGroup>