Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
25
0
Fork 0
Code Issues Pull Requests Releases 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
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

44
js/src/views/Home.vue
View File

@ -62,14 +62,21 @@
<b-loading :active.sync="$apollo.loading" /> <b-loading :active.sync="$apollo.loading" />
</p> </p>
<b-loading :active.sync="$apollo.loading" /> <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 <div class="columns is-multiline">
class="column is-one-third-desktop" <div
v-for="event in this.events.elements.slice(0, 6)" class="column is-one-third-desktop"
:key="event.uuid" v-for="event in this.events.elements.slice(0, 6)"
> :key="event.uuid"
<EventCard :event="event" /> >
<EventCard :event="event" />
</div>
</div> </div>
<span class="view-all">
<router-link :to="{ name: RouteName.SEARCH }"
>{{ $t("View everything") }} >></router-link
>
</span>
</div> </div>
<b-message v-else type="is-danger">{{ <b-message v-else type="is-danger">{{
$t("No events found") $t("No events found")
@ -308,14 +315,21 @@
<b-loading :active.sync="$apollo.loading" /> <b-loading :active.sync="$apollo.loading" />
</p> </p>
<div v-if="this.events.total > 0" class="columns is-multiline"> <div v-if="this.events.total > 0">
<div <div class="columns is-multiline">
class="column is-one-third-desktop" <div
v-for="event in this.events.elements.slice(0, 6)" class="column is-one-third-desktop"
:key="event.uuid" v-for="event in this.events.elements.slice(0, 6)"
> :key="event.uuid"
<recent-event-card-wrapper :event="event" /> >
<recent-event-card-wrapper :event="event" />
</div>
</div> </div>
<span class="view-all">
<router-link :to="{ name: RouteName.SEARCH }"
>{{ $t("View everything") }} >></router-link
>
</span>
</div> </div>
<b-message v-else type="is-danger" <b-message v-else type="is-danger"
>{{ $t("No events found") }}<br /> >{{ $t("No events found") }}<br />
@ -635,7 +649,7 @@ main > div > .container {
} }
.columns { .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; 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 const DEFAULT_RADIUS = 25; // value to set if radius is null but location set