watch for changing betriebsmittel & funktionen data; wait for loaded viewData before rendering greeting;

public/js/components/Cis/Profil/MitarbeiterProfil.js

@@ -39,15 +39,6 @@ export default {
 				responsiveLayout: "collapse",
 				responsiveLayoutCollapseUseFormatters: false,
 				responsiveLayoutCollapseFormatter: Vue.$collapseFormatter,
-				data: [
-					{
-						Bezeichnung: "",
-						Organisationseinheit: "",
-						Gültig_von: "",
-						Gültig_bis: "",
-						Wochenstunden: "",
-					},
-				],
 				columns: [
 					{
 						title:
@@ -150,7 +141,12 @@ export default {
 		data: Object,
 		editData: Object,
 	},
-
+	'data.funktionen'(newVal) {
+		if(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setData(newVal);
+	},
+	'data.mittel'(newVal) {
+		if(this.$refs.betriebsmittelTable) this.$refs.betriebsmittelTable.tabulator.setData(newVal);
+	},
 	methods: {
 		betriebsmittelTableBuilt: function () {
 			this.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel);

public/js/components/Cis/Profil/MitarbeiterViewProfil.js

@@ -25,15 +25,6 @@ export default {
 				responsiveLayout: "collapse",
 				responsiveLayoutCollapseUseFormatters: false,
 				responsiveLayoutCollapseFormatter: Vue.$collapseFormatter,
-				data: [
-					{
-						Bezeichnung: "",
-						Organisationseinheit: "",
-						Gültig_von: "",
-						Gültig_bis: "",
-						Wochenstunden: "",
-					},
-				],
 				columns: [
 					//? option when wanting to hide the collapsed list
 
@@ -97,7 +88,11 @@ export default {
 			this.$refs.funktionenTable.tabulator.setData(this.data.funktionen);
 		},
 	},
-
+	watch: {
+		'data.funktionen'(newVal) {
+			if(this.$refs.funktionenTable) this.$refs.funktionenTable.tabulator.setData(newVal);
+		},
+	},
 	computed: {
 		getTelefonValue() {
 			if(this.data.standort_telefon?.kontakt) {

public/js/components/Dashboard/Dashboard.js

@@ -169,7 +169,7 @@ export default {
 	},
 	template: `
 	<div class="core-dashboard">
-		<h3>
+		<h3 v-show="viewDataInternal?.name">
 			{{ $p.t('global/personalGreeting', [ viewDataInternal?.name ]) }}
 			<button style="margin-left: 8px;" class="btn" @click="editMode = !editMode"><i class="fa-solid fa-gear"></i></button>
 		</h3>