mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-13 13:54:23 +00:00
address: use address.confidential in AddressRenderBox.vue
This commit is contained in:
parent
d087f051f0
commit
6b78c06dfb
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user