From 5d530aaae95081cefdf050a55061f6a29a9f19c3 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Tue, 22 Feb 2022 15:04:53 +0100
Subject: [PATCH] Fix confidential toggle bug

---
 .../public/vuejs/_components/Confidential.vue | 16 +------
 .../_components/Entity/AddressRenderBox.vue   |  2 +-
 .../Entity/ThirdPartyRenderBox.vue            | 42 +++++++++++--------
 3 files changed, 27 insertions(+), 33 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
index 0a34c4123..3961a43cd 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue
@@ -1,6 +1,6 @@
 <template>
-    <div :class="classes">
-        <div class="confidential-content" :class="{ 'blur': isBlurred }">
+    <div class="confidential">
+        <div :class="{ 'blur': isBlurred }">
             <slot name="confidential-content"></slot>
         </div>
         <div>
@@ -29,18 +29,6 @@ export default {
 <style scoped lang='scss'>
     .confidential{
         align-items: center;
-        display: flex;
-    }
-    .toggle{
-        margin-top: 28px;
-        cursor: pointer;
         display: block;
-        float: right;
-        margin-right: 20px;
-    }
-    .blur {
-        -webkit-filter: blur(5px);
-        -moz-filter: blur(5px);
-        filter: blur(5px);
     }
 </style>
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
index 9a5dc2644..fca64106f 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
@@ -27,7 +27,6 @@
                      </p>
                   </div>
                </template>
-
             </confidential>
          </div>
 
@@ -94,6 +93,7 @@ export default {
          return this.isMultiline === true ? "multiline" : "";
       },
       isConfidential() {
+         console.log(this.address.confidential)
          return this.address.confidential;
       }
    }
diff --git a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
index 92e2915fd..d93566de7 100644
--- a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
+++ b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
@@ -44,25 +44,31 @@
                     <!-- TODO hasChildren
                         NB: we cannot call on-the-fly from RenderBox. See error message in previous version of this file.
                     -->
+                    <li v-if="getProfession.length > 0">
+                        <i class="fa fa-li fa-id-card"></i>
+                        <p><span v-for="p in getProfession" :key="p" class="list-item">{{ p[0].toUpperCase() + p.slice(1).toLowerCase() }}</span></p>
+                    </li>
                 </ul>
-                <confidential v-if="thirdparty.contactDataAnonymous">
-                    <template v-slot:confidential-content>
-                        <ul class="list-content fa-ul">
-                            <li v-if="thirdparty.address">
-                            <i class="fa fa-li fa-map-marker"></i>
-                            <address-render-box :address="thirdparty.address" :isMultiline="isMultiline"></address-render-box>
-                            </li>
-                            <li v-if="thirdparty.phonenumber">
-                            <i class="fa fa-li fa-mobile"></i>
-                            <a :href="'tel: ' + thirdparty.phonenumber">{{ thirdparty.phonenumber }}</a>
-                            </li>
-                            <li v-if="thirdparty.email">
-                            <i class="fa fa-li fa-envelope-o"></i>
-                            <a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
-                            </li>
-                        </ul>
-                    </template>
-                </confidential>
+                <div v-if="thirdparty.contactDataAnonymous">
+                    <confidential>
+                        <template v-slot:confidential-content>
+                            <ul class="list-content fa-ul">
+                                <li v-if="thirdparty.address">
+                                <i class="fa fa-li fa-map-marker"></i>
+                                <address-render-box :address="thirdparty.address" :isMultiline="isMultiline"></address-render-box>
+                                </li>
+                                <li v-if="thirdparty.phonenumber">
+                                <i class="fa fa-li fa-mobile"></i>
+                                <a :href="'tel: ' + thirdparty.phonenumber">{{ thirdparty.phonenumber }}</a>
+                                </li>
+                                <li v-if="thirdparty.email">
+                                <i class="fa fa-li fa-envelope-o"></i>
+                                <a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
+                                </li>
+                            </ul>
+                        </template>
+                    </confidential>
+                </div>
                 <ul v-else class="list-content fa-ul">
                     <li v-if="thirdparty.address">
                         <i class="fa fa-li fa-map-marker"></i>