diff options
Diffstat (limited to 'apps/settings/src/components/AdminDelegating.vue')
| -rw-r--r-- | apps/settings/src/components/AdminDelegating.vue | 40 |
1 files changed, 25 insertions, 15 deletions
diff --git a/apps/settings/src/components/AdminDelegating.vue b/apps/settings/src/components/AdminDelegating.vue index d669e26efd0..521ff8f0155 100644 --- a/apps/settings/src/components/AdminDelegating.vue +++ b/apps/settings/src/components/AdminDelegating.vue @@ -1,37 +1,47 @@ +<!-- + - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors + - SPDX-License-Identifier: AGPL-3.0-or-later +--> <template> - <div id="admin-right-sub-granting" class="section"> - <h2>{{ t('settings', 'Administration privileges') }}</h2> - <p class="settings-hint"> - {{ t('settings', 'Here you can decide which group can access certain sections of the administration settings.') }} - </p> - + <NcSettingsSection :name="t('settings', 'Administration privileges')" + :description="t('settings', 'Here you can decide which group can access certain sections of the administration settings.')" + :doc-url="authorizedSettingsDocLink"> <div class="setting-list"> <div v-for="setting in availableSettings" :key="setting.class"> - <h3>{{ setting.sectionName }}</h3> + <label :for="setting.id">{{ setting.sectionName }}</label> <GroupSelect :available-groups="availableGroups" :authorized-groups="authorizedGroups" :setting="setting" /> </div> </div> - </div> + </NcSettingsSection> </template> <script> -import GroupSelect from './AdminDelegation/GroupSelect' +import GroupSelect from './AdminDelegation/GroupSelect.vue' +import NcSettingsSection from '@nextcloud/vue/components/NcSettingsSection' import { loadState } from '@nextcloud/initial-state' export default { name: 'AdminDelegating', components: { GroupSelect, + NcSettingsSection, }, data() { - const availableSettings = loadState('settings', 'available-settings') - const availableGroups = loadState('settings', 'available-groups') - const authorizedGroups = loadState('settings', 'authorized-groups') return { - availableSettings, - availableGroups, - authorizedGroups, + availableSettings: loadState('settings', 'available-settings'), + availableGroups: loadState('settings', 'available-groups'), + authorizedGroups: loadState('settings', 'authorized-groups'), + authorizedSettingsDocLink: loadState('settings', 'authorized-settings-doc-link'), } }, } </script> + +<style lang="scss" scoped> +label { + display: block; + font-size: 16px; + margin: 12px 0; + color: var(--color-text-light); +} +</style> |