phyks/flatisfy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve flat view

Browse Source
This commit is contained in:
Gautier P 2021-02-12 11:51:48 +01:00
parent 67da9a055e
commit 6862648d50
1 changed files with 31 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
flatisfy/web/js_src/components/flat.vue
View File

@ -15,7 +15,7 @@
</h2> </h2>
<div class="grid"> <div class="grid">
<div class="left-panel"> <div class="left-panel">
<p> <span>
{{ flat.cost | cost(flat.currency) }} {{ flat.cost | cost(flat.currency) }}
<template v-if="flat.utilities === 'included'"> <template v-if="flat.utilities === 'included'">
{{ $t("flatsDetails.utilities_included") }} {{ $t("flatsDetails.utilities_included") }}
@ -23,13 +23,14 @@
<template v-else-if="flat.utilities === 'excluded'"> <template v-else-if="flat.utilities === 'excluded'">
{{ $t("flatsDetails.utilities_excluded") }} {{ $t("flatsDetails.utilities_excluded") }}
</template> </template>
</p> </span>
<span v-if="flat.flatisfy_postal_code.postal_code">
à {{ flat.flatisfy_postal_code.name }} ({{ flat.flatisfy_postal_code.postal_code }})
</span>
</div> </div>
<p class="right-panel right"> <span class="right-panel right">
{{ flat.area ? flat.area : '?' }} m<sup>2</sup>, <template v-if="flat.area"><span>{{flat.area}} m<sup>2</sup></span></template><template v-if="flat.rooms"><span>, {{flat.rooms}} {{ $tc("flatsDetails.rooms", flat.rooms) }}</span></template><template v-if="flat.bedrooms"><span>/ {{flat.bedrooms}} {{ $tc("flatsDetails.bedrooms", flat.bedrooms) }}</span></template>
{{ flat.rooms ? flat.rooms : '?' }} {{ $tc("flatsDetails.rooms", flat.rooms) }} / </span>
{{ flat.bedrooms ? flat.bedrooms : '?' }} {{ $tc("flatsDetails.bedrooms", flat.bedrooms) }}
</p>
</div> </div>
<div> <div>
<template v-if="flat.photos && flat.photos.length > 0"> <template v-if="flat.photos && flat.photos.length > 0">
@ -116,26 +117,29 @@
<div class="right-panel"> <div class="right-panel">
<h3>{{ $t("flatsDetails.Contact") }}</h3> <h3>{{ $t("flatsDetails.Contact") }}</h3>
<div class="contact"> <div class="contact">
<p> <template v-if="flat.phone">
<template v-if="flat.phone"> <p v-for="phoneNumber in flat.phone.split(',')">
<template v-for="phoneNumber in flat.phone.split(',')"> <a :href="'tel:+33' + normalizePhoneNumber(phoneNumber)">{{ phoneNumber }}</a>
<a :href="'tel:+33' + normalizePhoneNumber(phoneNumber)">{{ phoneNumber }}</a><br/> </p>
</template> </template>
</template> <template v-if="flat.urls.length == 1">
<template v-else> <a :href="flat.urls[0]" target="_blank">
{{ $t("flatsDetails.no_phone_found") }} {{ $tc("common.Original_post", 1) }}
</template> <i class="fa fa-external-link" aria-hidden="true"></i>
</p> </a>
<p>{{ $tc("common.Original_post", flat.urls.length) }} </template>
<ul> <template v-else-if="flat.urls.length > 1">
<li v-for="(url, index) in flat.urls"> <p>{{ $tc("common.Original_post", flat.urls.length) }}
<a :href="url" target="_blank"> <ul>
{{ $tc("common.Original_post", 1) }} {{ index + 1 }} <li v-for="(url, index) in flat.urls">
<i class="fa fa-external-link" aria-hidden="true"></i> <a :href="url" target="_blank">
</a> {{ $tc("common.Original_post", 1) }} {{ index + 1 }}
</li> <i class="fa fa-external-link" aria-hidden="true"></i>
</ul> </a>
</p> </li>
</ul>
</p>
</template>
</div> </div>
<h3>{{ $t("flatsDetails.Visit") }}</h3> <h3>{{ $t("flatsDetails.Visit") }}</h3>