Work on dashboard

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/mixins/actor.ts

@@ -0,0 +1,12 @@
+import { IActor } from '@/types/actor';
+import { IEvent } from '@/types/event.model';
+import { Component, Vue } from 'vue-property-decorator';
+
+@Component
+export default class ActorMixin extends Vue {
+  actorIsOrganizer(actor: IActor, event: IEvent) {
+    console.log('actorIsOrganizer actor', actor.id);
+    console.log('actorIsOrganizer event', event);
+    return event.organizerActor && actor.id === event.organizerActor.id;
+  }
+}

js/src/mixins/event.ts

@@ -0,0 +1,61 @@
+import { mixins } from 'vue-class-component';
+import { Component, Vue } from 'vue-property-decorator';
+import { IEvent, IParticipant } from '@/types/event.model';
+import { DELETE_EVENT } from '@/graphql/event';
+import { RouteName } from '@/router';
+import { IPerson } from '@/types/actor';
+
+@Component
+export default class EventMixin extends mixins(Vue) {
+  async openDeleteEventModal (event: IEvent, currentActor: IPerson) {
+    const participantsLength = event.participantStats.approved;
+    const prefix = participantsLength
+            ? this.$tc('There are {participants} participants.', event.participantStats.approved, {
+              participants: event.participantStats.approved,
+            })
+            : '';
+
+    this.$buefy.dialog.prompt({
+      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.')}
+        <br><br>
+        ${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: event.title,
+      },
+      onConfirm: () => this.deleteEvent(event, currentActor),
+    });
+  }
+
+  private async deleteEvent(event: IEvent, currentActor: IPerson) {
+    const router = this.$router;
+    const eventTitle = event.title;
+
+    try {
+      await this.$apollo.mutate<IParticipant>({
+        mutation: DELETE_EVENT,
+        variables: {
+          eventId: event.id,
+          actorId: currentActor.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',
+        duration: 5000,
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  }
+}