Add empty table to all tables

NHAS · Nov 23, 2024 · 314331e · 314331e
1 parent e035cee
commit 314331e
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 0 deletions.
diff --git a/adminui/frontend/src/pages/Devices.vue b/adminui/frontend/src/pages/Devices.vue
@@ -14,6 +14,7 @@ import { useDevicesStore } from '@/stores/devices'
 import { Icons } from '@/util/icons'
 
 import { deleteDevices, editDevice, DeviceEditActions, type EditDevicesDTO, type DeviceDTO } from '@/api'
+import EmptyTable from '@/components/EmptyTable.vue'
 
 const devicesStore = useDevicesStore()
 devicesStore.load(false)
@@ -190,6 +191,7 @@ function sortDevices(by: keyof DeviceDTO) {
               </tr>
             </tbody>
           </table>
+          <EmptyTable v-if="currentDevices.length == 0" text="No matching devices" />
 
           <div class="mt-2 w-full text-center">
             <PaginationControls @next="() => nextPage()" @prev="() => prevPage()" :current-page="activePage"

diff --git a/adminui/frontend/src/pages/Groups.vue b/adminui/frontend/src/pages/Groups.vue
@@ -214,6 +214,8 @@ async function tryDeleteGroups(groups: string[]) {
                 </tr>
               </tbody>
             </table>
+            <EmptyTable v-if="currentGroups.length == 0" text="No groups" />
+
 
             <div class="mt-2 w-full text-center">
               <PaginationControls @next="() => nextPage()" @prev="() => prevPage()" :current-page="activePage" :total-pages="totalPages" />

diff --git a/adminui/frontend/src/pages/RegistrationTokens.vue b/adminui/frontend/src/pages/RegistrationTokens.vue
@@ -16,6 +16,7 @@ import { useTokensStore } from '@/stores/registration_tokens'
 import { Icons } from '@/util/icons'
 
 import type { RegistrationTokenRequestDTO } from '@/api'
+import EmptyTable from '@/components/EmptyTable.vue'
 
 const tokensStore = useTokensStore()
 tokensStore.load(true)
@@ -130,6 +131,7 @@ async function deleteToken(token: RegistrationTokenRequestDTO) {
               </tr>
             </tbody>
           </table>
+          <EmptyTable v-if="currentTokens.length == 0" text="No registration tokens" />
 
           <div class="mt-2 w-full text-center">
             <PaginationControls @next="() => nextPage()" @prev="() => prevPage()" :current-page="activePage" :total-pages="totalPages" />

diff --git a/adminui/frontend/src/pages/Rules.vue b/adminui/frontend/src/pages/Rules.vue
@@ -15,6 +15,7 @@ import { useTextareaInput } from '@/composables/useTextareaInput'
 import { Icons } from '@/util/icons'
 
 import { getAllRules, type RuleDTO, editRule, createRule, deleteRules } from '@/api'
+import EmptyTable from '@/components/EmptyTable.vue'
 
 const { data: rulesData, isLoading: isLoadingRules, silentlyRefresh: refreshRules } = useApi(() => getAllRules())
 
@@ -235,6 +236,7 @@ async function tryDeleteRules(rules: string[]) {
                 </tr>
               </tbody>
             </table>
+            <EmptyTable v-if="currentRules.length == 0" text="No rules" />
 
             <div class="mt-2 w-full text-center">
               <PaginationControls @next="() => nextPage()" @prev="() => prevPage()" :current-page="activePage" :total-pages="totalPages" />

diff --git a/adminui/frontend/src/pages/Users.vue b/adminui/frontend/src/pages/Users.vue
@@ -15,6 +15,7 @@ import { Icons } from '@/util/icons'
 
 import { deleteUsers, editUser, UserEditActions, type EditUsersDTO, type UserDTO } from '@/api'
 import { useRoute } from 'vue-router'
+import EmptyTable from '@/components/EmptyTable.vue'
 
 const usersStore = useUsersStore()
 usersStore.load(false)
@@ -193,6 +194,7 @@ function sortUsers(by: keyof UserDTO) {
               </tr>
             </tbody>
           </table>
+          <EmptyTable v-if="currentUsers.length == 0" text="No matching users" />
 
           <div class="mt-2 w-full text-center">
             <PaginationControls @next="() => nextPage()" @prev="() => prevPage()" :current-page="activePage" :total-pages="totalPages" />