From d8cd52f7a0377668397a263687f8c70df3c33a18 Mon Sep 17 00:00:00 2001
From: Simon Gschnell <simongschnell@gmail.com>
Date: Wed, 27 Dec 2023 11:16:18 +0100
Subject: [PATCH] accordion styling

---
 .../Cis/Profil/MitarbeiterProfil.js           | 30 +++++++++++--------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/public/js/components/Cis/Profil/MitarbeiterProfil.js b/public/js/components/Cis/Profil/MitarbeiterProfil.js
index 900c7e83f..fe4622656 100644
--- a/public/js/components/Cis/Profil/MitarbeiterProfil.js
+++ b/public/js/components/Cis/Profil/MitarbeiterProfil.js
@@ -284,10 +284,11 @@ export default {
     this.editData =  JSON.parse(
       JSON.stringify(
       {
-        emails:this.data.emails,
-        kontakte: this.data.kontakte,
-        
-        personData : {...this.personData, vorname: this.data.vorname, nachname: this.data.nachname}
+        Personen_Informationen : {...this.personData, vorname: this.data.vorname, nachname: this.data.nachname},
+        Mitarbeiter_Informatinen: this.specialData,
+        Emails:this.data.emails,
+        Private_Kontakte: this.data.kontakte,
+        Private_Adressen:this.privateAdressen,
       }));
 
       console.log(this.data.titelpre);
@@ -313,8 +314,8 @@ export default {
 
   template: ` 
 
-  <div class="row"><div class="col"><pre>{{JSON.stringify(editData,null,2)}}</pre></div><div class="col"><pre>{{JSON.stringify(data.emails,null,2)}}</pre></div></div>
-
+  <!--<div  class="row"><div class="col"><pre>{{JSON.stringify(editData,null,2)}}</pre></div><div class="col"><pre>{{JSON.stringify(data.emails,null,2)}}</pre></div></div>
+-->
   <div class="container-fluid text-break fhc-form"  >
     <!-- ROW --> 
           <div class="row">
@@ -535,8 +536,8 @@ export default {
                                 <div class="accordion accordion-flush" id="accordionFlushExample" >
                                   <div class="accordion-item" v-for="(value,key) in editData ">
                                     <h2 class="accordion-header" :id="'flush-headingOne'+key">
-                                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" :data-bs-target="'#flush-collapseOne'+key" aria-expanded="false" :aria-controls="'flush-collapseOne'+key">
-                                        {{key}}
+                                      <button style="font-weight:500" class="accordion-button collapsed" type="button" data-bs-toggle="collapse" :data-bs-target="'#flush-collapseOne'+key" aria-expanded="false" :aria-controls="'flush-collapseOne'+key">
+                                        {{key.replace("_"," ")}}
                                       </button>
                                     </h2>
                                     <!-- SHOWING ALL MAILS IN THE FIRST PART OF THE ACCORDION -->
@@ -545,7 +546,8 @@ export default {
                                      
                                       <div v-if="Array.isArray(value)" class="row gy-5">
                                       
-                                        <div  v-for="(objects,objectkey) in value" class="col-12" >
+                                        <template  v-for="(objects,objectkey) in value"  >
+                                        <div class="col-12 ">
                                           <div class="row gy-3">
                                           <div v-for="(data,title) in objects" class="col-12" >
                                           
@@ -555,14 +557,18 @@ export default {
                                           </div>
                                           <div>
                                             
-                                            <input type="email" class="form-control" :id="title+'input'" v-model="editData[key][objectkey][title]" :placeholder="data">
+                                            <input  class="form-control" :id="title+'input'" v-model="editData[key][objectkey][title]" :placeholder="data">
                                           </div>
                                           </div>
 
                                           </div>
                                           </div>
 
-                                        </div>
+                                          </div>
+                                          <hr class="mb-0" v-if="value[value.length-1] != objects">
+                                        </template>
+                                        
+
                                       
                                       </div>
                                       <div v-else class="row gy-3">
@@ -574,7 +580,7 @@ export default {
                                       </div>
                                       <div>
                                         
-                                        <input type="email" class="form-control" :id="title+'input'" v-model="editData.personData[title]" :placeholder="data">
+                                        <input type="email" class="form-control" :id="title+'input'" v-model="editData[key][title]" :placeholder="data">
                                       </div>
                                       </div>
                                       </div>