105 lines
3.5 KiB
Vue
105 lines
3.5 KiB
Vue
|
<script setup>
|
||
|
|
|
||
|
|
import { ref, onMounted } from 'vue';
|
||
|
|
import { Switch } from 'pankow';
|
||
|
|
import SettingsItem from '../components/SettingsItem.vue';
|
||
|
|
import Section from '../components/Section.vue';
|
||
|
|
import ProfileModel from '../models/ProfileModel.js';
|
||
|
|
|
||
|
|
const profileModel = ProfileModel.create();
|
||
|
|
|
||
|
|
const busy = ref(false);
|
||
|
|
const appUpp = ref(false);
|
||
|
|
const appDown = ref(false);
|
||
|
|
const appOutOfMemory = ref(false);
|
||
|
|
const backupFailed = ref(false);
|
||
|
|
const certificateRenewalFailed = ref(false);
|
||
|
|
const diskSpace = ref(false);
|
||
|
|
const cloudronUpdateFailed = ref(false);
|
||
|
|
const reboot = ref(false);
|
||
|
|
|
||
|
|
async function onSubmit() {
|
||
|
|
busy.value = true;
|
||
|
|
|
||
|
|
const config = [];
|
||
|
|
if (appUpp.value) config.push('appUpp');
|
||
|
|
if (appDown.value) config.push('appDown');
|
||
|
|
if (appOutOfMemory.value) config.push('appOutOfMemory');
|
||
|
|
if (backupFailed.value) config.push('backupFailed');
|
||
|
|
if (certificateRenewalFailed.value) config.push('certificateRenewalFailed');
|
||
|
|
if (diskSpace.value) config.push('diskSpace');
|
||
|
|
if (cloudronUpdateFailed.value) config.push('cloudronUpdateFailed');
|
||
|
|
if (reboot.value) config.push('reboot');
|
||
|
|
|
||
|
|
const [error] = await profileModel.setNotificationConfig(config);
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
busy.value = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
onMounted(async () => {
|
||
|
|
const [error, result] = await profileModel.get();
|
||
|
|
if (error) return console.error(error);
|
||
|
|
|
||
|
|
const config = result.notificationConfig || [];
|
||
|
|
|
||
|
|
appUpp.value = config.indexOf('appUpp') !== -1;
|
||
|
|
appDown.value = config.indexOf('appDown') !== -1;
|
||
|
|
appOutOfMemory.value = config.indexOf('appOutOfMemory') !== -1;
|
||
|
|
backupFailed.value = config.indexOf('backupFailed') !== -1;
|
||
|
|
certificateRenewalFailed.value = config.indexOf('certificateRenewalFailed') !== -1;
|
||
|
|
diskSpace.value = config.indexOf('diskSpace') !== -1;
|
||
|
|
cloudronUpdateFailed.value = config.indexOf('cloudronUpdateFailed') !== -1;
|
||
|
|
reboot.value = config.indexOf('reboot') !== -1;
|
||
|
|
});
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<Section :title="$t('notifications.settings.title')">
|
||
|
|
|
||
|
|
<p>{{ $t('notifications.settingsDialog.description') }}</p>
|
||
|
|
<br/>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.appUp') }}</div>
|
||
|
|
<Switch v-model="appUpp" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.appDown') }}</div>
|
||
|
|
<Switch v-model="appDown" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.appOutOfMemory') }}</div>
|
||
|
|
<Switch v-model="appOutOfMemory" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.backupFailed') }}</div>
|
||
|
|
<Switch v-model="backupFailed" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.certificateRenewalFailed') }}</div>
|
||
|
|
<Switch v-model="certificateRenewalFailed" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.diskSpace') }}</div>
|
||
|
|
<Switch v-model="diskSpace" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.cloudronUpdateFailed') }}</div>
|
||
|
|
<Switch v-model="cloudronUpdateFailed" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
|
||
|
|
<SettingsItem>
|
||
|
|
<div>{{ $t('notifications.settings.rebootRequired') }}</div>
|
||
|
|
<Switch v-model="reboot" :disabled="busy" @change="onSubmit()"/>
|
||
|
|
</SettingsItem>
|
||
|
|
</Section>
|
||
|
|
</template>
|