From 1cdf1e789661be9fbe08bb57f5f084eac829dbcf Mon Sep 17 00:00:00 2001
From: cgfhtw <christopher.gerbrich@technikum-wien.at>
Date: Wed, 13 Nov 2024 10:08:36 +0100
Subject: [PATCH] Anzahl anzeigen

---
 public/js/components/Stv/Studentenverwaltung/List.js | 8 +++++++-
 public/js/components/filter/Filter.js                | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/public/js/components/Stv/Studentenverwaltung/List.js b/public/js/components/Stv/Studentenverwaltung/List.js
index 0eac360d9..5cf3f1056 100644
--- a/public/js/components/Stv/Studentenverwaltung/List.js
+++ b/public/js/components/Stv/Studentenverwaltung/List.js
@@ -100,6 +100,10 @@ export default {
 					event: 'dataProcessed',
 					handler: this.autoSelectRows
 				},
+				{
+					event: 'dataLoaded',
+					handler: data => this.count = data.length
+				},
 				{
 					event: 'rowClick',
 					handler: this.handleRowClick // TODO(chris): this should be in the filter component
@@ -108,7 +112,8 @@ export default {
 			focusObj: null, // TODO(chris): this should be in the filter component
 			lastSelected: null,
 			filterKontoCount0: undefined,
-			filterKontoMissingCounter: undefined
+			filterKontoMissingCounter: undefined,
+			count: 0
 		}
 	},
 	methods: {
@@ -231,6 +236,7 @@ export default {
 		<div class="tabulator-container d-flex flex-column h-100" :class="{'has-filter': filterKontoCount0 || filterKontoMissingCounter}" tabindex="0" @focusin="onFocus" @keydown="onKeydown">
 			<core-filter-cmpt
 				ref="table"
+				:description="$p.t('global/anzahl') + ': ' + (count || 0)"
 				:tabulator-options="tabulatorOptions"
 				:tabulator-events="tabulatorEvents"
 				table-only
diff --git a/public/js/components/filter/Filter.js b/public/js/components/filter/Filter.js
index 20c79a1cb..5c69e9ebb 100644
--- a/public/js/components/filter/Filter.js
+++ b/public/js/components/filter/Filter.js
@@ -47,6 +47,7 @@ export const CoreFilterCmpt = {
 	props: {
 		onNwNewEntry: Function, // NOTE(chris): Hack to get the nwNewEntry listener into $props
 		title: String,
+		description: String,
 		sideMenu: {
 			type: Boolean,
 			default: true
@@ -609,6 +610,7 @@ export const CoreFilterCmpt = {
 				</div>
 				<div class="d-flex gap-1 align-items-baseline flex-grow-1 justify-content-end">
 					<span v-if="!tableOnly">[ {{ filterName }} ]</span>
+					<span v-else-if="description">{{ description }}</span>
 					<a v-if="!tableOnly || $slots.filter" href="#" class="btn btn-link px-0 text-dark" data-bs-toggle="collapse" :data-bs-target="'#collapseFilters' + idExtra">
 						<span class="fa-solid fa-xl fa-filter"></span>
 					</a>