Introduce group basic federation, event new page and notifications

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

js/src/views/PageNotFound.vue

@@ -2,10 +2,8 @@
   <section class="section container has-text-centered not-found">
     <div class="columns is-vertical">
       <div class="column is-centered">
-        <img src="../assets/oh_no.jpg" alt="Not found 'oh no' picture">
-        <h1 class="title">
-          {{ $t("The page you're looking for doesn't exist.") }}
-        </h1>
+        <img src="../assets/oh_no.jpg" alt="Not found 'oh no' picture" />
+        <h1 class="title">{{ $t("The page you're looking for doesn't exist.") }}</h1>
         <p>
           {{ $t("Please make sure the address is correct and that the page hasn't been moved.") }}
         </p>
@@ -15,9 +13,15 @@
         <!--  The following should just be replaced with the SearchField component but it fails for some reason  -->
         <form @submit="enter">
           <b-field class="search">
-            <b-input expanded icon="magnify" type="search" :placeholder="searchPlaceHolder" v-model="searchText" />
+            <b-input
+              expanded
+              icon="magnify"
+              type="search"
+              :placeholder="searchPlaceHolder"
+              v-model="searchText"
+            />
             <p class="control">
-              <button type="submit" class="button is-primary">{{ $t('Search') }}</button>
+              <button type="submit" class="button is-primary">{{ $t("Search") }}</button>
             </p>
           </b-field>
         </form>
@@ -26,9 +30,9 @@
   </section>
 </template>
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
-import { RouteName } from '@/router';
-import BField from 'buefy/src/components/field/Field.vue';
+import { Component, Vue } from "vue-property-decorator";
+import BField from "buefy/src/components/field/Field.vue";
+import RouteName from "../router/name";
 
 @Component({
   components: {
@@ -36,28 +40,31 @@ import BField from 'buefy/src/components/field/Field.vue';
   },
 })
 export default class PageNotFound extends Vue {
-  searchText: string = '';
+  searchText = "";
 
   get searchPlaceHolder(): string {
-    return this.$t('Search events, groups, etc.') as string;
+    return this.$t("Search events, groups, etc.") as string;
   }
 
   enter() {
-    this.$router.push({ name: RouteName.SEARCH, params: { searchTerm: this.searchText } });
+    this.$router.push({
+      name: RouteName.SEARCH,
+      params: { searchTerm: this.searchText },
+    });
   }
 }
 </script>
 <style lang="scss">
-  .container.not-found {
-    margin: auto;
-    max-width: 600px;
+.container.not-found {
+  margin: auto;
+  max-width: 600px;
 
-    img {
-      margin-top: 3rem;
-    }
-
-    p {
-      margin-bottom: 1em;
-    }
+  img {
+    margin-top: 3rem;
   }
+
+  p {
+    margin-bottom: 1em;
+  }
+}
 </style>