7c11807c14
Also: * Refactor interacting with a remote event so that you can interact with a remote group as well * Add a setting for group admins to pick between an open and invite-only group * Fix new groups without posts/todos/resources/events/conversations URL set * Repair local groups that haven't got their posts/todos/resources/events/conversations URL set * Add a scheduled job to refresh remote groups every hour * Add a user setting to pick when to receive notifications when there's new members to approve (will be used when this feature is available) * Fix pagination for members Signed-off-by: Thomas Citharel <tcit@tcit.fr>
49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
<template>
|
|
<section class="container">
|
|
<h1>{{ $t("Event list") }}</h1>
|
|
<b-loading :active.sync="$apollo.loading"></b-loading>
|
|
<div v-if="events.length > 0" class="columns is-multiline">
|
|
<EventCard
|
|
v-for="event in events"
|
|
:key="event.uuid"
|
|
:event="event"
|
|
class="column is-one-quarter-desktop is-half-mobile"
|
|
/>
|
|
</div>
|
|
<b-message v-if-else="events.length === 0 && $apollo.loading === false" type="is-danger">{{
|
|
$t("No events found")
|
|
}}</b-message>
|
|
</section>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Prop, Vue } from "vue-property-decorator";
|
|
import EventCard from "../../components/Event/EventCard.vue";
|
|
import RouteName from "../../router/name";
|
|
import { IEvent } from "../../types/event.model";
|
|
|
|
@Component({
|
|
components: {
|
|
EventCard,
|
|
},
|
|
})
|
|
export default class EventList extends Vue {
|
|
@Prop(String) location!: string;
|
|
|
|
events = [];
|
|
|
|
loading = true;
|
|
|
|
locationChip = false;
|
|
|
|
locationText = "";
|
|
|
|
viewEvent(event: IEvent): void {
|
|
this.$router.push({ name: RouteName.EVENT, params: { uuid: event.uuid } });
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
<style scoped></style>
|