From 9316016d242579a5afcd16bd3e1516cfa8087536 Mon Sep 17 00:00:00 2001
From: chfhtw <christopher.hacker@technikum-wien.at>
Date: Mon, 20 Apr 2026 14:59:35 +0200
Subject: [PATCH] get selected funktionen the vuejs way

---
 public/js/components/Dashboard/Admin/Presets.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/js/components/Dashboard/Admin/Presets.js b/public/js/components/Dashboard/Admin/Presets.js
index 98f4fad88..644e2f4bb 100644
--- a/public/js/components/Dashboard/Admin/Presets.js
+++ b/public/js/components/Dashboard/Admin/Presets.js
@@ -16,6 +16,7 @@ export default {
 		return {
 			funktionen: {},
 			sections: [],
+			selectedFunktionen: [],
 			tmpLoading: ''
 		};
 	},
@@ -26,8 +27,7 @@ export default {
 	},
 	watch: {
 		dashboard() {
-			// TODO(chris): this should be done without a watcher
-			this.loadSections({target:this.$refs.funktionenList});
+			this.loadSections();
 			this.loadFunktionen();
 		}
 	},
@@ -129,8 +129,8 @@ export default {
 				})
 				.catch(this.$fhcAlert.handleSystemError);
 		},
-		loadSections(evt) {
-			let funktionen = Array.from(evt.target.querySelectorAll("option:checked"),e=>e.value);
+		loadSections() {
+			let funktionen = this.selectedFunktionen;
 			this.sections = [];
 			this.tmpLoading = funktionen.join('###');
 
@@ -176,11 +176,11 @@ export default {
 		<div class="row">
 			<div class="col-3">
 				<select
-					ref="funktionenList"
-					style="height:30em"
+					v-model="selectedFunktionen"
 					class="form-control"
+					style="height:30em"
 					multiple
-					@input="loadSections"
+					@change="loadSections"
 				>
 					<option
 						v-for="funktion in funktionen"