address: use address.confidential in AddressRenderBox.vue

This commit is contained in:
nobohan 2022-01-24 12:04:23 +01:00
parent d087f051f0
commit 6b78c06dfb

View File

@ -1,26 +1,58 @@
<template> <template>
<component :is="component" class="chill-entity entity-address my-3"> <component :is="component" class="chill-entity entity-address my-3">
<component :is="component" class="address" :class="multiline"> <component :is="component" class="address" :class="multiline">
<div v-if="isMultiline === true">
<p v-for="(l, i) in address.lines" :key="`line-${i}`"> <div v-if="isConfidential">
{{ l }} <confidential>
</p> <template v-slot:confidential-content>
<div v-if="isMultiline === true">
<p v-for="(l, i) in address.lines" :key="`line-${i}`">
{{ l }}
</p>
</div>
<div v-else>
<p v-if="address.text"
class="street">
{{ address.text }}
</p>
<p v-if="address.postcode"
class="postcode">
{{ address.postcode.code }} {{ address.postcode.name }}
</p>
<p v-if="address.country"
class="country">
{{ address.country.name.fr }}
</p>
</div>
</template>
</confidential>
</div> </div>
<div v-else>
<p v-if="address.text" <div v-if="!isConfidential">
class="street"> <div v-if="isMultiline === true">
{{ address.text }} <p v-for="(l, i) in address.lines" :key="`line-${i}`">
</p> {{ l }}
<p v-if="address.postcode" </p>
class="postcode"> </div>
{{ address.postcode.code }} {{ address.postcode.name }} <div v-else>
</p> <p v-if="address.text"
<p v-if="address.country" class="street">
class="country"> {{ address.text }}
{{ address.country.name.fr }} </p>
</p> <p v-if="address.postcode"
class="postcode">
{{ address.postcode.code }} {{ address.postcode.name }}
</p>
<p v-if="address.country"
class="country">
{{ address.country.name.fr }}
</p>
</div>
</div> </div>
</component> </component>
<!-- <div v-if="isMultiline === true" class="address-more"> <!-- <div v-if="isMultiline === true" class="address-more">
@ -78,8 +110,14 @@
</template> </template>
<script> <script>
import Confidential from 'ChillMainAssets/vuejs/_components/Confidential.vue';
export default { export default {
name: 'AddressRenderBox', name: 'AddressRenderBox',
components: {
Confidential
},
props: { props: {
address: { address: {
type: Object type: Object
@ -100,6 +138,9 @@ export default {
multiline() { multiline() {
//console.log(this.isMultiline, typeof this.isMultiline); //console.log(this.isMultiline, typeof this.isMultiline);
return this.isMultiline === true ? "multiline" : ""; return this.isMultiline === true ? "multiline" : "";
},
isConfidential() {
return this.address.confidential;
} }
} }
}; };