From 0cd86e3e542774898775b5a3dc1657214d809528 Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Fri, 5 Apr 2024 14:57:00 +0200
Subject: [PATCH] cannot use this keyword when assigning default values to
 props in componenets

---
 public/js/apps/Cis/Profil.js                  |  7 ++++---
 .../Cis/Profil/MitarbeiterProfil.js           | 20 ++++++++++---------
 .../Profil/ProfilComponents/Mailverteiler.js  |  5 ++++-
 .../Profil/ProfilComponents/ProfilEmails.js   |  2 +-
 .../Cis/Profil/ProfilComponents/QuickLinks.js |  2 +-
 5 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/public/js/apps/Cis/Profil.js b/public/js/apps/Cis/Profil.js
index 62905e2d9..c1b1142f2 100755
--- a/public/js/apps/Cis/Profil.js
+++ b/public/js/apps/Cis/Profil.js
@@ -367,6 +367,7 @@ const profilApp = Vue.createApp({
 	</div>`,
 });
 
-profilApp.use(primevue.config.default, { zIndex: { overlay: 9999 } });
-profilApp.use(Phrasen);
-profilApp.mount("#content");
+profilApp
+  .use(primevue.config.default, { zIndex: { overlay: 9999 } })
+  .use(Phrasen)
+  .mount("#content");
diff --git a/public/js/components/Cis/Profil/MitarbeiterProfil.js b/public/js/components/Cis/Profil/MitarbeiterProfil.js
index db4b2253f..536af7619 100755
--- a/public/js/components/Cis/Profil/MitarbeiterProfil.js
+++ b/public/js/components/Cis/Profil/MitarbeiterProfil.js
@@ -222,6 +222,8 @@ export default {
   },
   
   mounted() {
+    console.log("this mitarbeter",this)
+    console.log("this p",this.$p)
     this.$refs.betriebsmittelTable.tabulator.on("tableBuilt", () => {
       this.$refs.betriebsmittelTable.tabulator.setData(this.data.mittel);
     });
@@ -234,7 +236,7 @@ export default {
   template: /*html*/ ` 
   <div class="container-fluid text-break fhc-form"  >
   
-    <edit-profil v-if="showModal" ref="editModal" @hideBsModal="hideEditProfilModal" :value="JSON.parse(JSON.stringify(editData))" title="$p.t('profil','profilBearbeiten')"></edit-profil>
+    <edit-profil v-if="showModal" ref="editModal" @hideBsModal="hideEditProfilModal" :value="JSON.parse(JSON.stringify(editData))" :title="$p.t('profil','profilBearbeiten')"></edit-profil>
           <div class="row">
           
               <div  class="d-md-none col-12 ">
@@ -242,7 +244,7 @@ export default {
               <div class="row mb-3">
                 <div class="col">
                 <!-- MOBILE QUICK LINKS --> 
-                <quick-links :mobile="true"></quick-links>    
+                <quick-links :title="$p.t('profil','quickLinks')" :mobile="true"></quick-links>    
                 </div>
               </div>
 
@@ -289,7 +291,7 @@ export default {
                      <div class="col">
                      
                      <!-- PROFIL INFORMATION -->
-                     <profil-information title="$p.t('profil','mitarbeiterIn')" :data="profilInformation"></profil-information>
+                     <profil-information :title="$p.t('profil','mitarbeiterIn')" :data="profilInformation"></profil-information>
 
 
 		                 </div>
@@ -300,7 +302,7 @@ export default {
                      <div  class=" col-lg-12">
         
                     <!-- MITARBEITER INFO -->
-                    <role-information title="$p.t('profil','mitarbeiterInformation')" :data="roleInformation"></role-information>
+                    <role-information :title="$p.t('profil','mitarbeiterInformation')" :data="roleInformation"></role-information>
 
 
                      </div> 
@@ -316,7 +318,7 @@ export default {
                     <div class="row mb-4">
                     <div class="col">
                     <!-- EMAILS -->
-                    <profil-emails :data="data.emails" ></profil-emails>
+                    <profil-emails :title="this.$p.t('person','email')" :data="data.emails" ></profil-emails>
                     </div>
                     </div>
 
@@ -377,14 +379,14 @@ export default {
 
                   <!-- FUNKTIONEN TABELLE -->
                  
-                    <core-filter-cmpt title="$p.t('person','funktionen')"  ref="funktionenTable" :tabulator-options="funktionen_table_options"  tableOnly :sideMenu="false" />
+                    <core-filter-cmpt :title="$p.t('person','funktionen')"  ref="funktionenTable" :tabulator-options="funktionen_table_options"  tableOnly :sideMenu="false" />
                   
                     </div>
 
                   <div class="col-12 mb-4" >
 
                   <!-- BETRIEBSMITTEL TABELLE -->
-                    <core-filter-cmpt title="$p.t('profil','entlehnteBetriebsmittel')"  ref="betriebsmittelTable" :tabulator-options="betriebsmittel_table_options" tableOnly :sideMenu="false" />
+                    <core-filter-cmpt :title="$p.t('profil','entlehnteBetriebsmittel')"  ref="betriebsmittelTable" :tabulator-options="betriebsmittel_table_options" tableOnly :sideMenu="false" />
                   </div>
 
                 </div>
@@ -402,7 +404,7 @@ export default {
                 <div class="col">
                  
                     <!-- QUICK LINKS --> 
-                    <quick-links></quick-links>
+                    <quick-links :title="$p.t('profil','quickLinks')"></quick-links>
                    
                       
                   
@@ -447,7 +449,7 @@ export default {
                   <div class="col">
                   <!-- MAILVERTEILER -->
                     <mailverteiler  :data="data?.mailverteiler"></mailverteiler>
-                    
+                     
                   </div>
                 </div>
               </div>          
diff --git a/public/js/components/Cis/Profil/ProfilComponents/Mailverteiler.js b/public/js/components/Cis/Profil/ProfilComponents/Mailverteiler.js
index 2d612b661..bd8592532 100755
--- a/public/js/components/Cis/Profil/ProfilComponents/Mailverteiler.js
+++ b/public/js/components/Cis/Profil/ProfilComponents/Mailverteiler.js
@@ -1,11 +1,14 @@
 export default {
     props: {
         data: Object,
-        title: { type: String, default: this.$p.t('profil','mailverteiler') },
+        title: { type: String, default: '' },//this.$p.t('profil','mailverteiler')
     },
     data() {
         return {};
     },
+    created(){
+        console.log("this",this);
+    },
     template: /*html*/`
     <div class="card">
    
diff --git a/public/js/components/Cis/Profil/ProfilComponents/ProfilEmails.js b/public/js/components/Cis/Profil/ProfilComponents/ProfilEmails.js
index f24a3778a..23ac82bac 100755
--- a/public/js/components/Cis/Profil/ProfilComponents/ProfilEmails.js
+++ b/public/js/components/Cis/Profil/ProfilComponents/ProfilEmails.js
@@ -7,7 +7,7 @@ export default {
     props:{
         title:{
             type:String,
-            default:this.$p.t('person','email'),
+            
         },
         data:{
             type:Array,
diff --git a/public/js/components/Cis/Profil/ProfilComponents/QuickLinks.js b/public/js/components/Cis/Profil/ProfilComponents/QuickLinks.js
index ed121b8d8..de0ee0b98 100755
--- a/public/js/components/Cis/Profil/ProfilComponents/QuickLinks.js
+++ b/public/js/components/Cis/Profil/ProfilComponents/QuickLinks.js
@@ -7,7 +7,7 @@ export default{
         },
         title:{
             type:String,
-            default: this.$p.t('profil','quickLinks'),
+
         },
         mobile:{
             type:Boolean,