Fix confidential toggle bug

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Confidential.vue

@@ -1,6 +1,6 @@
 <template>
-    <div :class="classes">
+    <div class="confidential">
-        <div class="confidential-content" :class="{ 'blur': isBlurred }">
+        <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>

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;
       }
    }

src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue

@@ -44,8 +44,13 @@
                     <!-- 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">
+                <div v-if="thirdparty.contactDataAnonymous">
+                    <confidential>
                         <template v-slot:confidential-content>
                             <ul class="list-content fa-ul">
                                 <li v-if="thirdparty.address">
@@ -63,6 +68,7 @@
                             </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>