Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
25
0
Fork 0
Code Issues Pull Requests Releases Activity

Front-end stuff

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2018-05-19 10:19:21 +02:00
parent cf0cbc8bde
commit e47ff97ac6
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
30 changed files with 435 additions and 357 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
js/.env.dist Normal file
View File

@ -0,0 +1,3 @@
API_HOST=event.tcit.fr
API_ORIGIN=https://event.tcit.fr
API_PATH=/api/v1

2
js/.gitignore vendored
View File

@ -22,3 +22,5 @@ yarn-error.log*
*.njsproj *.njsproj
*.sln *.sln
*.sw* *.sw*
.env

15
js/package-lock.json generated
View File

@ -4449,6 +4449,21 @@
"is-obj": "^1.0.0" "is-obj": "^1.0.0"
} }
}, },
"dotenv": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/dotenv/-/dotenv-5.0.1.tgz",
"integrity": "sha512-4As8uPrjfwb7VXC+WnLCbXK7y+Ueb2B3zgNCePYfhxS1PYeaO1YTeplffTEcbfLhvFNGLAz90VvJs9yomG7bow==",
"dev": true
},
"dotenv-webpack": {
"version": "1.5.5",
"resolved": "https://registry.npmjs.org/dotenv-webpack/-/dotenv-webpack-1.5.5.tgz",
"integrity": "sha1-NEEJTwTTBLYRnmtyUk5i+zJS9fI=",
"dev": true,
"requires": {
"dotenv": "^5.0.1"
}
},
"duplexify": { "duplexify": {
"version": "3.6.0", "version": "3.6.0",
"resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.0.tgz", "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.0.tgz",

1
js/package.json
View File

@ -23,6 +23,7 @@
"vuex-i18n": "^1.10.5" "vuex-i18n": "^1.10.5"
}, },
"devDependencies": { "devDependencies": {
"dotenv-webpack": "^1.5.5",
"@vue/cli-plugin-babel": "^3.0.0-beta.10", "@vue/cli-plugin-babel": "^3.0.0-beta.10",
"@vue/cli-plugin-e2e-nightwatch": "^3.0.0-beta.10", "@vue/cli-plugin-e2e-nightwatch": "^3.0.0-beta.10",
"@vue/cli-plugin-eslint": "^3.0.0-beta.10", "@vue/cli-plugin-eslint": "^3.0.0-beta.10",

2
js/src/App.vue
View File

@ -61,7 +61,7 @@
<v-icon>add</v-icon> <v-icon>add</v-icon>
</v-btn> </v-btn>
<v-footer class="indigo" app> <v-footer class="indigo" app>
<span class="white--text">© Thomas Citharel {{ new Date().getFullYear() }} - Made with <a href="https://api-platform.com/">API Platform</a> & <a href="https://vuejs.org/">VueJS</a> & <a href="https://www.vuetifyjs.com/">Vuetify</a> with some love and some weeks</span> <span class="white--text">© Thomas Citharel {{ new Date().getFullYear() }} - Made with Elixir, Phoenix & <a href="https://vuejs.org/">VueJS</a> & <a href="https://www.vuetifyjs.com/">Vuetify</a> with some love and some weeks</span>
</v-footer> </v-footer>
<v-snackbar <v-snackbar
:timeout="error.timeout" :timeout="error.timeout"

5
js/src/api/_entrypoint.js
View File

@ -1,2 +1,3 @@
export const API_HOST = 'http://0.0.0.0:4000'; export const API_HOST = process.env.API_HOST;
export const API_PATH = '/api'; export const API_ORIGIN = process.env.API_ORIGIN;
export const API_PATH = process.env.API_PATH;

4
js/src/api/eventFetch.js
View File

@ -1,4 +1,4 @@
import { API_HOST, API_PATH } from './_entrypoint'; import { API_ORIGIN, API_PATH } from './_entrypoint';
const jsonLdMimeType = 'application/json'; const jsonLdMimeType = 'application/json';
@ -19,7 +19,7 @@ export default function eventFetch(url, store, optionsarg = {}) {
options.headers.set('Authorization', `Bearer ${localStorage.getItem('token')}`); options.headers.set('Authorization', `Bearer ${localStorage.getItem('token')}`);
} }
const link = url.includes(API_PATH) ? API_HOST + url : API_HOST + API_PATH + url; const link = url.includes(API_PATH) ? API_ORIGIN + url : API_ORIGIN + API_PATH + url;
return fetch(link, options).then((response) => { return fetch(link, options).then((response) => {
if (response.ok) return response; if (response.ok) return response;

10
js/src/auth/index.js
View File

@ -1,10 +1,10 @@
import { API_HOST, API_PATH } from '../api/_entrypoint'; import { API_ORIGIN, API_PATH } from '../api/_entrypoint';
// URL and endpoint constants // URL and endpoint constants
const LOGIN_URL = `${API_HOST}${API_PATH}/login`; const LOGIN_URL = `${API_ORIGIN}${API_PATH}/login`;
const SIGNUP_URL = `${API_HOST}${API_PATH}/users/`; const SIGNUP_URL = `${API_ORIGIN}${API_PATH}/users/`;
const CHECK_AUTH = `${API_HOST}${API_PATH}/user/`; const CHECK_AUTH = `${API_ORIGIN}${API_PATH}/user/`;
const REFRESH_TOKEN = `${API_HOST}${API_PATH}/token/refresh`; const REFRESH_TOKEN = `${API_ORIGIN}${API_PATH}/token/refresh`;
export default { export default {

31
js/src/components/Account/Account.vue
View File

@ -10,7 +10,7 @@
<v-icon>chevron_left</v-icon> <v-icon>chevron_left</v-icon>
</v-btn> </v-btn>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn icon class="mr-3" v-if="$store.state.user && $store.state.user.account.id === account.id"> <v-btn icon class="mr-3" v-if="$store.state.user && $store.state.user.actor.id === actor.id">
<v-icon>edit</v-icon> <v-icon>edit</v-icon>
</v-btn> </v-btn>
<v-btn icon> <v-btn icon>
@ -33,9 +33,9 @@
<v-container fluid grid-list-lg> <v-container fluid grid-list-lg>
<v-layout row> <v-layout row>
<v-flex xs7> <v-flex xs7>
<div class="headline">{{ account.display_name }}</div> <div class="headline">{{ actor.display_name }}</div>
<div><span class="subheading">@{{ account.username }}</span><span v-if="account.server">@{{ account.server.address }}</span></div> <div><span class="subheading">@{{ actor.username }}</span><span v-if="actor.server">@{{ actor.server.address }}</span></div>
<v-card-text v-if="account.description" v-html="account.description"></v-card-text> <v-card-text v-if="actor.description" v-html="actor.description"></v-card-text>
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>
@ -74,10 +74,10 @@
</v-list-tile-content> </v-list-tile-content>
</v-list-tile> </v-list-tile>
</v-list> </v-list>
<v-container fluid grid-list-md v-if="account.participatingEvents && account.participatingEvents.length > 0"> <v-container fluid grid-list-md v-if="actor.participatingEvents && actor.participatingEvents.length > 0">
<v-subheader>Participated at</v-subheader> <v-subheader>Participated at</v-subheader>
<v-layout row wrap> <v-layout row wrap>
<v-flex v-for="event in account.participatingEvents" :key="event.id"> <v-flex v-for="event in actor.participatingEvents" :key="event.id">
<v-card> <v-card>
<v-card-media <v-card-media
class="black--text" class="black--text"
@ -115,10 +115,10 @@
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>
<v-container fluid grid-list-md v-if="account.organizingEvents && account.organizingEvents.length > 0"> <v-container fluid grid-list-md v-if="actor.organizingEvents && actor.organizingEvents.length > 0">
<v-subheader>Organized events</v-subheader> <v-subheader>Organized events</v-subheader>
<v-layout row wrap> <v-layout row wrap>
<v-flex v-for="event in account.organizingEvents" :key="event.id"> <v-flex v-for="event in actor.organizingEvents" :key="event.id">
<v-card> <v-card>
<v-card-media <v-card-media
class="black--text" class="black--text"
@ -169,11 +169,16 @@ export default {
name: 'Account', name: 'Account',
data() { data() {
return { return {
account: null, actor: null,
loading: true, loading: true,
} }
}, },
props: ['id'], props: {
name: {
type: String,
required: true,
}
},
mounted() { mounted() {
this.fetchData(); this.fetchData();
}, },
@ -183,12 +188,12 @@ export default {
}, },
methods: { methods: {
fetchData() { fetchData() {
eventFetch(`/accounts/${this.id}`, this.$store) eventFetch(`/actors/${this.name}`, this.$store)
.then(response => response.json()) .then(response => response.json())
.then((response) => { .then((response) => {
this.account = response.data; this.actor = response.data;
this.loading = false; this.loading = false;
console.log(this.account); console.log(this.actor);
}) })
} }
} }

25
js/src/components/Event/Create.vue
View File

@ -1,11 +1,18 @@
<template> <template>
<v-container fluid grid-list-md> <v-container fluid grid-list-sm>
<h3>Create a new event</h3> <h3>Create a new event</h3>
<v-form> <v-form>
<v-stepper v-model="e1" vertical> <v-stepper v-model="e1">
<v-stepper-step step="1" :complete="e1 > 1">Basic Informations <v-stepper-header>
<v-stepper-step step="1" :complete="e1 > 1" editable>Basic Informations
<small>Title and description</small> <small>Title and description</small>
</v-stepper-step> </v-stepper-step>
<v-divider></v-divider>
<v-stepper-step step="2" :complete="e1 > 2" editable>Date and place</v-stepper-step>
<v-divider></v-divider>
<v-stepper-step step="3" :complete="e1 > 3">Extra informations</v-stepper-step>
</v-stepper-header>
<v-stepper-items>
<v-stepper-content step="1"> <v-stepper-content step="1">
<v-layout row wrap> <v-layout row wrap>
<v-flex xs12> <v-flex xs12>
@ -59,7 +66,6 @@
</v-layout> </v-layout>
<v-btn color="primary" @click.native="e1 = 2">Next</v-btn> <v-btn color="primary" @click.native="e1 = 2">Next</v-btn>
</v-stepper-content> </v-stepper-content>
<v-stepper-step step="2" :complete="e1 > 2">Date and place</v-stepper-step>
<v-stepper-content step="2"> <v-stepper-content step="2">
Event starts at: Event starts at:
<v-text-field type="datetime-local" v-model="event.begins_on"></v-text-field> <v-text-field type="datetime-local" v-model="event.begins_on"></v-text-field>
@ -177,7 +183,6 @@
</vuetify-google-autocomplete> </vuetify-google-autocomplete>
<v-btn color="primary" @click.native="e1 = 3">Next</v-btn> <v-btn color="primary" @click.native="e1 = 3">Next</v-btn>
</v-stepper-content> </v-stepper-content>
<v-stepper-step step="3" :complete="e1 > 3">Extra informations</v-stepper-step>
<v-stepper-content step="3"> <v-stepper-content step="3">
<v-text-field <v-text-field
label="Number of seats" label="Number of seats"
@ -190,6 +195,7 @@
v-model="event.price" v-model="event.price"
></v-text-field> ></v-text-field>
</v-stepper-content> </v-stepper-content>
</v-stepper-items>
</v-stepper> </v-stepper>
</v-form> </v-form>
<v-btn color="primary" @click="create">Create event</v-btn> <v-btn color="primary" @click="create">Create event</v-btn>
@ -240,7 +246,7 @@
participants: [], participants: [],
}, },
categories: [], categories: [],
tags: [{ name: 'test' }, { name: 'montag' }], tags: [],
tagsToSend: [], tagsToSend: [],
tagsFetched: [], tagsFetched: [],
}; };
@ -259,13 +265,13 @@
this.event.seats = parseInt(this.event.seats, 10); this.event.seats = parseInt(this.event.seats, 10);
this.tagsToSend.forEach((tag) => { this.tagsToSend.forEach((tag) => {
this.event.tags.push({ this.event.tags.push({
name: tag, title: tag,
// '@type': 'Tag', // '@type': 'Tag',
}); });
}); });
this.event.category_id = this.event.category.id; this.event.category_id = this.event.category.id;
this.event.organizer_account_id = this.$store.state.user.account.id; this.event.organizer_actor_id = this.$store.state.user.actor.id;
this.event.participants = [this.$store.state.user.account.id]; this.event.participants = [this.$store.state.user.actor.id];
this.event.price = parseFloat(this.event.price); this.event.price = parseFloat(this.event.price);
if (this.id === undefined) { if (this.id === undefined) {
@ -283,6 +289,7 @@
this.$router.push({name: 'Event', params: {id: data.id}}); this.$router.push({name: 'Event', params: {id: data.id}});
}); });
} }
this.event.tags = [];
}, },
fetchCategories() { fetchCategories() {
eventFetch('/categories', this.$store) eventFetch('/categories', this.$store)

38
js/src/components/Event/Event.vue
View File

@ -11,7 +11,7 @@
<v-icon>chevron_left</v-icon> <v-icon>chevron_left</v-icon>
</v-btn> </v-btn>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn icon class="mr-3" v-if="event.organizer.id === $store.state.user.account.id" :to="{ name: 'EditEvent', params: {id: event.id}}"> <v-btn icon class="mr-3" v-if="event.organizer.id === $store.state.user.actor.id" :to="{ name: 'EditEvent', params: {id: event.id}}">
<v-icon>edit</v-icon> <v-icon>edit</v-icon>
</v-btn> </v-btn>
<v-menu bottom left> <v-menu bottom left>
@ -22,7 +22,7 @@
<v-list-tile @click="downloadIcsEvent()"> <v-list-tile @click="downloadIcsEvent()">
<v-list-tile-title>Download</v-list-tile-title> <v-list-tile-title>Download</v-list-tile-title>
</v-list-tile> </v-list-tile>
<v-list-tile @click="deleteEvent()" v-if="$store.state.user.account.id === event.organizer.id"> <v-list-tile @click="deleteEvent()" v-if="$store.state.user.actor.id === event.organizer.id">
<v-list-tile-title>Delete</v-list-tile-title> <v-list-tile-title>Delete</v-list-tile-title>
</v-list-tile> </v-list-tile>
</v-list> </v-list>
@ -54,8 +54,8 @@
</router-link> </router-link>
Organisateur <span>{{ event.organizer.username }}</span> Organisateur <span>{{ event.organizer.username }}</span>
</v-flex> </v-flex>
<v-flex xs2 v-for="account in event.participants" :key="account.id"> <v-flex xs2 v-for="actor in event.participants" :key="actor.id">
<router-link :to="{name: 'Account', params: {'id': account.id}}"> <router-link :to="{name: 'Account', params: {'id': actor.id}}">
<v-avatar size="75px"> <v-avatar size="75px">
<img v-if="!account.avatar_url" <img v-if="!account.avatar_url"
class="img-circle elevation-7 mb-1" class="img-circle elevation-7 mb-1"
@ -67,13 +67,13 @@
> >
</v-avatar> </v-avatar>
</router-link> </router-link>
<span>{{ account.username }}</span> <span>{{ actor.username }}</span>
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>
<v-card-actions> <v-card-actions>
<button v-if="!event.participants.map(participant => participant.id).includes($store.state.user.account.id)" @click="joinEvent" class="btn btn-primary">Join</button> <button v-if="!event.participants.map(participant => participant.id).includes($store.state.user.actor.id)" @click="joinEvent" class="btn btn-primary">Join</button>
<button v-if="event.participants.map(participant => participant.id).includes($store.state.user.account.id)" @click="leaveEvent" class="btn btn-primary">Leave</button> <button v-if="event.participants.map(participant => participant.id).includes($store.state.user.actor.id)" @click="leaveEvent" class="btn btn-primary">Leave</button>
<button @click="deleteEvent" class="btn btn-danger">Delete</button> <button @click="deleteEvent" class="btn btn-danger">Delete</button>
</v-card-actions> </v-card-actions>
</v-layout> </v-layout>
@ -97,7 +97,8 @@
loading: true, loading: true,
error: false, error: false,
event: { event: {
id: this.id, name: this.name,
slug: this.slug,
title: '', title: '',
description: '', description: '',
organizer: { organizer: {
@ -111,11 +112,11 @@
methods: { methods: {
deleteEvent() { deleteEvent() {
const router = this.$router; const router = this.$router;
eventFetch(`/events/${this.id}`, this.$store, { method: 'DELETE' }) eventFetch(`/events/${this.name}/${this.slug}`, this.$store, { method: 'DELETE' })
.then(() => router.push({'name': 'EventList'})); .then(() => router.push({'name': 'EventList'}));
}, },
fetchData() { fetchData() {
eventFetch(`/events/${this.id}`, this.$store) eventFetch(`/events/${this.name}/${this.slug}`, this.$store)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
this.loading = false; this.loading = false;
@ -129,21 +130,21 @@
}); });
}, },
joinEvent() { joinEvent() {
eventFetch(`/events/${this.id}/join`, this.$store) eventFetch(`/events/${this.name}/${this.slug}/join`, this.$store)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
console.log(data); console.log(data);
}); });
}, },
leaveEvent() { leaveEvent() {
eventFetch(`/events/${this.id}/leave`, this.$store) eventFetch(`/events/${this.name}/${this.slug}/leave`, this.$store)
.then(response => response.json()) .then(response => response.json())
.then((data) => { .then((data) => {
console.log(data); console.log(data);
}); });
}, },
downloadIcsEvent() { downloadIcsEvent() {
eventFetch('/events/' + this.event.id + '/ics', this.$store, {responseType: 'arraybuffer'}) eventFetch(`/events/${this.name}/${this.slug}/ics`, this.$store, {responseType: 'arraybuffer'})
.then((response) => response.text()) .then((response) => response.text())
.then(response => { .then(response => {
const blob = new Blob([response],{type: 'text/calendar'}); const blob = new Blob([response],{type: 'text/calendar'});
@ -156,7 +157,16 @@
}) })
}, },
}, },
props: ['id'], props: {
name: {
type: String,
required: true,
},
slug: {
type: String,
required: true
},
},
created() { created() {
this.fetchData(); this.fetchData();
}, },

16
js/src/components/Event/EventList.vue
View File

@ -28,12 +28,12 @@
<v-container> <v-container>
<!--<span class="grey&#45;&#45;text">{{ event.startDate | formatDate }} à <router-link :to="{name: 'EventList', params: {location: geocode(event.address.geo.latitude, event.address.geo.longitude, 10) }}">{{ event.address.addressLocality }}</router-link></span><br>--> <!--<span class="grey&#45;&#45;text">{{ event.startDate | formatDate }} à <router-link :to="{name: 'EventList', params: {location: geocode(event.address.geo.latitude, event.address.geo.longitude, 10) }}">{{ event.address.addressLocality }}</router-link></span><br>-->
<p><vue-markdown>{{ event.description }}</vue-markdown></p> <p><vue-markdown>{{ event.description }}</vue-markdown></p>
<p v-if="event.organizer">Organisé par <router-link :to="{name: 'Account', params: {'id': event.organizer.id}}">{{ event.organizer.username }}</router-link></p> <p v-if="event.organizer">Organisé par <router-link :to="{name: 'Account', params: {'name': event.organizer.username}}">{{ event.organizer.username }}</router-link></p>
</v-container> </v-container>
<v-card-actions> <v-card-actions>
<v-btn flat color="orange" @click="downloadIcsEvent(event)">Share</v-btn> <v-btn flat color="orange" @click="downloadIcsEvent(event)">Share</v-btn>
<v-btn flat color="orange" @click="viewEvent(event.id)">Explore</v-btn> <v-btn flat color="orange" @click="viewEvent(event)">Explore</v-btn>
<v-btn flat color="red" @click="deleteEvent(event.id)">Delete</v-btn> <v-btn flat color="red" @click="deleteEvent(event)">Delete</v-btn>
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-flex> </v-flex>
@ -98,16 +98,16 @@
this.events = response.data; this.events = response.data;
}); });
}, },
deleteEvent(id) { deleteEvent(event) {
const router = this.$router; const router = this.$router;
eventFetch('/events/' + id, this.$store, {'method': 'DELETE'}) eventFetch(`/events/${event.organizer.username}/${event.slug}`, this.$store, {'method': 'DELETE'})
.then(() => router.push('/events')); .then(() => router.push('/events'));
}, },
viewEvent(id) { viewEvent(event) {
this.$router.push({ name: 'Event', params: { id } }) this.$router.push({ name: 'Event', params: { name: event.organizer.username, slug: event.slug } })
}, },
downloadIcsEvent(event) { downloadIcsEvent(event) {
eventFetch('/events/' + event.id + '/export', this.$store, {responseType: 'arraybuffer'}) eventFetch(`/events/${event.organizer.username}/${event.slug}/export`, this.$store, {responseType: 'arraybuffer'})
.then((response) => response.text()) .then((response) => response.text())
.then(response => { .then(response => {
const blob = new Blob([response],{type: 'text/calendar'}); const blob = new Blob([response],{type: 'text/calendar'});

4
js/src/components/Group/Group.vue
View File

@ -73,7 +73,7 @@
<v-subheader>Membres</v-subheader> <v-subheader>Membres</v-subheader>
<v-layout row> <v-layout row>
<v-flex xs2 v-for="member in group.members" :key="member.id"> <v-flex xs2 v-for="member in group.members" :key="member.id">
<router-link :to="{name: 'Account', params: {'id': member.account.id}}"> <router-link :to="{name: 'Account', params: {'id': member.actor.id}}">
<v-badge overlap> <v-badge overlap>
<span slot="badge" v-if="member.role == 3"><v-icon>stars</v-icon></span> <span slot="badge" v-if="member.role == 3"><v-icon>stars</v-icon></span>
<v-avatar size="75px"> <v-avatar size="75px">
@ -88,7 +88,7 @@
</v-avatar> </v-avatar>
</v-badge> </v-badge>
</router-link> </router-link>
<span>{{ groupAccount.account.username }}</span> <span>{{ groupAccount.actor.username }}</span>
</v-flex> </v-flex>
</v-layout> </v-layout>
</v-container> </v-container>

2
js/src/components/Home.vue
View File

@ -50,7 +50,7 @@ export default {
}, },
computed: { computed: {
displayed_name: function() { displayed_name: function() {
return this.$store.state.user.account.display_name === null ? this.$store.state.user.account.username : this.$store.state.user.account.display_name return this.$store.state.user.actor.display_name === null ? this.$store.state.user.actor.username : this.$store.state.user.actor.display_name
}, },
}, },
methods: { methods: {

4
js/src/components/NavBar.vue
View File

@ -58,7 +58,7 @@
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-menu> </v-menu>
<v-btn flat @click="$router.push({name: 'Account', params: {'id': getUser().account.id}})" v-if="$store.state.user">{{ this.displayed_name }}</v-btn> <v-btn flat @click="$router.push({name: 'Account', params: {'id': getUser().actor.id}})" v-if="$store.state.user">{{ this.displayed_name }}</v-btn>
</v-toolbar> </v-toolbar>
</template> </template>
@ -97,7 +97,7 @@
}, },
computed: { computed: {
displayed_name: function() { displayed_name: function() {
return this.$store.state.user.account.display_name === null ? this.$store.state.user.account.username : this.$store.state.user.account.display_name return this.$store.state.user.actor.display_name === null ? this.$store.state.user.actor.username : this.$store.state.user.actor.display_name
}, },
}, },
methods: { methods: {

32
js/src/router/index.js
View File

@ -33,13 +33,6 @@ const router = new Router({
component: EventList, component: EventList,
meta: { requiredAuth: false }, meta: { requiredAuth: false },
}, },
{
path: '/events/:id(\\d+)',
name: 'Event',
component: Event,
props: true,
meta: { requiredAuth: false },
},
{ {
path: '/events/create', path: '/events/create',
name: 'CreateEvent', name: 'CreateEvent',
@ -84,14 +77,7 @@ const router = new Router({
meta: { requiredAuth: false }, meta: { requiredAuth: false },
}, },
{ {
path: '/accounts/:id(\\d+)', path: '/groups',
name: 'Account',
component: Account,
props: true,
meta: { requiredAuth: false },
},
{
path: '/group',
name: 'GroupList', name: 'GroupList',
component: GroupList, component: GroupList,
meta: { requiredAuth: false }, meta: { requiredAuth: false },
@ -103,12 +89,26 @@ const router = new Router({
meta: { requiredAuth: true }, meta: { requiredAuth: true },
}, },
{ {
path: '/group/:id', path: '/~:name',
name: 'Group', name: 'Group',
component: Group, component: Group,
props: true, props: true,
meta: { requiredAuth: false }, meta: { requiredAuth: false },
}, },
{
path: '/@:name',
name: 'Account',
component: Account,
props: true,
meta: { requiredAuth: false },
},
{
path: '/@:name/:slug',
name: 'Event',
component: Event,
props: true,
meta: { requiredAuth: false },
},
{ path: "*", { path: "*",
name: 'PageNotFound', name: 'PageNotFound',
component: PageNotFound, component: PageNotFound,

4
js/vue.config.js
View File

@ -1,11 +1,11 @@
//const Dotenv = require('dotenv-webpack'); const Dotenv = require('dotenv-webpack');
module.exports = { module.exports = {
lintOnSave: false, lintOnSave: false,
compiler: true, compiler: true,
configureWebpack: { configureWebpack: {
plugins: [ plugins: [
//new Dotenv(), new Dotenv(),
], ],
}, },
}; };

19
lib/eventos/actors/actor.ex
View File

@ -62,7 +62,7 @@ defmodule Eventos.Actors.Actor do
field :preferred_username, :string field :preferred_username, :string
field :public_key, :string field :public_key, :string
field :private_key, :string field :private_key, :string
field :manually_approves_followers, :boolean field :manually_approves_followers, :boolean, default: false
field :suspended, :boolean, default: false field :suspended, :boolean, default: false
many_to_many :followers, Actor, join_through: Follower many_to_many :followers, Actor, join_through: Follower
has_many :organized_events, Event, [foreign_key: :organizer_actor_id] has_many :organized_events, Event, [foreign_key: :organizer_actor_id]
@ -92,7 +92,7 @@ defmodule Eventos.Actors.Actor do
changes = changes =
%Actor{} %Actor{}
|> Ecto.Changeset.cast(params, [:url, :outbox_url, :inbox_url, :following_url, :followers_url, :type, :name, :domain, :summary, :preferred_username, :public_key, :manually_approves_followers]) |> Ecto.Changeset.cast(params, [:url, :outbox_url, :inbox_url, :following_url, :followers_url, :type, :name, :domain, :summary, :preferred_username, :public_key, :manually_approves_followers])
|> validate_required([:url, :outbox_url, :inbox_url, :following_url, :followers_url, :type, :name, :domain, :summary, :preferred_username, :public_key, :manually_approves_followers]) |> validate_required([:url, :outbox_url, :inbox_url, :type, :name, :domain, :summary, :preferred_username, :public_key])
|> unique_constraint(:preferred_username, name: :actors_preferred_username_domain_index) |> unique_constraint(:preferred_username, name: :actors_preferred_username_domain_index)
|> validate_length(:summary, max: 5000) |> validate_length(:summary, max: 5000)
|> validate_length(:preferred_username, max: 100) |> validate_length(:preferred_username, max: 100)
@ -101,21 +101,6 @@ defmodule Eventos.Actors.Actor do
Logger.debug("Remote actor creation") Logger.debug("Remote actor creation")
Logger.debug(inspect changes) Logger.debug(inspect changes)
changes changes
# if changes.valid? do
# case changes.changes[:info]["source_data"] do
# %{"followers" => followers} ->
# changes
# |> put_change(:follower_address, followers)
#
# _ ->
# followers = User.ap_followers(%User{nickname: changes.changes[:nickname]})
#
# changes
# |> put_change(:follower_address, followers)
# end
# else
# changes
# end
end end
def get_or_fetch_by_url(url) do def get_or_fetch_by_url(url) do

17
lib/eventos/actors/actors.ex
View File

@ -150,10 +150,6 @@ defmodule Eventos.Actors do
defp blank?(n), do: n defp blank?(n), do: n
def insert_or_update_actor(data) do def insert_or_update_actor(data) do
data =
data
|> Map.put(:name, blank?(data[:preferred_username]) || data[:name])
cs = Actor.remote_actor_creation(data) cs = Actor.remote_actor_creation(data)
Repo.insert(cs, on_conflict: [set: [public_key: data.public_key]], conflict_target: [:preferred_username, :domain]) Repo.insert(cs, on_conflict: [set: [public_key: data.public_key]], conflict_target: [:preferred_username, :domain])
end end
@ -207,6 +203,19 @@ defmodule Eventos.Actors do
Repo.one from a in Actor, where: a.preferred_username == ^name and is_nil(a.domain) Repo.one from a in Actor, where: a.preferred_username == ^name and is_nil(a.domain)
end end
def get_local_actor_by_name_with_everything(name) do
actor = Repo.one from a in Actor, where: a.preferred_username == ^name and is_nil(a.domain)
Repo.preload(actor, :organized_events)
end
def get_actor_by_name_with_everything(name) do
actor = case String.split(name, "@") do
[name] -> Repo.one from a in Actor, where: a.preferred_username == ^name and is_nil(a.domain)
[name, domain] -> Repo.one from a in Actor, where: a.preferred_username == ^name and a.domain == ^domain
end
Repo.preload(actor, :organized_events)
end
def get_or_fetch_by_url(url) do def get_or_fetch_by_url(url) do
if actor = get_actor_by_url(url) do if actor = get_actor_by_url(url) do
actor actor

3
lib/eventos/events/event.ex
View File

@ -32,7 +32,7 @@ defmodule Eventos.Events.Event do
""" """
use Ecto.Schema use Ecto.Schema
import Ecto.Changeset import Ecto.Changeset
alias Eventos.Events.{Event, Participant, Request, Tag, Category, Session, Track} alias Eventos.Events.{Event, Participant, Tag, Category, Session, Track}
alias Eventos.Events.Event.TitleSlug alias Eventos.Events.Event.TitleSlug
alias Eventos.Actors.Actor alias Eventos.Actors.Actor
alias Eventos.Addresses.Address alias Eventos.Addresses.Address
@ -55,7 +55,6 @@ defmodule Eventos.Events.Event do
many_to_many :tags, Tag, join_through: "events_tags" many_to_many :tags, Tag, join_through: "events_tags"
belongs_to :category, Category belongs_to :category, Category
many_to_many :participants, Actor, join_through: Participant many_to_many :participants, Actor, join_through: Participant
has_many :event_request, Request
has_many :tracks, Track has_many :tracks, Track
has_many :sessions, Session has_many :sessions, Session
belongs_to :address, Address belongs_to :address, Address

16
lib/eventos/events/events.ex
View File

@ -20,7 +20,8 @@ defmodule Eventos.Events do
""" """
def list_events do def list_events do
Repo.all(Event) events = Repo.all(Event)
Repo.preload(events, [:organizer_actor])
end end
def get_events_for_actor(%Actor{id: actor_id} = _actor, page \\ 1, limit \\ 10) do def get_events_for_actor(%Actor{id: actor_id} = _actor, page \\ 1, limit \\ 10) do
@ -94,12 +95,17 @@ defmodule Eventos.Events do
@spec get_event_full_by_name_and_slug!(String.t, String.t) :: Event.t @spec get_event_full_by_name_and_slug!(String.t, String.t) :: Event.t
def get_event_full_by_name_and_slug!(name, slug) do def get_event_full_by_name_and_slug!(name, slug) do
event = Repo.one( query = case String.split(name, "@") do
from e in Event, [name, domain] -> from e in Event,
join: a in Actor, join: a in Actor,
on: a.id == e.organizer_actor_id and a.name == ^name, on: a.id == e.organizer_actor_id and a.preferred_username == ^name and a.domain == ^domain,
where: e.slug == ^slug where: e.slug == ^slug
) [name] -> from e in Event,
join: a in Actor,
on: a.id == e.organizer_actor_id and a.preferred_username == ^name and is_nil(a.domain),
where: e.slug == ^slug
end
event = Repo.one(query)
Repo.preload(event, [:organizer_actor, :category, :sessions, :tracks, :tags, :participants, :address]) Repo.preload(event, [:organizer_actor, :category, :sessions, :tracks, :tags, :participants, :address])
end end

41
lib/eventos_web/controllers/account_controller.ex
View File

@ -1,41 +0,0 @@
defmodule EventosWeb.ActorController do
@moduledoc """
Controller for Actors
"""
use EventosWeb, :controller
alias Eventos.Actors
alias Eventos.Actors.Actor
action_fallback EventosWeb.FallbackController
def index(conn, _params) do
actors = Actors.list_actors()
render(conn, "index.json", actors: actors)
end
def show(conn, %{"id" => id}) do
actor = Actors.get_actor_with_everything!(id)
render(conn, "show.json", actor: actor)
end
def update(conn, %{"id" => id, "actor" => actor_params}) do
actor = Actors.get_actor!(id)
with {:ok, %Actor{} = actor} <- Actors.update_actor(actor, actor_params) do
render(conn, "show.json", actor: actor)
end
end
def delete(conn, %{"id" => id_str}) do
{id, _} = Integer.parse(id_str)
if Guardian.Plug.current_resource(conn).actor.id == id do
actor = Actors.get_actor!(id)
with {:ok, %Actor{}} <- Actors.delete_actor(actor) do
send_resp(conn, :no_content, "")
end
else
send_resp(conn, 401, "")
end
end
end

50
lib/eventos_web/controllers/actor_controller.ex Normal file
View File

@ -0,0 +1,50 @@
defmodule EventosWeb.ActorController do
@moduledoc """
Controller for Actors
"""
use EventosWeb, :controller
alias Eventos.Actors
alias Eventos.Actors.Actor
alias Eventos.Service.ActivityPub
action_fallback EventosWeb.FallbackController
def index(conn, _params) do
actors = Actors.list_actors()
render(conn, "index.json", actors: actors)
end
def show(conn, %{"name" => name}) do
actor = Actors.get_actor_by_name_with_everything(name)
render(conn, "show.json", actor: actor)
end
def search(conn, %{"name" => name}) do
with {:ok, actor} <- ActivityPub.make_actor_from_nickname(name) do
render(conn, "acccount_basic.json", actor: actor)
else
{:error, err} -> json(conn, err)
end
end
def update(conn, %{"name" => name, "actor" => actor_params}) do
actor = Actors.get_local_actor_by_name(name)
with {:ok, %Actor{} = actor} <- Actors.update_actor(actor, actor_params) do
render(conn, "show.json", actor: actor)
end
end
# def delete(conn, %{"id" => id_str}) do
# {id, _} = Integer.parse(id_str)
# if Guardian.Plug.current_resource(conn).actor.id == id do
# actor = Actors.get_actor!(id)
# with {:ok, %Actor{}} <- Actors.delete_actor(actor) do
# send_resp(conn, :no_content, "")
# end
# else
# send_resp(conn, 401, "")
# end
# end
end

17
lib/eventos_web/controllers/event_controller.ex
View File

@ -35,28 +35,27 @@ defmodule EventosWeb.EventController do
end end
end end
def show(conn, %{"id" => id}) do def show(conn, %{"username" => username, "slug" => slug}) do
event = Events.get_event_full!(id) event = Events.get_event_full_by_name_and_slug!(username, slug)
render(conn, "show.json", event: event) render(conn, "show.json", event: event)
end end
def export_to_ics(conn, %{"id" => id}) do def export_to_ics(conn, %{"username" => username, "slug" => slug}) do
event = id event = Events.get_event_full_by_name_and_slug!(username, slug)
|> Events.get_event!()
|> ICalendar.export_event() |> ICalendar.export_event()
send_resp(conn, 200, event) send_resp(conn, 200, event)
end end
def update(conn, %{"id" => id, "event" => event_params}) do def update(conn, %{"username" => username, "slug" => slug, "event" => event_params}) do
event = Events.get_event!(id) event = Events.get_event_full_by_name_and_slug!(username, slug)
with {:ok, %Event{} = event} <- Events.update_event(event, event_params) do with {:ok, %Event{} = event} <- Events.update_event(event, event_params) do
render(conn, "show_simple.json", event: event) render(conn, "show_simple.json", event: event)
end end
end end
def delete(conn, %{"id" => id}) do def delete(conn, %{"username" => username, "slug" => slug}) do
event = Events.get_event!(id) event = Events.get_event_full_by_name_and_slug!(username, slug)
with {:ok, %Event{}} <- Events.delete_event(event) do with {:ok, %Event{}} <- Events.delete_event(event) do
send_resp(conn, :no_content, "") send_resp(conn, :no_content, "")
end end

21
lib/eventos_web/router.ex
View File

@ -38,12 +38,16 @@ defmodule EventosWeb.Router do
post "/users", UserController, :register post "/users", UserController, :register
post "/login", UserSessionController, :sign_in post "/login", UserSessionController, :sign_in
#resources "/groups", GroupController, only: [:index, :show] #resources "/groups", GroupController, only: [:index, :show]
resources "/events", EventController, only: [:index, :show] get "/events", EventController, :index
get "/events/:username/:slug", EventController, :show
get "/events/:username/:slug/ics", EventController, :export_to_ics
get "/events/:username/:slug/tracks", TrackController, :show_tracks_for_event
get "/events/:username/:slug/sessions", SessionController, :show_sessions_for_event
resources "/comments", CommentController, only: [:show] resources "/comments", CommentController, only: [:show]
get "/events/:id/ics", EventController, :export_to_ics
get "/events/:id/tracks", TrackController, :show_tracks_for_event get "/actors", ActorController, :index
get "/events/:id/sessions", SessionController, :show_sessions_for_event get "/actors/search/:name", ActorController, :search
resources "/actors", ActorController, only: [:index, :show] get "/actors/:name", ActorController, :show
resources "/tags", TagController, only: [:index, :show] resources "/tags", TagController, only: [:index, :show]
resources "/categories", CategoryController, only: [:index, :show] resources "/categories", CategoryController, only: [:index, :show]
resources "/sessions", SessionController, only: [:index, :show] resources "/sessions", SessionController, only: [:index, :show]
@ -61,8 +65,11 @@ defmodule EventosWeb.Router do
get "/user", UserController, :show_current_actor get "/user", UserController, :show_current_actor
post "/sign-out", UserSessionController, :sign_out post "/sign-out", UserSessionController, :sign_out
resources "/users", UserController, except: [:new, :edit, :show] resources "/users", UserController, except: [:new, :edit, :show]
resources "/actors", ActorController, except: [:new, :edit] patch "/actors/:name", ActorController, :update
resources "/events", EventController post "/events", EventController, :create
patch "/events/:username/:slug", EventController, :update
put "/events/:username/:slug", EventController, :update
delete "/events/:username/:slug", EventController, :delete
resources "/comments", CommentController, except: [:new, :edit] resources "/comments", CommentController, except: [:new, :edit]
#post "/events/:id/request", EventRequestController, :create_for_event #post "/events/:id/request", EventRequestController, :create_for_event
resources "/participant", ParticipantController resources "/participant", ParticipantController

14
lib/eventos_web/views/account_view.ex → lib/eventos_web/views/actor_view.ex
View File

@ -19,10 +19,10 @@ defmodule EventosWeb.ActorView do
def render("acccount_basic.json", %{actor: actor}) do def render("acccount_basic.json", %{actor: actor}) do
%{id: actor.id, %{id: actor.id,
username: actor.username, username: actor.preferred_username,
domain: actor.domain, domain: actor.domain,
display_name: actor.display_name, display_name: actor.name,
description: actor.description, description: actor.summary,
# public_key: actor.public_key, # public_key: actor.public_key,
suspended: actor.suspended, suspended: actor.suspended,
url: actor.url, url: actor.url,
@ -31,14 +31,14 @@ defmodule EventosWeb.ActorView do
def render("actor.json", %{actor: actor}) do def render("actor.json", %{actor: actor}) do
%{id: actor.id, %{id: actor.id,
username: actor.username, username: actor.preferred_username,
domain: actor.domain, domain: actor.domain,
display_name: actor.display_name, display_name: actor.name,
description: actor.description, description: actor.summary,
# public_key: actor.public_key, # public_key: actor.public_key,
suspended: actor.suspended, suspended: actor.suspended,
url: actor.url, url: actor.url,
organized_events: render_many(actor.organized_events, EventView, "event_simple.json") organized_events: render_many(actor.organized_events, EventView, "event_for_actor.json")
} }
end end
end end

12
lib/eventos_web/views/event_view.ex
View File

@ -17,12 +17,23 @@ defmodule EventosWeb.EventView do
%{data: render_one(event, EventView, "event.json")} %{data: render_one(event, EventView, "event.json")}
end end
def render("event_for_actor.json", %{event: event}) do
%{id: event.id,
title: event.title,
slug: event.slug
}
end
def render("event_simple.json", %{event: event}) do def render("event_simple.json", %{event: event}) do
%{id: event.id, %{id: event.id,
title: event.title, title: event.title,
slug: event.slug,
description: event.description, description: event.description,
begins_on: event.begins_on, begins_on: event.begins_on,
ends_on: event.ends_on, ends_on: event.ends_on,
organizer: %{
username: event.organizer_actor.preferred_username
},
} }
end end
@ -33,7 +44,6 @@ defmodule EventosWeb.EventView do
begins_on: event.begins_on, begins_on: event.begins_on,
ends_on: event.ends_on, ends_on: event.ends_on,
organizer: render_one(event.organizer_actor, ActorView, "acccount_basic.json"), organizer: render_one(event.organizer_actor, ActorView, "acccount_basic.json"),
group: render_one(event.organizer_group, GroupView, "group_basic.json"),
participants: render_many(event.participants, ActorView, "show_basic.json"), participants: render_many(event.participants, ActorView, "show_basic.json"),
address: render_one(event.address, AddressView, "address.json"), address: render_one(event.address, AddressView, "address.json"),
} }

9
lib/service/activity_pub/activity_pub.ex
View File

@ -241,6 +241,11 @@ defmodule Eventos.Service.ActivityPub do
"type" => "Image", "type" => "Image",
"url" => [%{"href" => data["image"]["url"]}] "url" => [%{"href" => data["image"]["url"]}]
} }
name = if String.trim(data["name"]) === "" do
data["preferredUsername"]
else
data["name"]
end
user_data = %{ user_data = %{
url: data["id"], url: data["id"],
@ -250,7 +255,7 @@ defmodule Eventos.Service.ActivityPub do
"banner" => banner "banner" => banner
}, },
avatar: avatar, avatar: avatar,
name: data["name"], name: name,
preferred_username: data["preferredUsername"], preferred_username: data["preferredUsername"],
follower_address: data["followers"], follower_address: data["followers"],
summary: data["summary"], summary: data["summary"],
@ -269,7 +274,7 @@ defmodule Eventos.Service.ActivityPub do
end end
@spec fetch_public_activities_for_actor(Actor.t, integer(), integer()) :: list() @spec fetch_public_activities_for_actor(Actor.t, integer(), integer()) :: list()
def fetch_public_activities_for_actor(%Actor{} = actor, page \\ 10, limit \\ 1) do def fetch_public_activities_for_actor(%Actor{} = actor, page \\ 10, limit \\ 10) do
{:ok, events, total} = Events.get_events_for_actor(actor, page, limit) {:ok, events, total} = Events.get_events_for_actor(actor, page, limit)
activities = Enum.map(events, fn event -> activities = Enum.map(events, fn event ->
{:ok, activity} = event_to_activity(event) {:ok, activity} = event_to_activity(event)

5
lib/service/web_finger/web_finger.ex
View File

@ -80,8 +80,9 @@ defmodule Eventos.Service.WebFinger do
address = "http://#{domain}/.well-known/webfinger?resource=acct:#{actor}" address = "http://#{domain}/.well-known/webfinger?resource=acct:#{actor}"
with response <- HTTPoison.get(address, [Accept: "application/json"],follow_redirect: true), Logger.debug(inspect address)
{:ok, %{status_code: status_code, body: body}} when status_code in 200..299 <- response do with response <- HTTPoison.get!(address, [Accept: "application/json, application/activity+json, application/jrd+json"],follow_redirect: true),
%{status_code: status_code, body: body} when status_code in 200..299 <- response do
{:ok, doc} = Jason.decode(body) {:ok, doc} = Jason.decode(body)
webfinger_from_json(doc) webfinger_from_json(doc)
else else

12
priv/repo/migrations/20180517100700_move_from_account_to_actor.exs
View File

@ -26,11 +26,11 @@ defmodule Eventos.Repo.Migrations.MoveFromAccountToActor do
alter table("actors") do alter table("actors") do
add :inbox_url, :string add :inbox_url, :string
add :outbox_url, :string add :outbox_url, :string
add :following_url, :string add :following_url, :string, null: true
add :followers_url, :string add :followers_url, :string, null: true
add :shared_inbox_url, :string add :shared_inbox_url, :string, null: false, default: ""
add :type, :actor_type add :type, :actor_type
add :manually_approves_followers, :boolean add :manually_approves_followers, :boolean, default: false
modify :name, :string, null: true modify :name, :string, null: true
modify :preferred_username, :string, null: false modify :preferred_username, :string, null: false
end end
@ -49,6 +49,8 @@ defmodule Eventos.Repo.Migrations.MoveFromAccountToActor do
end end
rename table("comments"), :account_id, to: :actor_id rename table("comments"), :account_id, to: :actor_id
rename table("users"), :account_id, to: :actor_id
end end
def down do def down do
@ -91,6 +93,8 @@ defmodule Eventos.Repo.Migrations.MoveFromAccountToActor do
rename table("comments"), :actor_id, to: :account_id rename table("comments"), :actor_id, to: :account_id
rename table("users"), :actor_id, to: :account_id
drop index("accounts", [:preferred_username, :domain], name: :actors_preferred_username_domain_index) drop index("accounts", [:preferred_username, :domain], name: :actors_preferred_username_domain_index)
drop table("followers") drop table("followers")