diff --git a/changelog/unreleased/enhancement-admin-settings-user-details-improvement b/changelog/unreleased/enhancement-admin-settings-user-details-improvement new file mode 100644 index 00000000000..95fb0f9c0f8 --- /dev/null +++ b/changelog/unreleased/enhancement-admin-settings-user-details-improvement @@ -0,0 +1,5 @@ +Enhancement: Admin settings users section details improvement + +We've improved the details panel in the user's section to show the assigned groups and total quota + +https://github.com/owncloud/web/pull/8331 diff --git a/packages/web-app-admin-settings/src/components/Users/SideBar/DetailsPanel.vue b/packages/web-app-admin-settings/src/components/Users/SideBar/DetailsPanel.vue index 1730f9fe3a8..b4e76aa3e7c 100644 --- a/packages/web-app-admin-settings/src/components/Users/SideBar/DetailsPanel.vue +++ b/packages/web-app-admin-settings/src/components/Users/SideBar/DetailsPanel.vue @@ -19,7 +19,7 @@ - + @@ -34,6 +34,25 @@ + + + + + + + + + + + + + @@ -43,6 +62,8 @@ import { defineComponent } from 'vue' import UserInfoBox from './UserInfoBox.vue' import { PropType } from 'vue' import { User } from 'web-client/src/generated' +import { formatFileSize } from 'web-pkg/src/helpers' +import { useGettext } from 'vue3-gettext' export default defineComponent({ name: 'DetailsPanel', @@ -63,6 +84,14 @@ export default defineComponent({ required: true } }, + setup() { + const { $gettext, current: currentLanguage } = useGettext() + + return { + $gettext, + currentLanguage + } + }, computed: { noUsers() { return !this.users.length @@ -81,6 +110,20 @@ export default defineComponent({ return this.$gettext( this.roles.find((role) => role.id === assignedRole.appRoleId)?.displayName || '' ) + }, + groupsDisplayValue() { + return this.user.memberOf + .map((group) => group.displayName) + .sort() + .join(', ') + }, + showUserQuota() { + return 'total' in (this.user.drive?.quota || {}) + }, + quotaDisplayValue() { + return this.user.drive.quota.total === 0 + ? this.$gettext('No restriction') + : formatFileSize(this.user.drive.quota.total, this.currentLanguage) } } })