Fix lint issues

And disable eslint when building in prod mode

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

js/src/components/Participation/ConfirmParticipation.vue

@@ -1,9 +1,14 @@
 <template>
   <section class="section container">
-    <h1 class="title" v-if="loading">{{ $t("Your participation request is being validated") }}</h1>
+    <h1 class="title" v-if="loading">
+      {{ $t("Your participation request is being validated") }}
+    </h1>
     <div v-else>
       <div v-if="failed">
-        <b-message :title="$t('Error while validating participation request')" type="is-danger">
+        <b-message
+          :title="$t('Error while validating participation request')"
+          type="is-danger"
+        >
           {{
             $t(
               "Either the participation request has already been validated, either the validation token is incorrect."
@@ -12,9 +17,16 @@
         </b-message>
       </div>
       <div v-else>
-        <h1 class="title">{{ $t("Your participation request has been validated") }}</h1>
-        <p class="content" v-if="participation.event.joinOptions == EventJoinOptions.RESTRICTED">
-          {{ $t("Your participation still has to be approved by the organisers.") }}
+        <h1 class="title">
+          {{ $t("Your participation request has been validated") }}
+        </h1>
+        <p
+          class="content"
+          v-if="participation.event.joinOptions == EventJoinOptions.RESTRICTED"
+        >
+          {{
+            $t("Your participation still has to be approved by the organisers.")
+          }}
         </p>
         <div class="columns has-text-centered">
           <div class="column">

js/src/components/Participation/ParticipationWithAccount.vue

@@ -1,5 +1,9 @@
 <template>
-  <redirect-with-account :uri="uri" :pathAfterLogin="`/events/${uuid}`" :sentence="sentence" />
+  <redirect-with-account
+    :uri="uri"
+    :pathAfterLogin="`/events/${uuid}`"
+    :sentence="sentence"
+  />
 </template>
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
@@ -21,6 +25,8 @@ export default class ParticipationWithAccount extends Vue {
     }`;
   }
 
-  sentence = this.$t("We will redirect you to your instance in order to interact with this event");
+  sentence = this.$t(
+    "We will redirect you to your instance in order to interact with this event"
+  );
 }
 </script>

js/src/components/Participation/ParticipationWithoutAccount.vue

@@ -33,7 +33,13 @@
               )
             }}
           </p>
-          <p v-else>{{ $t("If you want, you may send a message to the event organizer here.") }}</p>
+          <p v-else>
+            {{
+              $t(
+                "If you want, you may send a message to the event organizer here."
+              )
+            }}
+          </p>
           <b-field :label="$t('Message')">
             <b-input
               type="textarea"
@@ -54,18 +60,29 @@
               </p>
             </b-checkbox>
           </b-field>
-          <b-button :disabled="sendingForm" type="is-primary" native-type="submit">{{
-            $t("Send email")
-          }}</b-button>
+          <b-button
+            :disabled="sendingForm"
+            type="is-primary"
+            native-type="submit"
+            >{{ $t("Send email") }}</b-button
+          >
           <div class="has-text-centered">
-            <b-button native-type="button" tag="a" type="is-text" @click="$router.go(-1)">{{
-              $t("Back to previous page")
-            }}</b-button>
+            <b-button
+              native-type="button"
+              tag="a"
+              type="is-text"
+              @click="$router.go(-1)"
+              >{{ $t("Back to previous page") }}</b-button
+            >
           </div>
         </form>
         <div v-else>
-          <h1 class="title">{{ $t("Request for participation confirmation sent") }}</h1>
-          <p class="content">{{ $t("Check your inbox (and your junk mail folder).") }}</p>
+          <h1 class="title">
+            {{ $t("Request for participation confirmation sent") }}
+          </h1>
+          <p class="content">
+            {{ $t("Check your inbox (and your junk mail folder).") }}
+          </p>
           <p class="content">{{ $t("You may now close this window.") }}</p>
         </div>
       </div>
@@ -102,7 +119,11 @@ import { IParticipant } from "../../types/participant.model";
 export default class ParticipationWithoutAccount extends Vue {
   @Prop({ type: String, required: true }) uuid!: string;
 
-  anonymousParticipation: { email: string; message: string; saveParticipation: boolean } = {
+  anonymousParticipation: {
+    email: string;
+    message: string;
+    saveParticipation: boolean;
+  } = {
     email: "",
     message: "",
     saveParticipation: true,
@@ -134,7 +155,9 @@ export default class ParticipationWithoutAccount extends Vue {
         },
         update: (store, { data: updateData }) => {
           if (updateData == null) {
-            console.error("Cannot update event participant cache, because of data null value.");
+            console.error(
+              "Cannot update event participant cache, because of data null value."
+            );
             return;
           }
 
@@ -143,12 +166,16 @@ export default class ParticipationWithoutAccount extends Vue {
             variables: { uuid: this.event.uuid },
           });
           if (cachedData == null) {
-            console.error("Cannot update event participant cache, because of cached null value.");
+            console.error(
+              "Cannot update event participant cache, because of cached null value."
+            );
             return;
           }
           const { event } = cachedData;
           if (event === null) {
-            console.error("Cannot update event participant cache, because of null value.");
+            console.error(
+              "Cannot update event participant cache, because of null value."
+            );
             return;
           }
 

js/src/components/Participation/UnloggedParticipation.vue

@@ -2,22 +2,34 @@
   <section class="section container hero">
     <div class="hero-body" v-if="event">
       <div class="container">
-        <subtitle>{{ $t("You wish to participate to the following event") }}</subtitle>
+        <subtitle>{{
+          $t("You wish to participate to the following event")
+        }}</subtitle>
         <EventListViewCard v-if="event" :event="event" />
         <div class="columns has-text-centered">
           <div class="column">
-            <router-link :to="{ name: RouteName.EVENT_PARTICIPATE_WITH_ACCOUNT }">
+            <router-link
+              :to="{ name: RouteName.EVENT_PARTICIPATE_WITH_ACCOUNT }"
+            >
               <figure class="image is-128x128">
-                <img src="../../assets/undraw_profile.svg" alt="Profile illustration" />
+                <img
+                  src="../../assets/undraw_profile.svg"
+                  alt="Profile illustration"
+                />
               </figure>
-              <b-button type="is-primary">{{ $t("I have a Mobilizon account") }}</b-button>
+              <b-button type="is-primary">{{
+                $t("I have a Mobilizon account")
+              }}</b-button>
             </router-link>
             <p>
               <small>
                 {{
-                  $t("Either on the {instance} instance or on another instance.", {
-                    instance: host,
-                  })
+                  $t(
+                    "Either on the {instance} instance or on another instance.",
+                    {
+                      instance: host,
+                    }
+                  )
                 }}
               </small>
               <b-tooltip
@@ -32,25 +44,41 @@
               </b-tooltip>
             </p>
           </div>
-          <vertical-divider :content="$t('Or')" v-if="anonymousParticipationAllowed" />
+          <vertical-divider
+            :content="$t('Or')"
+            v-if="anonymousParticipationAllowed"
+          />
           <div
             class="column"
-            v-if="anonymousParticipationAllowed && hasAnonymousEmailParticipationMethod"
+            v-if="
+              anonymousParticipationAllowed &&
+              hasAnonymousEmailParticipationMethod
+            "
           >
             <router-link
               :to="{ name: RouteName.EVENT_PARTICIPATE_WITHOUT_ACCOUNT }"
               v-if="event.local"
             >
               <figure class="image is-128x128">
-                <img src="../../assets/undraw_mail_2.svg" alt="Privacy illustration" />
+                <img
+                  src="../../assets/undraw_mail_2.svg"
+                  alt="Privacy illustration"
+                />
               </figure>
-              <b-button type="is-primary">{{ $t("I don't have a Mobilizon account") }}</b-button>
+              <b-button type="is-primary">{{
+                $t("I don't have a Mobilizon account")
+              }}</b-button>
             </router-link>
             <a :href="`${event.url}/participate/without-account`" v-else>
               <figure class="image is-128x128">
-                <img src="../../assets/undraw_mail_2.svg" alt="Privacy illustration" />
+                <img
+                  src="../../assets/undraw_mail_2.svg"
+                  alt="Privacy illustration"
+                />
               </figure>
-              <b-button type="is-primary">{{ $t("I don't have a Mobilizon account") }}</b-button>
+              <b-button type="is-primary">{{
+                $t("I don't have a Mobilizon account")
+              }}</b-button>
             </a>
             <p>
               <small>{{ $t("Participate using your email address") }}</small>