mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-12 21:34:25 +00:00
Fix confidential toggle bug
This commit is contained in:
parent
292d56cfbe
commit
5d530aaae9
@ -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>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user