From 28d65ac1146ebda1b16377455a02f4c52d64b1f6 Mon Sep 17 00:00:00 2001
From: chfhtw <christopher.hacker@technikum-wien.at>
Date: Mon, 20 Apr 2026 15:22:52 +0200
Subject: [PATCH] replace tmpLoading with an abortcontroller

---
 .../js/components/Dashboard/Admin/Presets.js  | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/public/js/components/Dashboard/Admin/Presets.js b/public/js/components/Dashboard/Admin/Presets.js
index 644e2f4bb..4b0c9f7ea 100644
--- a/public/js/components/Dashboard/Admin/Presets.js
+++ b/public/js/components/Dashboard/Admin/Presets.js
@@ -17,7 +17,7 @@ export default {
 			funktionen: {},
 			sections: [],
 			selectedFunktionen: [],
-			tmpLoading: ''
+			abortController: null
 		};
 	},
 	computed: {
@@ -130,20 +130,21 @@ export default {
 				.catch(this.$fhcAlert.handleSystemError);
 		},
 		loadSections() {
-			let funktionen = this.selectedFunktionen;
-			this.sections = [];
-			this.tmpLoading = funktionen.join('###');
-
 			const params = {
 				db: this.dashboard,
-				funktionen
+				funktionen: this.selectedFunktionen
 			};
 
+			if (this.abortController)
+				this.abortController.abort();
+			this.abortController = new AbortController();
+			const signal = this.abortController.signal;
+
+			this.sections = [];
+			
 			return this.$api
-				.call(ApiDashboardPreset.getBatch(params))
+				.call(ApiDashboardPreset.getBatch(params), { signal })
 				.then(result => {
-					if (this.tmpLoading !== funktionen.join('###'))
-						return; // NOTE(chris): prevent race condition
 					for (var section in result.data) {
 						let widgets = [];
 						for (var wid in result.data[section]) {