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

Show subscription badge where required and disable UI elements accordingly

Browse Source
This commit is contained in:
Johannes Zellner
2025-05-13 18:11:10 +02:00
parent 6c115804e8
commit 16c8721d6c
8 changed files with 60 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
dashboard/src/views/UserDirectorySettingsView.vue
View File

@@ -1,26 +1,43 @@
<script setup>
import { ref, onMounted, watch } from 'vue';
import { ref, onMounted, inject } from 'vue';
import { Switch } from 'pankow';
import Section from '../components/Section.vue';
import SettingsItem from '../components/SettingsItem.vue';
import ExternalLdap from '../components/ExternalLdap.vue';
import UserDirectoryModel from '../models/UserDirectoryModel.js';
const features = inject('features');
const userDirectoryModel = UserDirectoryModel.create();
const busy = ref(false);
const editableUserProfiles = ref(false);
const mandatory2FA = ref(false);
watch(editableUserProfiles, async (newValue) => {
const [error] = await userDirectoryModel.setGlobalProfileConfig({ mandatory2FA: mandatory2FA.value, lockUserProfiles: !newValue });
if (error) console.error(error);
});
async function onToggleMandatory2FA(value) {
busy.value = true;
watch(mandatory2FA, async (newValue) => {
const [error] = await userDirectoryModel.setGlobalProfileConfig({ mandatory2FA: newValue, lockUserProfiles: !editableUserProfiles.value });
if (error) console.error(error);
});
const [error] = await userDirectoryModel.setGlobalProfileConfig({ mandatory2FA: value, lockUserProfiles: !editableUserProfiles.value });
if (error) {
mandatory2FA.value = !value;
console.error(error);
}
busy.value = false;
}
async function onToggleEditableUserProfiles(value) {
busy.value = true;
const [error] = await userDirectoryModel.setGlobalProfileConfig({ mandatory2FA: mandatory2FA.value, lockUserProfiles: !value });
if (error) {
editableUserProfiles.value = !value;
console.error(error);
}
busy.value = false;
}
onMounted(async () => {
const [error, result] = await userDirectoryModel.getGlobalProfileConfig();
@@ -34,15 +51,15 @@ onMounted(async () => {
<template>
<div class="content">
<Section :title="$t('users.title')" :padding="false">
<Section :title="$t('users.title')" :padding="false" :title-badge="!features.profileConfig ? 'Pro' : ''">
<SettingsItem>
<div>{{ $t('users.settings.allowProfileEditCheckbox') }} <sup><a href="https://docs.cloudron.io/user-directory/#lock-profile" target="_blank"><i class="fa fa-question-circle"></i></a></sup></div>
<Switch v-model="editableUserProfiles"/>
<Switch v-model="editableUserProfiles" @change="onToggleEditableUserProfiles" :disabled="busy || !features.profileConfig"/>
</SettingsItem>
<SettingsItem>
<div>{{ $t('users.settings.require2FACheckbox') }}</div>
<Switch v-model="mandatory2FA"/>
<Switch v-model="mandatory2FA" @change="onToggleMandatory2FA" :disabled="busy || !features.profileConfig"/>
</SettingsItem>
</Section>