tethys.backend/resources/js/apps/settings/basic_settings/ProfileSettings.vue

79 lines
2.3 KiB
Vue
Raw Permalink Normal View History

<template>
<div id="profile-settings" class="section">
<h2 class="inlineblock">
{{ t('settings', 'Profile') }}
</h2>
<p class="settings-hint">
{{ t('settings', 'Enable or disable profile by default for new accounts.') }}
</p>
<NcCheckboxRadioSwitch type="switch" :checked.sync="initialProfileEnabledByDefault"
@update:checked="onProfileDefaultChange">
{{ t('settings', 'Enable') }}
</NcCheckboxRadioSwitch>
</div>
</template>
<script lang="ts">
// import { loadState } from '@nextcloud/initial-state'
import { loadState } from '@/utils/initialState';
import { showError } from '@/utils/toast.js';
import { saveProfileDefault } from '../../service/ProfileService.js'
import { validateBoolean } from '../../utils/validate.js'
import logger from '../../logger.ts'
// import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
const profileEnabledByDefault = loadState('settings', 'profileEnabledByDefault', true)
export default {
name: 'ProfileSettings',
components: {
NcCheckboxRadioSwitch,
},
data() {
return {
initialProfileEnabledByDefault: profileEnabledByDefault,
}
},
methods: {
async onProfileDefaultChange(isEnabled: boolean) {
if (validateBoolean(isEnabled)) {
await this.updateProfileDefault(isEnabled)
}
},
async updateProfileDefault(isEnabled: boolean) {
try {
const responseData = await saveProfileDefault(isEnabled)
this.handleResponse({
isEnabled,
status: responseData.ocs?.meta?.status,
})
} catch (e) {
this.handleResponse({
errorMessage: t('settings', 'Unable to update profile default setting'),
error: e,
})
}
},
handleResponse({ isEnabled, status, errorMessage, error }) {
if (status === 'ok') {
this.initialProfileEnabledByDefault = isEnabled
} else {
showError(errorMessage)
logger.error(errorMessage, error)
}
},
},
}
</script>
<style lang="css" scoped></style>