From e19a533e9dbb25dbe1b929ccd726728550482551 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Fri, 22 Feb 2019 11:24:41 +0100 Subject: [PATCH] Add leave/join/delete event logic --- js/src/graphql/event.ts | 247 +++++++++++++++++++---------------- js/src/router/user.ts | 102 +++++++-------- js/src/types/actor.model.ts | 33 ++--- js/src/types/event.model.ts | 92 +++++++------ js/src/views/Event/Event.vue | 114 ++++++++++------ 5 files changed, 327 insertions(+), 261 deletions(-) diff --git a/js/src/graphql/event.ts b/js/src/graphql/event.ts index a3be313f..b5989eeb 100644 --- a/js/src/graphql/event.ts +++ b/js/src/graphql/event.ts @@ -1,134 +1,157 @@ import gql from 'graphql-tag'; +const participantQuery = ` + role, + actor { + preferredUsername, + avatarUrl, + name + } +`; + export const FETCH_EVENT = gql` - query($uuid:UUID!) { - event(uuid: $uuid) { - id, - uuid, - url, - local, - title, - description, - beginsOn, - endsOn, - status, - visibility, - thumbnail, - large_image, - publish_at, - # online_address, - # phone_address, - organizerActor { - avatarUrl, - preferredUsername, - name, - }, - # attributedTo { - # # avatarUrl, - # preferredUsername, - # name, - # }, - participants { - actor { - avatarUrl, - preferredUsername, - name, - }, - role, - }, - category { - title, - }, - } - } + query($uuid:UUID!) { + event(uuid: $uuid) { + id, + uuid, + url, + local, + title, + description, + beginsOn, + endsOn, + status, + visibility, + thumbnail, + large_image, + publish_at, + # online_address, + # phone_address, + organizerActor { + avatarUrl, + preferredUsername, + name, + }, + # attributedTo { + # # avatarUrl, + # preferredUsername, + # name, + # }, + participants { + ${participantQuery} + }, + category { + title, + }, + } + } `; export const FETCH_EVENTS = gql` - query { - events { - id, - uuid, - url, - local, + query { + events { + id, + uuid, + url, + local, + title, + description, + beginsOn, + endsOn, + status, + visibility, + thumbnail, + large_image, + publish_at, + # online_address, + # phone_address, + organizerActor { + avatarUrl, + preferredUsername, + name, + }, + attributedTo { + avatarUrl, + preferredUsername, + name, + }, + category { title, - description, - beginsOn, - endsOn, - status, - visibility, - thumbnail, - large_image, - publish_at, - # online_address, - # phone_address, - organizerActor { - avatarUrl, - preferredUsername, - name, - }, - attributedTo { - avatarUrl, - preferredUsername, - name, - }, - category { - title, - }, - participants { - role, - actor { - preferredUsername, - avatarUrl, - name - } - } + }, + participants { + ${participantQuery} + } } -} + } `; export const CREATE_EVENT = gql` - mutation CreateEvent( - $title: String!, - $description: String!, - $organizerActorId: String!, - $category: String!, - $beginsOn: DateTime! + mutation CreateEvent( + $title: String!, + $description: String!, + $organizerActorId: String!, + $category: String!, + $beginsOn: DateTime! + ) { + createEvent( + title: $title, + description: $description, + beginsOn: $beginsOn, + organizerActorId: $organizerActorId, + category: $category ) { - createEvent( - title: $title, - description: $description, - beginsOn: $beginsOn, - organizerActorId: $organizerActorId, - category: $category - ) { - id, - uuid, - title - } -} + id, + uuid, + title + } + } `; export const EDIT_EVENT = gql` - mutation EditEvent( - $title: String!, - $description: String!, - $organizerActorId: Int!, - $categoryId: Int! - ) { + mutation EditEvent( + $title: String!, + $description: String!, + $organizerActorId: Int!, + $categoryId: Int! + ) { EditEvent(title: $title, description: $description, organizerActorId: $organizerActorId, categoryId: $categoryId) { - uuid + uuid } -} + } `; export const JOIN_EVENT = gql` - mutation JoinEvent( - $uuid: String!, - $username: String! + mutation JoinEvent($id: Int!, $actorId: Int!) { + joinEvent( + id: $id, + actorId: $actorId ) { - joinEvent( - uuid: $uuid, - username: $username - ) -} + actor { + ${participantQuery} + }, + role + } + } +`; + +export const LEAVE_EVENT = gql` + mutation LeaveEvent($id: Int!, $actorId: Int!) { + leaveEvent( + id: $id, + actorId: $actorId + ) { + actor { + id + } + } + } +`; + +export const DELETE_EVENT = gql` + mutation DeleteEvent($id: Int!, $actorId: Int!) { + deleteEvent( + id: $id, + actorId: $actorId + ) + } `; diff --git a/js/src/router/user.ts b/js/src/router/user.ts index 81172373..24bb0b98 100644 --- a/js/src/router/user.ts +++ b/js/src/router/user.ts @@ -7,54 +7,54 @@ import SendPasswordReset from '@/views/User/SendPasswordReset.vue'; import PasswordReset from '@/views/User/PasswordReset.vue'; export default [ - { - path: '/register/user', - name: 'Register', - component: RegisterUser, - props: true, - meta: { requiredAuth: false }, - }, - { - path: '/register/profile', - name: 'RegisterProfile', - component: RegisterProfile, - props: true, - meta: { requiredAuth: false }, - }, - { - path: '/resend-instructions', - name: 'ResendConfirmation', - component: ResendConfirmation, - props: true, - meta: { requiresAuth: false }, - }, - { - path: '/password-reset/send', - name: 'SendPasswordReset', - component: SendPasswordReset, - props: true, - meta: { requiresAuth: false }, - }, - { - path: '/password-reset/:token', - name: 'PasswordReset', - component: PasswordReset, - meta: { requiresAuth: false }, - props: true, - }, - { - path: '/validate/:token', - name: 'Validate', - component: Validate, - // We can only pass string values through params, therefore - props: (route) => ({ email: route.params.email, userAlreadyActivated: route.params.userAlreadyActivated === 'true'}), - meta: { requiresAuth: false }, - }, - { - path: '/login', - name: 'Login', - component: Login, - props: true, - meta: { requiredAuth: false }, - }, -]; \ No newline at end of file + { + path: '/register/user', + name: 'Register', + component: RegisterUser, + props: true, + meta: { requiredAuth: false }, + }, + { + path: '/register/profile', + name: 'RegisterProfile', + component: RegisterProfile, + props: true, + meta: { requiredAuth: false }, + }, + { + path: '/resend-instructions', + name: 'ResendConfirmation', + component: ResendConfirmation, + props: true, + meta: { requiresAuth: false }, + }, + { + path: '/password-reset/send', + name: 'SendPasswordReset', + component: SendPasswordReset, + props: true, + meta: { requiresAuth: false }, + }, + { + path: '/password-reset/:token', + name: 'PasswordReset', + component: PasswordReset, + meta: { requiresAuth: false }, + props: true, + }, + { + path: '/validate/:token', + name: 'Validate', + component: Validate, + // We can only pass string values through params, therefore + props: (route) => ({ email: route.params.email, userAlreadyActivated: route.params.userAlreadyActivated === 'true'}), + meta: { requiresAuth: false }, + }, + { + path: '/login', + name: 'Login', + component: Login, + props: true, + meta: { requiredAuth: false }, + }, +]; diff --git a/js/src/types/actor.model.ts b/js/src/types/actor.model.ts index a5803c0b..215df38c 100644 --- a/js/src/types/actor.model.ts +++ b/js/src/types/actor.model.ts @@ -1,13 +1,13 @@ export interface IActor { - id: string; - url: string; - name: string; - domain: string|null; - summary: string; - preferredUsername: string; - suspended: boolean; - avatarUrl: string; - bannerUrl: string; + id: string; + url: string; + name: string; + domain: string|null; + summary: string; + preferredUsername: string; + suspended: boolean; + avatarUrl: string; + bannerUrl: string; } export interface IPerson extends IActor { @@ -15,15 +15,18 @@ export interface IPerson extends IActor { } export interface IGroup extends IActor { - members: IMember[]; + members: IMember[]; } export enum MemberRole { - PENDING, MEMBER, MODERATOR, ADMIN + PENDING, + MEMBER, + MODERATOR, + ADMIN, } export interface IMember { - role: MemberRole; - parent: IGroup; - actor: IActor; -} \ No newline at end of file + role: MemberRole; + parent: IGroup; + actor: IActor; +} diff --git a/js/src/types/event.model.ts b/js/src/types/event.model.ts index e985748f..48c713d1 100644 --- a/js/src/types/event.model.ts +++ b/js/src/types/event.model.ts @@ -1,62 +1,70 @@ -import { IActor } from "./actor.model"; +import { IActor } from './actor.model'; export enum EventStatus { - TENTATIVE, - CONFIRMED, - CANCELLED + TENTATIVE, + CONFIRMED, + CANCELLED, } export enum EventVisibility { - PUBLIC, - UNLISTED, - RESTRICTED, - PRIVATE + PUBLIC, + UNLISTED, + RESTRICTED, + PRIVATE, } export enum EventJoinOptions { - FREE, - RESTRICTED, - INVITE + FREE, + RESTRICTED, + INVITE, } export enum ParticipantRole { - NOT_APPROVED = 'not_approved', - PARTICIPANT = 'participant', - MODERATOR = 'moderator', - ADMINSTRATOR = 'administrator', - CREATOR = 'creator' + NOT_APPROVED = 'not_approved', + PARTICIPANT = 'participant', + MODERATOR = 'moderator', + ADMINISTRATOR = 'administrator', + CREATOR = 'creator', } export interface ICategory { - title: string; - description: string; - picture: string; + title: string; + description: string; + picture: string; } export interface IParticipant { - role: ParticipantRole, - actor: IActor, - event: IEvent + role: ParticipantRole; + actor: IActor; + event: IEvent; } export interface IEvent { - uuid: string; - url: string; - local: boolean; - title: string; - description: string; - begins_on: Date; - ends_on: Date; - status: EventStatus; - visibility: EventVisibility; - join_options: EventJoinOptions; - thumbnail: string; - large_image: string; - publish_at: Date; - // online_address: Adress; - // phone_address: string; - organizerActor: IActor; - attributedTo: IActor; - participants: IParticipant[]; - category: ICategory; -} \ No newline at end of file + id?: number; + uuid: string; + url: string; + local: boolean; + + title: string; + description: string; + category: ICategory; + + begins_on: Date; + ends_on: Date; + publish_at: Date; + + status: EventStatus; + visibility: EventVisibility; + + join_options: EventJoinOptions; + + thumbnail: string; + large_image: string; + + organizerActor: IActor; + attributedTo: IActor; + participants: IParticipant[]; + + // online_address: Address; + // phone_address: string; +} diff --git a/js/src/views/Event/Event.vue b/js/src/views/Event/Event.vue index d2854ae0..24a03639 100644 --- a/js/src/views/Event/Event.vue +++ b/js/src/views/Event/Event.vue @@ -93,13 +93,15 @@ - - -