From 23b8da2085f6250ca66f3f07d2f385a15358a881 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Fri, 13 Aug 2021 18:04:37 +0200
Subject: [PATCH] Add link from homepage last published events section to
search page
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
js/src/views/Home.vue | 44 ++++++++++++++++++++++++++++---------------
1 file changed, 29 insertions(+), 15 deletions(-)
diff --git a/js/src/views/Home.vue b/js/src/views/Home.vue
index 3aca6994d..00f54da48 100644
--- a/js/src/views/Home.vue
+++ b/js/src/views/Home.vue
@@ -62,14 +62,21 @@
<b-loading :active.sync="$apollo.loading" />
</p>
<b-loading :active.sync="$apollo.loading" />
- <div v-if="this.events.total > 0" class="columns is-multiline">
- <div
- class="column is-one-third-desktop"
- v-for="event in this.events.elements.slice(0, 6)"
- :key="event.uuid"
- >
- <EventCard :event="event" />
+ <div v-if="this.events.total > 0">
+ <div class="columns is-multiline">
+ <div
+ class="column is-one-third-desktop"
+ v-for="event in this.events.elements.slice(0, 6)"
+ :key="event.uuid"
+ >
+ <EventCard :event="event" />
+ </div>
</div>
+ <span class="view-all">
+ <router-link :to="{ name: RouteName.SEARCH }"
+ >{{ $t("View everything") }} >></router-link
+ >
+ </span>
</div>
<b-message v-else type="is-danger">{{
$t("No events found")
@@ -308,14 +315,21 @@
<b-loading :active.sync="$apollo.loading" />
</p>
- <div v-if="this.events.total > 0" class="columns is-multiline">
- <div
- class="column is-one-third-desktop"
- v-for="event in this.events.elements.slice(0, 6)"
- :key="event.uuid"
- >
- <recent-event-card-wrapper :event="event" />
+ <div v-if="this.events.total > 0">
+ <div class="columns is-multiline">
+ <div
+ class="column is-one-third-desktop"
+ v-for="event in this.events.elements.slice(0, 6)"
+ :key="event.uuid"
+ >
+ <recent-event-card-wrapper :event="event" />
+ </div>
</div>
+ <span class="view-all">
+ <router-link :to="{ name: RouteName.SEARCH }"
+ >{{ $t("View everything") }} >></router-link
+ >
+ </span>
</div>
<b-message v-else type="is-danger"
>{{ $t("No events found") }}<br />
@@ -635,7 +649,7 @@ main > div > .container {
}
.columns {
- margin: 1rem auto 3rem;
+ margin: 1rem auto 0;
}
}