Lint JS files

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

js/src/views/Event/Create.vue

@@ -10,7 +10,7 @@
           <b-input aria-required="true" required v-model="event.title"/>
         </b-field>
 
-        <b-datepicker v-model="event.begins_on" inline></b-datepicker>
+        <b-datepicker v-model="event.beginsOn" inline></b-datepicker>
 
         <b-field :label="$gettext('Category')">
           <b-select placeholder="Select a category" v-model="event.category">
@@ -31,23 +31,23 @@
 </template>
 
 <script lang="ts">
-    // import Location from '@/components/Location';
-    import {CREATE_EVENT, EDIT_EVENT} from "@/graphql/event";
-    import {Component, Prop, Vue} from "vue-property-decorator";
-    import {
+// import Location from '@/components/Location';
+import { CREATE_EVENT, EDIT_EVENT } from '@/graphql/event';
+import { Component, Prop, Vue } from 'vue-property-decorator';
+import {
       Category,
       IEvent,
       EventModel,
-    } from "@/types/event.model";
-    import {LOGGED_PERSON} from "@/graphql/actor";
-    import {IPerson, Person} from "@/types/actor.model";
+    } from '@/types/event.model';
+import { LOGGED_PERSON } from '@/graphql/actor';
+import { IPerson, Person } from '@/types/actor.model';
 
 @Component({
   apollo: {
     loggedPerson: {
       query: LOGGED_PERSON,
-    }
-  }
+    },
+  },
 })
 export default class CreateEvent extends Vue {
   @Prop({ required: false, type: String }) uuid!: string;
@@ -61,23 +61,23 @@ export default class CreateEvent extends Vue {
     this.event.organizerActor = this.loggedPerson;
     this.event.attributedTo = this.loggedPerson;
 
-    if (this.event.uuid === "") {
+    if (this.event.uuid === '') {
       this.$apollo
         .mutate({
           mutation: CREATE_EVENT,
           variables: {
             title: this.event.title,
             description: this.event.description,
-            beginsOn: this.event.begins_on,
+            beginsOn: this.event.beginsOn,
             category: this.event.category,
-            organizerActorId: this.event.organizerActor.id
-          }
+            organizerActorId: this.event.organizerActor.id,
+          },
         })
         .then(data => {
-          console.log("event created", data);
+          console.log('event created', data);
           this.$router.push({
-            name: "Event",
-            params: { uuid: data.data.createEvent.uuid }
+            name: 'Event',
+            params: { uuid: data.data.createEvent.uuid },
           });
         })
         .catch(error => {
@@ -86,12 +86,12 @@ export default class CreateEvent extends Vue {
     } else {
       this.$apollo
         .mutate({
-          mutation: EDIT_EVENT
+          mutation: EDIT_EVENT,
         })
         .then(data => {
           this.$router.push({
-            name: "Event",
-            params: { uuid: data.data.uuid }
+            name: 'Event',
+            params: { uuid: data.data.uuid },
           });
         })
         .catch(error => {

js/src/views/Event/Event.vue

@@ -9,7 +9,7 @@
           </figure>
         </div>
         <div class="card-content">
-          <span>{{ event.begins_on | formatDay }}</span>
+          <span>{{ event.beginsOn | formatDay }}</span>
           <span class="tag is-primary">{{ event.category }}</span>
           <h1 class="title">{{ event.title }}</h1>
           <router-link
@@ -44,7 +44,7 @@
             </p>
           </div>
           <div>
-            <span>{{ event.begins_on | formatDate }} - {{ event.ends_on | formatDate }}</span>
+            <span>{{ event.beginsOn | formatDate }} - {{ event.endsOn | formatDate }}</span>
           </div>
           <p v-if="actorIsOrganizer()">
             <translate>You are an organizer.</translate>
@@ -100,11 +100,10 @@
 </template>
 
 <script lang="ts">
-import { DELETE_EVENT, FETCH_EVENT, LEAVE_EVENT } from '@/graphql/event';
+import { DELETE_EVENT, FETCH_EVENT, JOIN_EVENT, LEAVE_EVENT } from '@/graphql/event';
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { LOGGED_PERSON } from '@/graphql/actor';
 import { IEvent, IParticipant } from '@/types/event.model';
-import { JOIN_EVENT } from '@/graphql/event';
 import { IPerson } from '@/types/actor.model';
 import { RouteName } from '@/router';
 import 'vue-simple-markdown/dist/vue-simple-markdown.css';
@@ -115,14 +114,14 @@ import 'vue-simple-markdown/dist/vue-simple-markdown.css';
       query: FETCH_EVENT,
       variables() {
         return {
-          uuid: this.uuid
+          uuid: this.uuid,
         };
-      }
+      },
     },
     loggedPerson: {
-      query: LOGGED_PERSON
-    }
-  }
+      query: LOGGED_PERSON,
+    },
+  },
 })
 export default class Event extends Vue {
   @Prop({ type: String, required: true }) uuid!: string;
@@ -140,10 +139,10 @@ export default class Event extends Vue {
         variables: {
           id: this.event.id,
           actorId: this.loggedPerson.id,
-        }
+        },
       });
 
-      router.push({ name: RouteName.EVENT })
+      router.push({ name: RouteName.EVENT });
     } catch (error) {
       console.error(error);
     }
@@ -161,13 +160,13 @@ export default class Event extends Vue {
           const event = store.readQuery<IEvent>({ query: FETCH_EVENT });
           if (event === null) {
             console.error('Cannot update event participant cache, because of null value.');
-            return
+            return;
           }
 
-          event.participants = event.participants.concat([ joinEvent ]);
+          event.participants = event.participants.concat([joinEvent]);
 
           store.writeQuery({ query: FETCH_EVENT, data: event });
-        }
+        },
       });
     } catch (error) {
       console.error(error);
@@ -186,14 +185,14 @@ export default class Event extends Vue {
           const event = store.readQuery<IEvent>({ query: FETCH_EVENT });
           if (event === null) {
             console.error('Cannot update event participant cache, because of null value.');
-            return
+            return;
           }
 
           event.participants = event.participants
             .filter(p => p.actor.id !== leaveEvent.actor.id);
 
           store.writeQuery({ query: FETCH_EVENT, data: event });
-        }
+        },
       });
     } catch (error) {
       console.error(error);

js/src/views/Event/EventList.vue

@@ -27,8 +27,8 @@ const ngeohash = require('ngeohash');
 
 @Component({
   components: {
-    EventCard
-  }
+    EventCard,
+  },
 })
 export default class EventList extends Vue {
   @Prop(String) location!: string;
@@ -39,7 +39,7 @@ export default class EventList extends Vue {
   locationText = '';
 
   created() {
-    this.fetchData(this.$router.currentRoute.params["location"]);
+    this.fetchData(this.$router.currentRoute.params['location']);
   }
 
   beforeRouteUpdate(to, from, next) {
@@ -47,7 +47,7 @@ export default class EventList extends Vue {
     next();
   }
 
-  @Watch("locationChip")
+  @Watch('locationChip')
   onLocationChipChange(val) {
     if (val === false) {
       this.$router.push({ name: RouteName.EVENT_LIST });
@@ -61,7 +61,7 @@ export default class EventList extends Vue {
   }
 
   fetchData(location) {
-    let queryString = "/events";
+    let queryString = '/events';
     if (location) {
       queryString += `?geohash=${location}`;
       const { latitude, longitude } = ngeohash.decode(location);