flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Locations list component

Browse Source
This commit is contained in:
Félix Péault
2019-12-28 13:21:27 +01:00
parent 4425f991c2
commit 4b5edc7456
1 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Locations.svelte Normal file
View File

@@ -0,0 +1,28 @@
<script>
import { locations } from '../store'
</script>
<div class="columns">
{#each $locations as location}
<div class="column is-one-third">
<div class="card">
<div class="card-content">
<a class="media" href="/location/{location.country.slug}/{location.slug}">
<figure class="media-left">
<span class="icon is-medium has-text-danger">
<i class="fas fa-map-marker-alt fa-lg"></i>
</span>
</figure>
<div class="media-content">
<span class="title is-5">{location.name}</span><br>
{location.region}, {location.country.name}<br>
<!-- {#if (location.photos.length > 0)}
{location.photos.length} {(location.photos.length > 1) ? 'photos' : 'photo'}
{/if} -->
</div>
</a>
</div>
</div>
</div>
{/each}
</div>