diff options
| author | fenn-cs <fenn25.fn@gmail.com> | 2023-05-11 15:08:26 +0100 |
|---|---|---|
| committer | fenn-cs <fenn25.fn@gmail.com> | 2023-05-14 01:01:12 +0100 |
| commit | 1ee8fbaad1eea6544b21059f65efe12a9e601956 (patch) | |
| tree | 6ae8714dc32df4ec8784683ec77476ce1d533c33 /apps/settings/src | |
| parent | 598859d96995cf8857da9733883cf6ed95fd1524 (diff) | |
| download | nextcloud-server-1ee8fbaad1eea6544b21059f65efe12a9e601956.tar.gz nextcloud-server-1ee8fbaad1eea6544b21059f65efe12a9e601956.zip | |
Convert Add group link to button
The "Add group" peforms an on-page action and does not route or link to
anywhere else hence, not semantically a link but a button.
This commit implements the ehancement described at the respository level.
A change would be required in [@nextcloud/nextcloud-vue](https://github.com/nextcloud/nextcloud-vue/issues/4108)
since the `NcAppNavigationNewItem` is an out-of-repo dependency.
Signed-off-by: fenn-cs <fenn25.fn@gmail.com>
Diffstat (limited to 'apps/settings/src')
| -rw-r--r-- | apps/settings/src/views/Users.vue | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/apps/settings/src/views/Users.vue b/apps/settings/src/views/Users.vue index dbff4f552a6..a4b2316f137 100644 --- a/apps/settings/src/views/Users.vue +++ b/apps/settings/src/views/Users.vue @@ -30,15 +30,18 @@ @keyup.enter="showNewUserMenu" @keyup.space="showNewUserMenu" /> <template #list> - <NcAppNavigationItem id="addgroup" + <NcAppNavigationNewItem id="addgroup" ref="addGroup" :edit-placeholder="t('settings', 'Enter group name')" :editable="true" :loading="loadingAddGroup" :title="t('settings', 'Add group')" - icon="icon-add" @click="showAddGroupForm" - @update:title="createGroup" /> + @update:title="createGroup"> + <template #icon> + <Plus :size="20" /> + </template> + </NcAppNavigationNewItem> <NcAppNavigationItem id="everyone" :exact="true" :title="t('settings', 'Active users')" @@ -148,6 +151,7 @@ import NcAppNavigationCaption from '@nextcloud/vue/dist/Components/NcAppNavigati import NcAppNavigationCounter from '@nextcloud/vue/dist/Components/NcAppNavigationCounter.js' import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js' import NcAppNavigationNew from '@nextcloud/vue/dist/Components/NcAppNavigationNew.js' +import NcAppNavigationNewItem from '@nextcloud/vue/dist/Components/NcAppNavigationNewItem.js' import NcAppNavigationSettings from '@nextcloud/vue/dist/Components/NcAppNavigationSettings.js' import axios from '@nextcloud/axios' import NcContent from '@nextcloud/vue/dist/Components/NcContent.js' @@ -158,6 +162,7 @@ import VueLocalStorage from 'vue-localstorage' import GroupListItem from '../components/GroupListItem.vue' import UserList from '../components/UserList.vue' +import Plus from 'vue-material-design-icons/Plus.vue' Vue.use(VueLocalStorage) @@ -170,10 +175,12 @@ export default { NcAppNavigationCounter, NcAppNavigationItem, NcAppNavigationNew, + NcAppNavigationNewItem, NcAppNavigationSettings, NcContent, GroupListItem, NcMultiselect, + Plus, UserList, }, props: { |