From b2a7ec6e67a828adb6bc31b8ef35d4fe2ec2bdfd Mon Sep 17 00:00:00 2001
From: Harald Bamberger <harald.bamberger@technikum-wien.at>
Date: Tue, 15 Apr 2025 14:52:24 +0200
Subject: [PATCH] add component names, Modal dynamically import new phrases
 plugin to created app

---
 public/js/components/Bootstrap/Alert.js                  | 1 +
 public/js/components/Bootstrap/Confirm.js                | 1 +
 public/js/components/Bootstrap/Modal.js                  | 9 +++++++--
 public/js/components/Bootstrap/Prompt.js                 | 1 +
 .../components/Studierendenantrag/Leitung/GrundPopup.js  | 1 +
 .../js/components/Studierendenantrag/Leitung/LvPopup.js  | 1 +
 6 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/public/js/components/Bootstrap/Alert.js b/public/js/components/Bootstrap/Alert.js
index 075c9cf86..9afcfe475 100644
--- a/public/js/components/Bootstrap/Alert.js
+++ b/public/js/components/Bootstrap/Alert.js
@@ -1,6 +1,7 @@
 import BsModal from './Modal.js';
 
 export default {
+	name: 'BootstrapAlert',
 	components: {
 		BsModal
 	},
diff --git a/public/js/components/Bootstrap/Confirm.js b/public/js/components/Bootstrap/Confirm.js
index 7a6f74b15..a56885473 100644
--- a/public/js/components/Bootstrap/Confirm.js
+++ b/public/js/components/Bootstrap/Confirm.js
@@ -1,6 +1,7 @@
 import BsAlert from './Alert.js';
 
 export default {
+	name: 'BootstrapConfirm',
 	mixins: [
 		BsAlert
 	],
diff --git a/public/js/components/Bootstrap/Modal.js b/public/js/components/Bootstrap/Modal.js
index 5232d4b35..e08bf7526 100644
--- a/public/js/components/Bootstrap/Modal.js
+++ b/public/js/components/Bootstrap/Modal.js
@@ -1,6 +1,7 @@
 //import Phrasen from '../../plugin/Phrasen.js';
 
 export default {
+	name: 'BootstrapModal',
 	data: () => ({
 		modal: null
 	}),
@@ -77,6 +78,7 @@ export default {
 
 		return new Promise((resolve,reject) => {
 			const instance = Vue.createApp({
+				name: 'ModalTmpApp',
 				setup() {
 					return () => Vue.h(BsModal, {...{
 						class: 'fade'
@@ -105,8 +107,11 @@ export default {
 			}
 				 
 			//instance.use(Phrasen); // TODO(chris): find a more dynamic way
-			instance.mount(wrapper);
-			document.body.appendChild(wrapper);
+			import('../../plugins/Phrasen.js').then((Phrasen) => {
+				instance.use(Phrasen.default);
+				instance.mount(wrapper);
+				document.body.appendChild(wrapper);
+			});
 		});
 	},
 	template: `<div ref="modal" class="bootstrap-modal modal" tabindex="-1" @[\`hide.bs.modal\`]="$emit('hideBsModal')" @[\`hidden.bs.modal\`]="$emit('hiddenBsModal')" @[\`hidePrevented.bs.modal\`]="$emit('hidePreventedBsModal')" @[\`show.bs.modal\`]="$emit('showBsModal')" >
diff --git a/public/js/components/Bootstrap/Prompt.js b/public/js/components/Bootstrap/Prompt.js
index 068bc21f0..d183a707a 100644
--- a/public/js/components/Bootstrap/Prompt.js
+++ b/public/js/components/Bootstrap/Prompt.js
@@ -1,6 +1,7 @@
 import BsAlert from './Alert.js';
 
 export default {
+	name: 'BootstrapPrompt',
 	mixins: [
 		BsAlert
 	],
diff --git a/public/js/components/Studierendenantrag/Leitung/GrundPopup.js b/public/js/components/Studierendenantrag/Leitung/GrundPopup.js
index bdea298ec..4029b9d8e 100644
--- a/public/js/components/Studierendenantrag/Leitung/GrundPopup.js
+++ b/public/js/components/Studierendenantrag/Leitung/GrundPopup.js
@@ -1,6 +1,7 @@
 import BsAlert from '../../Bootstrap/Alert.js';
 
 export default {
+	name: 'StudierendenantragLeitungGrundPopup',
 	mixins: [
 		BsAlert,
 	],
diff --git a/public/js/components/Studierendenantrag/Leitung/LvPopup.js b/public/js/components/Studierendenantrag/Leitung/LvPopup.js
index b9567de40..92d918ced 100644
--- a/public/js/components/Studierendenantrag/Leitung/LvPopup.js
+++ b/public/js/components/Studierendenantrag/Leitung/LvPopup.js
@@ -4,6 +4,7 @@ import {CoreFetchCmpt} from "../../Fetch.js";
 import ApiStudstatusWiederholung from '../../../api/factory/studstatus/wiederholung.js';
 
 export default {
+	name: 'StudierendenantragLeitungLvPopup',
 	components: {
 		CoreFetchCmpt
 	},