From 1c0279629cb2eab119d1c11a23abe65e5453aec5 Mon Sep 17 00:00:00 2001
From: Philipp Kleybolte <philipp.kleybolte@capgemini.com>
Date: Fri, 13 Dec 2024 16:50:45 +0100
Subject: [PATCH] fix Klassenmanagement

---
 src/components/admin/ResultTable.vue      |  4 +--
 src/views/admin/KlassenManagementView.vue | 32 ++++++++++++++++-------
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/admin/ResultTable.vue b/src/components/admin/ResultTable.vue
index 449b4d9c..e5f33b8f 100644
--- a/src/components/admin/ResultTable.vue
+++ b/src/components/admin/ResultTable.vue
@@ -136,7 +136,7 @@
     :items-length="totalItems"
     :items-per-page="itemsPerPage"
     :items-per-page-options="[30, 50, 100, 300]"
-    :items-per-page-text="$t('itemsPerPage')"
+    :items-per-page-text="'itemsPerPage'"
     :item-value="itemValuePath"
     :page="currentPage"
     ref="v-data-table-server"
@@ -147,7 +147,7 @@
     @update:options="onUpdateOptions"
     @update:page="(page: number) => $emit('onPageUpdate', page)"
     @update:itemsPerPage="(limit: number) => $emit('onItemsPerPageUpdate', limit)"
-    :no-data-text="$t('noDataFound')"
+    :no-data-text="'noDataFound'"
   >
     <template
       v-for="(_, name) in $slots as unknown as Readonly<Slots>"
diff --git a/src/views/admin/KlassenManagementView.vue b/src/views/admin/KlassenManagementView.vue
index 3e6880ba..beeb1db3 100644
--- a/src/views/admin/KlassenManagementView.vue
+++ b/src/views/admin/KlassenManagementView.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
   import { computed, onMounted, ref, watch, type ComputedRef, type Ref } from 'vue';
+  import ResultTable, { type TableRow } from '@/components/admin/ResultTable.vue';
   import { type Composer, useI18n } from 'vue-i18n';
   import type { VDataTableServer } from 'vuetify/lib/components/index.mjs';
   import {
@@ -8,11 +9,14 @@
     type Organisation,
     type OrganisationStore,
   } from '@/stores/OrganisationStore';
+  import LayoutCard from '@/components/cards/LayoutCard.vue';
   import { useAuthStore, type AuthStore } from '@/stores/AuthStore';
   import type { UserinfoPersonenkontext } from '@/stores/PersonenkontextStore';
   import { useSearchFilterStore, type SearchFilterStore } from '@/stores/SearchFilterStore';
   import { type TranslatedObject } from '@/types.d';
   import { onBeforeRouteLeave, useRouter, type Router } from 'vue-router';
+  import KlasseDelete from '@/components/admin/klassen/KlasseDelete.vue';
+  import SpshAlert from '@/components/alert/SpshAlert.vue';
 
   const authStore: AuthStore = useAuthStore();
   const organisationStore: OrganisationStore = useOrganisationStore();
@@ -71,6 +75,22 @@
       }))
       .sort((a: TranslatedObject, b: TranslatedObject) => a.title.localeCompare(b.title));
   });
+  const errorTitle: ComputedRef<string> = computed(() => {
+    if (!organisationStore.errorCode) {
+      return '';
+    }
+    return organisationStore.errorCode === 'UNSPECIFIED_ERROR'
+      ? t('admin.klasse.loadingErrorTitle')
+      : t(`admin.klasse.title.${organisationStore.errorCode}`);
+  });
+  const errorText: ComputedRef<string> = computed(() => {
+    if (!organisationStore.errorCode) {
+      return '';
+    }
+    return organisationStore.errorCode === 'UNSPECIFIED_ERROR'
+      ? t('admin.klasse.loadingErrorText')
+      : t(`admin.klasse.errors.${organisationStore.errorCode}`);
+  });
 
   async function fetchKlassenBySelectedSchuleId(schuleId: string | null): Promise<void> {
     // Fetch Klassen related to the selected Schule
@@ -475,18 +495,10 @@
       <!-- Error Message Display -->
       <SpshAlert
         :model-value="!!organisationStore.errorCode"
-        :title="
-          organisationStore.errorCode === 'UNSPECIFIED_ERROR'
-            ? $t('admin.klasse.loadingErrorTitle')
-            : $t(`admin.klasse.title.${organisationStore.errorCode}`)
-        "
+        :title="errorTitle"
         :type="'error'"
         :closable="false"
-        :text="
-          organisationStore.errorCode === 'UNSPECIFIED_ERROR'
-            ? $t('admin.klasse.loadingErrorText')
-            : $t(`admin.klasse.errors.${organisationStore.errorCode}`)
-        "
+        :text="errorText"
         :showButton="true"
         :buttonText="$t('nav.backToList')"
         :buttonAction="handleAlertClose"