Fix confidential toggle bug

This commit is contained in:
Julie Lenaerts 2022-02-22 15:04:53 +01:00
parent 292d56cfbe
commit 5d530aaae9
3 changed files with 27 additions and 33 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<div :class="classes"> <div class="confidential">
<div class="confidential-content" :class="{ 'blur': isBlurred }"> <div :class="{ 'blur': isBlurred }">
<slot name="confidential-content"></slot> <slot name="confidential-content"></slot>
</div> </div>
<div> <div>
@ -29,18 +29,6 @@ export default {
<style scoped lang='scss'> <style scoped lang='scss'>
.confidential{ .confidential{
align-items: center; align-items: center;
display: flex;
}
.toggle{
margin-top: 28px;
cursor: pointer;
display: block; display: block;
float: right;
margin-right: 20px;
}
.blur {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(5px);
} }
</style> </style>

View File

@ -27,7 +27,6 @@
</p> </p>
</div> </div>
</template> </template>
</confidential> </confidential>
</div> </div>
@ -94,6 +93,7 @@ export default {
return this.isMultiline === true ? "multiline" : ""; return this.isMultiline === true ? "multiline" : "";
}, },
isConfidential() { isConfidential() {
console.log(this.address.confidential)
return this.address.confidential; return this.address.confidential;
} }
} }

View File

@ -44,25 +44,31 @@
<!-- TODO hasChildren <!-- TODO hasChildren
NB: we cannot call on-the-fly from RenderBox. See error message in previous version of this file. 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> </ul>
<confidential v-if="thirdparty.contactDataAnonymous"> <div v-if="thirdparty.contactDataAnonymous">
<template v-slot:confidential-content> <confidential>
<ul class="list-content fa-ul"> <template v-slot:confidential-content>
<li v-if="thirdparty.address"> <ul class="list-content fa-ul">
<i class="fa fa-li fa-map-marker"></i> <li v-if="thirdparty.address">
<address-render-box :address="thirdparty.address" :isMultiline="isMultiline"></address-render-box> <i class="fa fa-li fa-map-marker"></i>
</li> <address-render-box :address="thirdparty.address" :isMultiline="isMultiline"></address-render-box>
<li v-if="thirdparty.phonenumber"> </li>
<i class="fa fa-li fa-mobile"></i> <li v-if="thirdparty.phonenumber">
<a :href="'tel: ' + thirdparty.phonenumber">{{ thirdparty.phonenumber }}</a> <i class="fa fa-li fa-mobile"></i>
</li> <a :href="'tel: ' + thirdparty.phonenumber">{{ thirdparty.phonenumber }}</a>
<li v-if="thirdparty.email"> </li>
<i class="fa fa-li fa-envelope-o"></i> <li v-if="thirdparty.email">
<a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a> <i class="fa fa-li fa-envelope-o"></i>
</li> <a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
</ul> </li>
</template> </ul>
</confidential> </template>
</confidential>
</div>
<ul v-else class="list-content fa-ul"> <ul v-else class="list-content fa-ul">
<li v-if="thirdparty.address"> <li v-if="thirdparty.address">
<i class="fa fa-li fa-map-marker"></i> <i class="fa fa-li fa-map-marker"></i>