Add a dropdown on participate menu, disallow listing participations

Now requires quering the person endpoint to know if an actor
participates in an event, organizers can make authenticated requests to
event { participants { } } to see the pending / approved participants.

Also closes #174

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

js/src/views/Home.vue

@@ -35,7 +35,6 @@
       <h3 class="title">
         {{ $t("Upcoming") }}
       </h3>
-      <pre>{{ Array.from(goingToEvents.entries()) }}</pre>
       <b-loading :active.sync="$apollo.loading"></b-loading>
       <div v-for="row in goingToEvents" class="upcoming-events">
         <span class="date-component-container" v-if="isInLessThanSevenDays(row[0])">
@@ -53,13 +52,12 @@
               {{ $tc('You have one event in {days} days.', row[1].length, {count: row[1].length, days: calculateDiffDays(row[0])}) }}
           </h3>
         </span>
-        <div class="level">
+        <div>
           <EventListCard
                   v-for="participation in row[1]"
                   v-if="isInLessThanSevenDays(row[0])"
                   :key="participation[1].event.uuid"
                   :participation="participation[1]"
-                  class="level-item"
           />
         </div>
       </div>
@@ -72,12 +70,11 @@
         {{ $t("Last week") }}
       </h3>
       <b-loading :active.sync="$apollo.loading"></b-loading>
-      <div class="level">
+      <div>
           <EventListCard
                   v-for="participation in lastWeekEvents"
                   :key="participation.id"
                   :participation="participation"
-                  class="level-item"
                   :options="{ hideDate: false }"
           />
       </div>
@@ -295,12 +292,6 @@ export default class Home extends Vue {
   }
 }
 
-  .upcoming-events {
-    .level {
-      margin-left: 4rem;
-    }
-  }
-
     section.container {
         margin: auto auto 3rem;
     }