Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-07-01 14:36:13 +00:00
Code Issues Actions Projects Releases Wiki Activity

vue Address: fix ShowAddress multiline option

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-08-19 15:41:54 +02:00
parent 2394895ccb
commit fd8f4a98c0
3 changed files with 64 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowAddress.vue
View File

@ -1,7 +1,7 @@
<template> <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" <p v-if="address.text"
class="street"> class="street">
{{ address.text }}, {{ address.text }},
@ -14,7 +14,9 @@
class="country"> class="country">
{{ address.country.name.fr }} {{ address.country.name.fr }}
</p> </p>
</component>
<div v-if="isMultiline">
<div v-if="address.floor"> <div v-if="address.floor">
<span class="floor"> <span class="floor">
<b>{{ $t('floor') }}</b>: {{ address.floor }} <b>{{ $t('floor') }}</b>: {{ address.floor }}
@ -72,8 +74,9 @@
</span> </span>
</div> </div>
</div> </div>
</component> </div>
</component>
</template> </template>
<script> <script>
@ -83,25 +86,25 @@ export default {
address: { address: {
type: Object type: Object
}, },
multiline: { isMultiline: {
default: true, default: true,
type: Boolean type: Boolean
} }
}, },
computed: { computed: {
component(){ component(){
return this.multiline == true ? "div" : "span"; return this.isMultiline == true ? "div" : "span";
}, },
isMultiline(){ multiline(){
return this.multiline == true ? " multiline" : ""; return this.isMultiline == true ? "multiline" : "";
} }
} }
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
p{ p {
&:after{ &:after {
content: " "; content: " ";
margin-right: 0.3em; margin-right: 0.3em;
} }

4
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
View File

@ -64,9 +64,9 @@
<div class="item-col"> <div class="item-col">
<ul class="list-content fa-ul"> <ul class="list-content fa-ul">
<!-- ADDRESS --> <!-- 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> <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> </li>
<!-- PHONENUMBER --> <!-- PHONENUMBER -->
<!-- todo: change href for phonenumbers and format phone number? --> <!-- todo: change href for phonenumbers and format phone number? -->

4
src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/ThirdPartyRenderbox.vue
View File

@ -49,9 +49,9 @@
<div class="item-col"> <div class="item-col">
<ul class="list-content fa-ul"> <ul class="list-content fa-ul">
<!-- ADDRESS --> <!-- 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> <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> </li>
<!-- PHONENUMBER --> <!-- PHONENUMBER -->
<!-- todo: change href for phonenumbers --> <!-- todo: change href for phonenumbers -->