hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Introduce group basic federation, event new page and notifications

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2020-02-18 08:57:00 +01:00
parent 300ef8f245
commit 4144e9ffd0
416 changed files with 32220 additions and 16750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
js/src/mixins/event.ts
View File

@@ -1,21 +1,25 @@
import { mixins } from 'vue-class-component';
import { Component, Vue } from 'vue-property-decorator';
import { IEvent, IParticipant, ParticipantRole } from '@/types/event.model';
import { DELETE_EVENT, EVENT_PERSON_PARTICIPATION, FETCH_EVENT, LEAVE_EVENT } from '@/graphql/event';
import { RouteName } from '@/router';
import { IActor, IPerson } from '@/types/actor';
import { mixins } from "vue-class-component";
import { Component, Vue } from "vue-property-decorator";
import { IEvent, IParticipant, ParticipantRole } from "../types/event.model";
import {
DELETE_EVENT,
EVENT_PERSON_PARTICIPATION,
FETCH_EVENT,
LEAVE_EVENT,
} from "../graphql/event";
import RouteName from "../router/name";
import { IPerson } from "../types/actor";
@Component
export default class EventMixin extends mixins(Vue) {
protected async leaveEvent(
event: IEvent,
actorId: number,
token: String|null = null,
anonymousParticipationConfirmed: boolean|null = null,
event: IEvent,
actorId: string,
token: string | null = null,
anonymousParticipationConfirmed: boolean | null = null
) {
try {
const { data } = await this.$apollo.mutate<{ leaveEvent: IParticipant }>({
const { data: resultData } = await this.$apollo.mutate<{ leaveEvent: IParticipant }>({
mutation: LEAVE_EVENT,
variables: {
eventId: event.id,
@@ -34,10 +38,10 @@ export default class EventMixin extends mixins(Vue) {
if (participationCachedData == null) return;
const { person } = participationCachedData;
if (person === null) {
console.error('Cannot update participation cache, because of null value.');
console.error("Cannot update participation cache, because of null value.");
return;
}
participation = person.participations[0];
[participation] = person.participations;
person.participations = [];
store.writeQuery({
query: EVENT_PERSON_PARTICIPATION,
@@ -46,25 +50,32 @@ export default class EventMixin extends mixins(Vue) {
});
}
const eventCachedData = store.readQuery<{ event: IEvent }>({ query: FETCH_EVENT, variables: { uuid: event.uuid } });
const eventCachedData = store.readQuery<{ event: IEvent }>({
query: FETCH_EVENT,
variables: { uuid: event.uuid },
});
if (eventCachedData == null) return;
const { event: eventCached } = eventCachedData;
if (eventCached === null) {
console.error('Cannot update event cache, because of null value.');
console.error("Cannot update event cache, because of null value.");
return;
}
if (participation && participation.role === ParticipantRole.NOT_APPROVED) {
eventCached.participantStats.notApproved = eventCached.participantStats.notApproved - 1;
eventCached.participantStats.notApproved -= 1;
} else if (anonymousParticipationConfirmed === false) {
eventCached.participantStats.notConfirmed = eventCached.participantStats.notApproved - 1;
eventCached.participantStats.notConfirmed -= 1;
} else {
eventCached.participantStats.going = eventCached.participantStats.going - 1;
eventCached.participantStats.participant = eventCached.participantStats.participant - 1;
eventCached.participantStats.going -= 1;
eventCached.participantStats.participant -= 1;
}
store.writeQuery({ query: FETCH_EVENT, variables: { uuid: event.uuid }, data: { event: eventCached } });
store.writeQuery({
query: FETCH_EVENT,
variables: { uuid: event.uuid },
data: { event: eventCached },
});
},
});
if (data) {
if (resultData) {
this.participationCancelledMessage();
}
} catch (error) {
@@ -73,31 +84,30 @@ export default class EventMixin extends mixins(Vue) {
}
private participationCancelledMessage() {
this.$notifier.success(this.$t('You have cancelled your participation') as string);
this.$notifier.success(this.$t("You have cancelled your participation") as string);
}
protected async openDeleteEventModal(event: IEvent, currentActor: IPerson) {
function escapeRegExp(string) {
function escapeRegExp(string: string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
}
const participantsLength = event.participantStats.participant;
const prefix = participantsLength
? this.$tc('There are {participants} participants.', event.participantStats.participant, {
participants: event.participantStats.participant,
})
: '';
? this.$tc("There are {participants} participants.", event.participantStats.participant, {
participants: event.participantStats.participant,
})
: "";
this.$buefy.dialog.prompt({
type: 'is-danger',
title: this.$t('Delete event') as string,
type: "is-danger",
title: this.$t("Delete event") as string,
message: `${prefix}
${this.$t('Are you sure you want to delete this event? This action cannot be reverted.')}
${this.$t("Are you sure you want to delete this event? This action cannot be reverted.")}
<br><br>
${this.$t('To confirm, type your event title "{eventTitle}"', { eventTitle: event.title })}`,
confirmText: this.$t(
'Delete {eventTitle}',
{ eventTitle: event.title },
) as string,
${this.$t('To confirm, type your event title "{eventTitle}"', {
eventTitle: event.title,
})}`,
confirmText: this.$t("Delete {eventTitle}", { eventTitle: event.title }) as string,
inputAttrs: {
placeholder: event.title,
pattern: escapeRegExp(event.title),
@@ -118,16 +128,17 @@ export default class EventMixin extends mixins(Vue) {
},
});
/**
* When the event corresponding has been deleted (by the organizer). A notification is already triggered.
* When the event corresponding has been deleted (by the organizer).
* A notification is already triggered.
*
* @type {string}
*/
this.$emit('eventDeleted', event.id);
this.$emit("eventDeleted", event.id);
this.$buefy.notification.open({
message: this.$t('Event {eventTitle} deleted', { eventTitle }) as string,
type: 'is-success',
position: 'is-bottom-right',
message: this.$t("Event {eventTitle} deleted", { eventTitle }) as string,
type: "is-success",
position: "is-bottom-right",
duration: 5000,
});
await this.$router.push({ name: RouteName.HOME });
@@ -135,4 +146,12 @@ export default class EventMixin extends mixins(Vue) {
console.error(error);
}
}
urlToHostname(url: string): string | null {
try {
return new URL(url).hostname;
} catch (e) {
return null;
}
}
}