From a3eef29b2667e0731e73b2559bf2101f378507f0 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 8 Apr 2025 15:40:08 +0200
Subject: [PATCH] Add empty groups placeholder

---
 dashboard/public/translation/en.json | 3 ++-
 dashboard/src/views/UsersView.vue    | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/dashboard/public/translation/en.json b/dashboard/public/translation/en.json
index 842b66673..16d2c6dc5 100644
--- a/dashboard/public/translation/en.json
+++ b/dashboard/public/translation/en.json
@@ -215,7 +215,8 @@
             "name": "Name",
             "users": "Users",
             "externalLdapTooltip": "From external LDAP directory",
-            "count": "Total groups: {{ count }}"
+            "count": "Total groups: {{ count }}",
+            "emptyPlaceholder": "No groups yet"
         },
         "settings": {
             "title": "User Settings",
diff --git a/dashboard/src/views/UsersView.vue b/dashboard/src/views/UsersView.vue
index ae9c0d7e8..e06ef8fa6 100644
--- a/dashboard/src/views/UsersView.vue
+++ b/dashboard/src/views/UsersView.vue
@@ -266,7 +266,7 @@ onMounted(async () => {
         <Button icon="fa-solid fa-plus" @click="onEditOrAddGroup()">{{ $t('users.groups.newGroupAction') }}</Button>
       </template>
 
-      <TableView :columns="groupsColumns" :model="groups" :busy="busy" style="max-height: 400px;" @row-click="onEditOrAddGroup">
+      <TableView :columns="groupsColumns" :model="groups" :busy="busy" style="max-height: 400px;" @row-click="onEditOrAddGroup" :placeholder="$t('users.groups.emptyPlaceholder')">
         <template #name="group">
           {{ group.name }} &nbsp; <i v-if="group.source" class="far fa-address-book" v-tooltip="$t('users.groups.externalLdapTooltip')"></i>
         </template>