mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-07-01 06:26:15 +00:00
vue Address: fix ShowAddress multiline option
This commit is contained in:
parent
2394895ccb
commit
fd8f4a98c0
@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="chill-entity entity-address my-3"></div>
|
||||
<component :is="component" class="chill-entity entity-address my-3">
|
||||
|
||||
<component :is="component" :class="'address'+ isMultiline">
|
||||
<component :is="component" class="address" :class="multiline">
|
||||
<p v-if="address.text"
|
||||
class="street">
|
||||
{{ address.text }},
|
||||
@ -14,7 +14,9 @@
|
||||
class="country">
|
||||
{{ address.country.name.fr }}
|
||||
</p>
|
||||
</component>
|
||||
|
||||
<div v-if="isMultiline">
|
||||
<div v-if="address.floor">
|
||||
<span class="floor">
|
||||
<b>{{ $t('floor') }}</b>: {{ address.floor }}
|
||||
@ -72,8 +74,9 @@
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</component>
|
||||
</div>
|
||||
|
||||
</component>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@ -83,17 +86,17 @@ export default {
|
||||
address: {
|
||||
type: Object
|
||||
},
|
||||
multiline: {
|
||||
isMultiline: {
|
||||
default: true,
|
||||
type: Boolean
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
component(){
|
||||
return this.multiline == true ? "div" : "span";
|
||||
return this.isMultiline == true ? "div" : "span";
|
||||
},
|
||||
isMultiline(){
|
||||
return this.multiline == true ? " multiline" : "";
|
||||
multiline(){
|
||||
return this.isMultiline == true ? "multiline" : "";
|
||||
}
|
||||
}
|
||||
};
|
||||
|
@ -64,9 +64,9 @@
|
||||
<div class="item-col">
|
||||
<ul class="list-content fa-ul">
|
||||
<!-- ADDRESS -->
|
||||
<li v-if="person.current_household_address" class="chill-entity entity-address">
|
||||
<li v-if="person.current_household_address">
|
||||
<i class="fa fa-li fa-map-marker"></i>
|
||||
<show-address :address="person.current_household_address" :multiline="false"></show-address>
|
||||
<show-address :address="person.current_household_address" :isMultiline="false"></show-address>
|
||||
</li>
|
||||
<!-- PHONENUMBER -->
|
||||
<!-- todo: change href for phonenumbers and format phone number? -->
|
||||
|
@ -49,9 +49,9 @@
|
||||
<div class="item-col">
|
||||
<ul class="list-content fa-ul">
|
||||
<!-- ADDRESS -->
|
||||
<li v-if="thirdparty.resource.address" class="chill-entity entity-address">
|
||||
<li v-if="thirdparty.resource.address">
|
||||
<i class="fa fa-li fa-map-marker"></i>
|
||||
<show-address :address="thirdparty.resource.address" :multiline="false"></show-address>
|
||||
<show-address :address="thirdparty.resource.address" :isMultiline="false"></show-address>
|
||||
</li>
|
||||
<!-- PHONENUMBER -->
|
||||
<!-- todo: change href for phonenumbers -->
|
||||
|
Loading…
x
Reference in New Issue
Block a user