blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-06-01 20:29:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixing the accordion with editData

Browse Source
This commit is contained in:
Simon Gschnell
2023-12-27 10:42:33 +01:00
parent 620528fa50
commit f3e23b888d
1 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/components/Cis/Profil/MitarbeiterProfil.js
+36 -12
View File
@@ -521,7 +521,7 @@ export default {
</div>
</button>
<bs-modal ref="bsmodal" >
<bs-modal ref="bsmodal" backdrop="false" >
<template v-slot:title>
{{"Profil bearbeiten" }}
</template>
@@ -532,26 +532,49 @@ export default {
<!-- ACCORDEON 1 -->
<div class="accordion accordion-flush" id="accordionFlushExample" v-for="ele in editData ">
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
Personen Daten
<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>
</h2>
<!-- SHOWING ALL MAILS IN THE FIRST PART OF THE ACCORDION -->
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
<div :id="'flush-collapseOne'+key" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">
<div class="row gy-3">
<div v-for="(wert,bez) in ele" class="col-12">
<div class="form-underline ">
<div v-if="Array.isArray(value)" class="row gy-5">
<div v-for="(objects,objectkey) in value" class="col-12" >
<div class="row gy-3">
<div v-for="(data,title) in objects" class="col-12" >
<div class="form-underline ">
<div class="form-underline-titel">
<label :for="title+'input'" >{{title}}</label>
</div>
<div>
<input type="email" class="form-control" :id="title+'input'" v-model="editData[key][objectkey][title]" :placeholder="data">
</div>
</div>
</div>
</div>
</div>
</div>
<div v-else class="row gy-3">
<div v-for="(data,title) in value" class="col-12">
<div class="form-underline ">
<div class="form-underline-titel">
<label :for="bez+'input'" >{{bez}}</label>
<label :for="title+'input'" >{{title}}</label>
</div>
<div>
<input type="email" class="form-control" :id="bez+'input'" v-model="editData.personData[bez]" :placeholder="wert">
<input type="email" class="form-control" :id="title+'input'" v-model="editData.personData[title]" :placeholder="data">
</div>
</div>
</div>
@@ -581,6 +604,7 @@ export default {
{{""}}
</template>
-->
</bs-modal>