From 75ce2a0aa81fd28e34a0c7fa362e60ed9ab32009 Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Wed, 10 Jan 2024 09:11:24 +0100
Subject: [PATCH] Shows Select option names without _

---
 public/js/components/Cis/Profil/EditProfil.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/js/components/Cis/Profil/EditProfil.js b/public/js/components/Cis/Profil/EditProfil.js
index 02cdbfbca..af03df11f 100644
--- a/public/js/components/Cis/Profil/EditProfil.js
+++ b/public/js/components/Cis/Profil/EditProfil.js
@@ -140,7 +140,7 @@ export default {
 
 
     <select v-if="!firstSelectedOption" v-model="firstSelectedOption"  class="form-select" size="3" aria-label="size 3 select example">
-      <option  v-for="option in firstSelection" :value="option">{{option}}</option>
+      <option  v-for="(option,index) in firstSelection" :value="option">{{option.replace("_"," ")}}</option>
     </select>
 
     <select v-if="firstSelectedOption && !secondSelectedOption" class="form-select" size="3" aria-label="size 3 select example">
@@ -157,7 +157,15 @@ export default {
         inputField={[option]:editData[firstSelectedOption][option]};
         //* topic is the selected property if is an object
         topic = option;
-      }" v-for="(option, index) in secondSelection" :value="option"><div v-if="typeof(option)==='object'"><span class="m-2 d-block" v-for="(value,property) in option">{{property}}:{{value}}</span></div><template v-else>{{option}}</template></option>
+      }" v-for="(option, index) in secondSelection" :value="option"><div v-if="typeof(option)==='object'">
+      <div class="row m-2" v-for="(value,property) in option">
+      <div class="col"><span>{{property}}</span></div>
+      <div class="col"><span>{{value}}</span></div>
+      
+      </div>
+      </div>
+      <template v-else>{{option}}</template>
+      </option>
     </select>
     <div v-if="inputField">
     <div v-for="(field,index) in inputField">