enh(settings): Set main heading for User management

Signed-off-by: Christopher Ng <chrng8@gmail.com>

diff --git a/apps/settings/src/views/Users.vue b/apps/settings/src/views/Users.vue
index 831663248a3c618002ba993ed424ea02ba72c75c..dc17b9f936202d4a6c6170377debc267de1c0693 100644 (file)
--- a/apps/settings/src/views/Users.vue
+++ b/apps/settings/src/views/Users.vue
@@ -127,7 +127,7 @@
                                </template>
                        </NcAppNavigation>
 
-                       <NcAppContent>
+                       <NcAppContent :page-heading="pageHeading">
                                <UserList :selected-group="selectedGroupDecoded"
                                        :external-actions="externalActions" />
                        </NcAppContent>
@@ -212,6 +212,17 @@ export default {
        },
 
        computed: {
+               pageHeading() {
+                       if (this.selectedGroupDecoded === null) {
+                               return t('settings', 'Active users')
+                       }
+                       const matchHeading = {
+                               admin: t('settings', 'Admins'),
+                               disabled: t('settings', 'Disabled users'),
+                       }
+                       return matchHeading[this.selectedGroupDecoded] ?? t('settings', 'User group: {group}', { group: this.selectedGroupDecoded })
+               },
+
                showConfig() {
                        return this.$store.getters.getShowConfig
                },