FHC-Core/public/js/apps/Abgabetool/Abgabetool.js

import PluginsPhrasen from '../../plugins/Phrasen.js';
import AbgabetoolStudent from "../../components/Cis/Abgabetool/AbgabetoolStudent.js";
import AbgabetoolMitarbeiter from "../../components/Cis/Abgabetool/AbgabetoolMitarbeiter.js";
import AbgabetoolAssistenz from "../../components/Cis/Abgabetool/AbgabetoolAssistenz.js";
import DeadlineOverview from "../../components/Cis/Abgabetool/DeadlineOverview.js";
import {capitalize} from "../../helpers/StringHelpers.js";

const app = Vue.createApp({
	name: 'AbgabetoolApp',
	components: {
		AbgabetoolStudent,
		AbgabetoolMitarbeiter,
		AbgabetoolAssistenz,
		DeadlineOverview
	},
	data: function() {
		return {
			comp: null,
			uid: null,
			student_uid: null,
			stg_kz: null
		};
	},
	methods: {
		
	},
	computed: {
		student_uid_computed() {
			return this.student_uid ?? this.uid
		},
		stg_kz_computed() {
			return this.stg_kz ?? null
		}
	},
	created() {
	},
	mounted() {
		
		const root = document.getElementById('abgabetoolroot')
		const route = root.getAttribute("route");
		this.comp = route

		const uid = root.getAttribute("uid");
		this.uid = uid

		const stg_kz = root.getAttribute("stg_kz_prop");
		this.stg_kz = stg_kz

		const student_uid = root.getAttribute("student_uid_prop");
		this.student_uid = student_uid
		
	},
	template: `
		<template v-if="comp && uid">
			<AbgabetoolStudent v-if="comp == 'AbgabetoolStudent'" :student_uid_prop="student_uid_computed"></AbgabetoolStudent>
			<AbgabetoolMitarbeiter v-if="comp == 'AbgabetoolMitarbeiter'"></AbgabetoolMitarbeiter>
			<AbgabetoolAssistenz v-if="comp == 'AbgabetoolAssistenz'" :stg_kz_prop="stg_kz_computed"></AbgabetoolAssistenz>
			<DeadlineOverview v-if="comp == 'DeadlinesOverview'"></DeadlineOverview>
		</template>
	`
});
app.config.globalProperties.$capitalize = capitalize;
app.use(primevue.config.default, {
	zIndex: {
		overlay: 9000,
		tooltip: 8000
	}
})
app.directive('tooltip', primevue.tooltip);
app.use(PluginsPhrasen);
app.mount('#abgabetoolroot');