Fix lint issues

And disable eslint when building in prod mode

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

js/src/components/Group/GroupCard.vue

@@ -17,7 +17,9 @@
           >
             <h3>{{ group.name }}</h3>
             <p class="is-6 has-text-grey">
-              <span v-if="group.domain">{{ `@${group.preferredUsername}@${group.domain}` }}</span>
+              <span v-if="group.domain">{{
+                `@${group.preferredUsername}@${group.domain}`
+              }}</span>
               <span v-else>{{ `@${group.preferredUsername}` }}</span>
             </p>
           </router-link>

js/src/components/Group/GroupMemberCard.vue

@@ -13,7 +13,9 @@
             <router-link
               :to="{
                 name: RouteName.GROUP,
-                params: { preferredUsername: usernameWithDomain(member.parent) },
+                params: {
+                  preferredUsername: usernameWithDomain(member.parent),
+                },
               }"
             >
               <h3>{{ member.parent.name }}</h3>
@@ -23,12 +25,16 @@
                 }}</span>
                 <span v-else>{{ `@${member.parent.preferredUsername}` }}</span>
                 <b-taglist>
-                  <b-tag type="is-info" v-if="member.role === MemberRole.ADMINISTRATOR">{{
-                    $t("Administrator")
-                  }}</b-tag>
-                  <b-tag type="is-info" v-else-if="member.role === MemberRole.MODERATOR">{{
-                    $t("Moderator")
-                  }}</b-tag>
+                  <b-tag
+                    type="is-info"
+                    v-if="member.role === MemberRole.ADMINISTRATOR"
+                    >{{ $t("Administrator") }}</b-tag
+                  >
+                  <b-tag
+                    type="is-info"
+                    v-else-if="member.role === MemberRole.MODERATOR"
+                    >{{ $t("Moderator") }}</b-tag
+                  >
                 </b-taglist>
               </p>
             </router-link>

js/src/components/Group/GroupPicker.vue

@@ -8,7 +8,9 @@
         <a
           class="list-item"
           v-for="groupMembership in actualMemberships"
-          :class="{ 'is-active': groupMembership.parent.id === currentGroup.id }"
+          :class="{
+            'is-active': groupMembership.parent.id === currentGroup.id,
+          }"
           @click="changeCurrentGroup(groupMembership.parent)"
           :key="groupMembership.id"
         >
@@ -19,14 +21,25 @@
               :src="groupMembership.parent.avatar.url"
               alt=""
             />
-            <b-icon class="media-left" v-else size="is-large" icon="account-circle" />
+            <b-icon
+              class="media-left"
+              v-else
+              size="is-large"
+              icon="account-circle"
+            />
             <div class="media-content">
               <h3>@{{ groupMembership.parent.name }}</h3>
-              <small>{{ `@${groupMembership.parent.preferredUsername}` }}</small>
+              <small>{{
+                `@${groupMembership.parent.preferredUsername}`
+              }}</small>
             </div>
           </div>
         </a>
-        <a class="list-item" @click="changeCurrentGroup(new Group())" v-if="currentGroup.id">
+        <a
+          class="list-item"
+          @click="changeCurrentGroup(new Group())"
+          v-if="currentGroup.id"
+        >
           <h3>{{ $t("Unset group") }}</h3>
         </a>
       </div>
@@ -79,9 +92,11 @@ export default class GroupPicker extends Vue {
   get actualMemberships(): IMember[] {
     if (this.restrictModeratorLevel) {
       return this.groupMemberships.elements.filter((membership: IMember) =>
-        [MemberRole.ADMINISTRATOR, MemberRole.MODERATOR, MemberRole.CREATOR].includes(
-          membership.role
-        )
+        [
+          MemberRole.ADMINISTRATOR,
+          MemberRole.MODERATOR,
+          MemberRole.CREATOR,
+        ].includes(membership.role)
       );
     }
     return this.groupMemberships.elements;

js/src/components/Group/GroupPickerWrapper.vue

@@ -10,7 +10,11 @@
         {{ $t("The event will show the group as organizer.") }}
       </p>
     </div>
-    <div v-if="inline && currentGroup.id" class="inline box" @click="isComponentModalActive = true">
+    <div
+      v-if="inline && currentGroup.id"
+      class="inline box"
+      @click="isComponentModalActive = true"
+    >
       <div class="media">
         <div class="media-left">
           <figure class="image is-48x48" v-if="currentGroup.avatar">
@@ -24,7 +28,9 @@
         </div>
         <div class="media-content" v-if="currentGroup.name">
           <p class="is-4">{{ currentGroup.name }}</p>
-          <p class="is-6 has-text-grey">{{ `@${currentGroup.preferredUsername}` }}</p>
+          <p class="is-6 has-text-grey">
+            {{ `@${currentGroup.preferredUsername}` }}
+          </p>
         </div>
         <div class="media-content" v-else>
           {{ `@${currentGroup.preferredUsername}` }}
@@ -34,7 +40,11 @@
         </b-button>
       </div>
     </div>
-    <span v-else-if="currentGroup.id" class="block" @click="isComponentModalActive = true">
+    <span
+      v-else-if="currentGroup.id"
+      class="block"
+      @click="isComponentModalActive = true"
+    >
       <img
         class="image is-48x48"
         v-if="currentGroup.avatar"
@@ -44,7 +54,9 @@
       <b-icon v-else size="is-large" icon="account-circle" />
     </span>
     <div v-if="groupMemberships.total === 0" class="box">
-      <p class="is-4">{{ $t("This identity is not a member of any group.") }}</p>
+      <p class="is-4">
+        {{ $t("This identity is not a member of any group.") }}
+      </p>
       <p class="is-6 is-size-6 has-text-grey">
         {{ $t("You need to create the group before you create an event.") }}
       </p>

js/src/components/Group/GroupSection.vue

@@ -26,7 +26,8 @@ export default class GroupSection extends Vue {
 
   @Prop({ required: true, type: String }) icon!: string;
 
-  @Prop({ required: false, type: Boolean, default: true }) privateSection!: boolean;
+  @Prop({ required: false, type: Boolean, default: true })
+  privateSection!: boolean;
 
   @Prop({ required: true, type: Object }) route!: Route;
 }
@@ -76,7 +77,8 @@ div.group-section-title {
     ::v-deep span {
       display: inline;
       padding: 3px 8px;
-      font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial, serif;
+      font-family: "Liberation Sans", "Helvetica Neue", Roboto, Helvetica, Arial,
+        serif;
       font-weight: 500;
       font-size: 30px;
       flex: 1;

js/src/components/Group/InvitationCard.vue

@@ -2,7 +2,10 @@
   <div class="media">
     <div class="media-content">
       <div class="content">
-        <i18n tag="p" path="You have been invited by {invitedBy} to the following group:">
+        <i18n
+          tag="p"
+          path="You have been invited by {invitedBy} to the following group:"
+        >
           <b slot="invitedBy">{{ member.invitedBy.name }}</b>
         </i18n>
       </div>
@@ -20,15 +23,21 @@
                 <router-link
                   :to="{
                     name: RouteName.GROUP,
-                    params: { preferredUsername: usernameWithDomain(member.parent) },
+                    params: {
+                      preferredUsername: usernameWithDomain(member.parent),
+                    },
                   }"
                 >
                   <h3>{{ member.parent.name }}</h3>
                   <p class="is-6 has-text-grey">
                     <span v-if="member.parent.domain">
-                      {{ `@${member.parent.preferredUsername}@${member.parent.domain}` }}
+                      {{
+                        `@${member.parent.preferredUsername}@${member.parent.domain}`
+                      }}
                     </span>
-                    <span v-else>{{ `@${member.parent.preferredUsername}` }}</span>
+                    <span v-else>{{
+                      `@${member.parent.preferredUsername}`
+                    }}</span>
                   </p>
                 </router-link>
               </div>

js/src/components/Group/Invitations.vue

@@ -26,13 +26,15 @@ export default class Invitations extends Vue {
 
   async acceptInvitation(id: string): Promise<void> {
     try {
-      const { data } = await this.$apollo.mutate<{ acceptInvitation: IMember }>({
-        mutation: ACCEPT_INVITATION,
-        variables: {
-          id,
-        },
-        refetchQueries: [{ query: LOGGED_USER_MEMBERSHIPS }],
-      });
+      const { data } = await this.$apollo.mutate<{ acceptInvitation: IMember }>(
+        {
+          mutation: ACCEPT_INVITATION,
+          variables: {
+            id,
+          },
+          refetchQueries: [{ query: LOGGED_USER_MEMBERSHIPS }],
+        }
+      );
       if (data) {
         this.$emit("accept-invitation", data.acceptInvitation);
       }
@@ -46,13 +48,15 @@ export default class Invitations extends Vue {
 
   async rejectInvitation(id: string): Promise<void> {
     try {
-      const { data } = await this.$apollo.mutate<{ rejectInvitation: IMember }>({
-        mutation: REJECT_INVITATION,
-        variables: {
-          id,
-        },
-        refetchQueries: [{ query: LOGGED_USER_MEMBERSHIPS }],
-      });
+      const { data } = await this.$apollo.mutate<{ rejectInvitation: IMember }>(
+        {
+          mutation: REJECT_INVITATION,
+          variables: {
+            id,
+          },
+          refetchQueries: [{ query: LOGGED_USER_MEMBERSHIPS }],
+        }
+      );
       if (data) {
         this.$emit("reject-invitation", data.rejectInvitation);
       }

js/src/components/Group/JoinGroupWithAccount.vue

@@ -25,6 +25,8 @@ export default class JoinGroupWithAccount extends Vue {
     }`;
   }
 
-  sentence = this.$t("We will redirect you to your instance in order to interact with this group");
+  sentence = this.$t(
+    "We will redirect you to your instance in order to interact with this group"
+  );
 }
 </script>