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)
}
}
})