Anzahl anzeigen

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

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>