redesign dropdown mobility-support with overriding filtercomponent

public/js/components/Stv/Studentenverwaltung/Details/Mobility/List/Purpose.js

@@ -85,8 +85,6 @@ export default {
 				layout: 'fitColumns',
 				layoutColumnsOnNewData: false,
 				height: '250',
-				// selectableRangeMode: 'click',
-				// selectable: true,
 				persistenceID: 'core-mobility-purpose'
 			},
 			tabulatorEvents: [
@@ -114,8 +112,7 @@ export default {
 			formData: {
 				zweck_code: ""
 			},
-			localData: [],
-			isCentered: false,
+			localData: []
 		}
 	},
 	watch: {
@@ -183,24 +180,14 @@ export default {
 						zweck_code: this.formData.zweck_code,
 					});
 				}
-
 			}
-	//	this.closeModal();
 		},
-
-		// closeModal(){
-		// 	this.$refs.mobilityPurpose.hide();
-		// },
-		// openModal(){
-		// 	this.isCentered = true;
-		// 	this.$refs.mobilityPurpose.show();
-		// },
 		reload() {
 			this.$refs.table.reloadTable();
 			this.$emit('reload');
 		},
 		resetModal(){
-			this.formData = {};mobility_purpose
+			this.formData = {};
 			this.formData.zweck_code = null;
 		},
 		resetLocalData() {
@@ -220,7 +207,6 @@ export default {
 				table-only
 				:side-menu="false"
 				reload
-				@click:new="handleSubmitAction"
 				>
 				<template #actions>
 					<core-form ref="mobilityData">
@@ -242,7 +228,7 @@ export default {
 							</form-input>
 						</div>
 					</core-form>
-					<button class="btn btn-primary" @click="handleSubmitAction">{{$p.t('mobility', 'zweck')}}</button>
+					<button class="btn btn-primary" @click="handleSubmitAction">{{$p.t('ui', 'hinzufuegen')}}</button>
 				</template>
 			</core-filter-cmpt>
 	

public/js/components/Stv/Studentenverwaltung/Details/Mobility/List/Support.js

@@ -83,8 +83,6 @@ export default {
 				layout: 'fitColumns',
 				layoutColumnsOnNewData: false,
 				height: '250',
-				selectableRangeMode: 'click',
-				selectable: true,
 				persistenceID: 'core-mobility-support'
 			},
 			tabulatorEvents: [
@@ -172,15 +170,6 @@ export default {
 				}
 
 			}
-			this.closeModal();
-		},
-		closeModal(){
-			this.$refs.mobilitySupport.hide();
-			this.$emit('close-modal');
-		},
-		openModal(){
-			this.$refs.mobilitySupport.show();
-			this.$emit('open-modal');
 		},
 		reload() {
 			this.$refs.table.reloadTable();
@@ -198,51 +187,39 @@ export default {
 		<div class="core-mobility-support h-50 d-flex flex-column w-100 mt-2">
 		<br>
 		
-		<core-filter-cmpt
-			ref="table"
-			:tabulator-options="tabulatorOptions"
-			:tabulator-events="tabulatorEvents"
-			table-only
-			:side-menu="false"
-			reload
-			new-btn-show
-			:new-btn-label="this.$p.t('mobility', 'aufenthalt')"
-			@click:new="actionNewSupport"
-			>
-		</core-filter-cmpt>
-		
-		<div>
-			<bs-modal ref="mobilitySupport">
-				<template #title>
-					<p class="fw-bold mt-3">{{$p.t('mobility', 'foerderung_neu')}}</p>
-				</template>
-				
-				<core-form ref="mobilityData">
-					<div class="row mb-3">
-						<form-input
-							type="select"
-							:label="$p.t('mobility/aufenthalt')"
-							v-model="formData.aufenthaltfoerderung_code"
-							name="aufenthaltfoerderung_code"
-							>
-							<option :value="null"> {{$p.t('ui', 'bitteWaehlen')}}</option>
-							<option
-								v-for="entry in listSupports"
-								:key="entry.aufenthaltfoerderung_code"
-								:value="entry.aufenthaltfoerderung_code"
+		<div class="override_filtercmpt_actions_style">
+			<core-filter-cmpt
+				ref="table"
+				:tabulator-options="tabulatorOptions"
+				:tabulator-events="tabulatorEvents"
+				table-only
+				:side-menu="false"
+				reload
+				>
+				<template #actions>
+					<core-form ref="mobilityData">
+						<div class="row">
+							<form-input
+								type="select"
+								:label="$p.t('mobility/aufenthalt')"
+								v-model="formData.aufenthaltfoerderung_code"
+								name="aufenthaltfoerderung_code"
 								>
-								{{entry.bezeichnung}}
-							</option>
-						</form-input>
-					</div>
-				</core-form>
-	
-				<template #footer>
-					<button type="button" class="btn btn-primary" @click="handleSubmitAction">{{$p.t('ui', 'speichern')}}</button>
+								<option :value=""> {{$p.t('ui', 'bitteWaehlen')}}</option>
+								<option
+									v-for="entry in listSupports"
+									:key="entry.aufenthaltfoerderung_code"
+									:value="entry.aufenthaltfoerderung_code"
+									>
+									{{entry.bezeichnung}}
+								</option>
+							</form-input>
+						</div>
+					</core-form>
+					<button type="button" class="btn btn-primary" @click="handleSubmitAction">{{$p.t('ui', 'hinzufuegen')}}</button>
 				</template>
-	
-			</bs-modal>
+			</core-filter-cmpt>
+		
 		</div>
-
 	</div>`
 }

public/js/components/Stv/Studentenverwaltung/Details/Mobility/Mobility.js

@@ -605,11 +605,6 @@ export default {
 					</div>
 				</div>
 
-				<!-- <div class="text-end mb-3">
-					<button v-if="statusNew" class="btn btn-primary" @click="addNewMobility()"> {{$p.t('ui', 'speichern')}}</button>
-					<button v-else class="btn btn-primary" @click="updateMobility(formData.bisio_id)"> {{$p.t('ui', 'speichern')}}</button>
-				</div> -->
-
 			</form-form>
 
 			<template #footer>