Introduce group basic federation, event new page and notifications

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

js/src/views/User/PasswordReset.vue

@@ -1,10 +1,10 @@
 <template>
   <section class="section container columns is-mobile is-centered">
     <div class="card column is-half-desktop">
-      <h1>
-        {{ $t('Password reset') }}
-      </h1>
-      <b-message title="Error" type="is-danger" v-for="error in errors" :key="error">{{ error }}</b-message>
+      <h1>{{ $t("Password reset") }}</h1>
+      <b-message title="Error" type="is-danger" v-for="error in errors" :key="error">{{
+        error
+      }}</b-message>
       <form @submit="resetAction">
         <b-field :label="$t('Password')">
           <b-input
@@ -23,50 +23,50 @@
             type="password"
             password-reveal
             minlength="6"
-            v-model="credentials.password_confirmation"
+            v-model="credentials.passwordConfirmation"
           />
         </b-field>
-        <button class="button is-primary">
-          {{ $t('Reset my password') }}
-        </button>
+        <button class="button is-primary">{{ $t("Reset my password") }}</button>
       </form>
     </div>
   </section>
 </template>
 
 <script lang="ts">
-import { Component, Prop, Vue } from 'vue-property-decorator';
-import { validateRequiredField } from '@/utils/validators';
-import { RESET_PASSWORD } from '@/graphql/auth';
-import { saveUserData } from '@/utils/auth';
-import { ILogin } from '@/types/login.model';
-import { RouteName } from '@/router';
+import { Component, Prop, Vue } from "vue-property-decorator";
+import { validateRequiredField } from "../../utils/validators";
+import { RESET_PASSWORD } from "../../graphql/auth";
+import { saveUserData } from "../../utils/auth";
+import { ILogin } from "../../types/login.model";
+import RouteName from "../../router/name";
 
 @Component
 export default class PasswordReset extends Vue {
   @Prop({ type: String, required: true }) token!: string;
 
   credentials = {
-    password: '',
-    password_confirmation: '',
-  } as { password: string; password_confirmation: string };
+    password: "",
+    passwordConfirmation: "",
+  } as { password: string; passwordConfirmation: string };
+
   errors: string[] = [];
+
   rules = {
-    password_length: (value: string) =>
-      value.length > 6 || 'Password must be at least 6 characters long',
+    passwordLength: (value: string) =>
+      value.length > 6 || "Password must be at least 6 characters long",
     required: validateRequiredField,
-    password_equal: (value: string) =>
-      value === this.credentials.password || 'Passwords must be the same',
+    passwordEqual: (value: string) =>
+      value === this.credentials.password || "Passwords must be the same",
   };
 
   get samePasswords() {
     return (
-      this.rules.password_length(this.credentials.password) === true &&
-      this.credentials.password === this.credentials.password_confirmation
+      this.rules.passwordLength(this.credentials.password) === true &&
+      this.credentials.password === this.credentials.passwordConfirmation
     );
   }
 
-  async resetAction(e) {
+  async resetAction(e: Event) {
     e.preventDefault();
     this.errors.splice(0);
 
@@ -79,14 +79,14 @@ export default class PasswordReset extends Vue {
         },
       });
       if (data == null) {
-        throw new Error('Data is undefined');
+        throw new Error("Data is undefined");
       }
 
       saveUserData(data.resetPassword);
       await this.$router.push({ name: RouteName.HOME });
     } catch (err) {
       console.error(err);
-      err.graphQLErrors.forEach(({ message }) => {
+      err.graphQLErrors.forEach(({ message }: { message: any }) => {
         this.errors.push(message);
       });
     }