tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

Merge branch 'update-number-of-events-on-explore' into 'master'

Browse source 
Make the number of events fit the page on Explore

Closes #809 et #826

See merge request framasoft/mobilizon!1031
This commit is contained in:
Thomas Citharel 2021-08-13 17:18:28 +00:00
parent b4d1252ece 23b8da2085
commit 993a27b93c
2 changed files with 31 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
js/src/views/Home.vue
View file

@ -62,7 +62,8 @@
<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 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)"
@ -71,6 +72,12 @@
<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")
}}</b-message>
@ -308,7 +315,8 @@
<b-loading :active.sync="$apollo.loading" />
</p>
<div v-if="this.events.total > 0" class="columns is-multiline">
<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)"
@ -317,6 +325,12 @@
<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 />
<div v-if="goingToEvents.size > 0 || lastWeekEvents.length > 0">
@ -635,7 +649,7 @@ main > div > .container {
}
.columns {
margin: 1rem auto 3rem;
margin: 1rem auto 0;
}
}

4
js/src/views/Search.vue
View file

@ -212,9 +212,9 @@ interface ISearchTimeOption {
end?: Date | null;
}
const EVENT_PAGE_LIMIT = 10;
const EVENT_PAGE_LIMIT = 12;
const GROUP_PAGE_LIMIT = 10;
const GROUP_PAGE_LIMIT = 12;
const DEFAULT_RADIUS = 25; // value to set if radius is null but location set