Fix lint issues

And disable eslint when building in prod mode

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

js/src/components/Resource/FolderItem.vue

@@ -14,7 +14,9 @@
       </div>
       <div class="body">
         <h3>{{ resource.title }}</h3>
-        <span class="host" v-if="inline">{{ resource.updatedAt | formatDateTimeString }}</span>
+        <span class="host" v-if="inline">{{
+          resource.updatedAt | formatDateTimeString
+        }}</span>
       </div>
       <draggable
         v-if="!inline"
@@ -93,21 +95,27 @@ export default class FolderItem extends Mixins(ResourceMixin) {
 
   async moveResource(resource: IResource): Promise<IResource | undefined> {
     try {
-      const { data } = await this.$apollo.mutate<{ updateResource: IResource }>({
-        mutation: UPDATE_RESOURCE,
-        variables: {
-          id: resource.id,
-          path: `${this.resource.path}/${resource.title}`,
-          parentId: this.resource.id,
-        },
-      });
+      const { data } = await this.$apollo.mutate<{ updateResource: IResource }>(
+        {
+          mutation: UPDATE_RESOURCE,
+          variables: {
+            id: resource.id,
+            path: `${this.resource.path}/${resource.title}`,
+            parentId: this.resource.id,
+          },
+        }
+      );
       if (!data) {
         console.error("Error while updating resource");
         return undefined;
       }
       return data.updateResource;
     } catch (e) {
-      Snackbar.open({ message: e.message, type: "is-danger", position: "is-bottom" });
+      Snackbar.open({
+        message: e.message,
+        type: "is-danger",
+        position: "is-bottom",
+      });
       return undefined;
     }
   }

js/src/components/Resource/ResourceItem.vue

@@ -2,7 +2,12 @@
   <div class="resource-wrapper">
     <a :href="resource.resourceUrl" target="_blank">
       <div class="preview">
-        <div v-if="resource.type && Object.keys(mapServiceTypeToIcon).includes(resource.type)">
+        <div
+          v-if="
+            resource.type &&
+            Object.keys(mapServiceTypeToIcon).includes(resource.type)
+          "
+        >
           <b-icon :icon="mapServiceTypeToIcon[resource.type]" size="is-large" />
         </div>
         <div
@@ -21,7 +26,9 @@
           :src="resource.metadata.faviconUrl"
         />
         <h3>{{ resource.title }}</h3>
-        <span class="host" v-if="inline">{{ resource.updatedAt | formatDateTimeString }}</span>
+        <span class="host" v-if="inline">{{
+          resource.updatedAt | formatDateTimeString
+        }}</span>
         <span class="host" v-else>{{ urlHostname }}</span>
       </div>
     </a>

js/src/components/Resource/ResourceSelector.vue

@@ -2,9 +2,15 @@
   <div v-if="resource">
     <article class="panel is-primary">
       <p class="panel-heading">
-        {{ $t('Move "{resourceName}"', { resourceName: initialResource.title }) }}
+        {{
+          $t('Move "{resourceName}"', { resourceName: initialResource.title })
+        }}
       </p>
-      <a class="panel-block clickable" @click="resource = resource.parent" v-if="resource.parent">
+      <a
+        class="panel-block clickable"
+        @click="resource = resource.parent"
+        v-if="resource.parent"
+      >
         <span class="panel-icon">
           <b-icon icon="chevron-up" size="is-small" />
         </span>
@@ -23,12 +29,19 @@
       <a
         class="panel-block"
         v-for="element in resource.children.elements"
-        :class="{ clickable: element.type === 'folder' && element.id !== initialResource.id }"
+        :class="{
+          clickable:
+            element.type === 'folder' && element.id !== initialResource.id,
+        }"
         :key="element.id"
         @click="goDown(element)"
       >
         <span class="panel-icon">
-          <b-icon icon="folder" size="is-small" v-if="element.type === 'folder'" />
+          <b-icon
+            icon="folder"
+            size="is-small"
+            v-if="element.type === 'folder'"
+          />
           <b-icon icon="link" size="is-small" v-else />
         </span>
         {{ element.title }}
@@ -44,10 +57,17 @@
         {{ $t("No resources in this folder") }}
       </p>
     </article>
-    <b-button type="is-primary" @click="updateResource" :disabled="moveDisabled">{{
-      $t("Move resource to {folder}", { folder: resource.title })
+    <b-button
+      type="is-primary"
+      @click="updateResource"
+      :disabled="moveDisabled"
+      >{{
+        $t("Move resource to {folder}", { folder: resource.title })
+      }}</b-button
+    >
+    <b-button type="is-text" @click="$emit('close-move-modal')">{{
+      $t("Cancel")
     }}</b-button>
-    <b-button type="is-text" @click="$emit('close-move-modal')">{{ $t("Cancel") }}</b-button>
   </div>
 </template>
 <script lang="ts">
@@ -93,7 +113,8 @@ export default class ResourceSelector extends Vue {
       {
         id: this.initialResource.id,
         title: this.initialResource.title,
-        parent: this.resource && this.resource.path === "/" ? null : this.resource,
+        parent:
+          this.resource && this.resource.path === "/" ? null : this.resource,
         path: this.initialResource.path,
       },
       this.initialResource.parent
@@ -105,7 +126,9 @@ export default class ResourceSelector extends Vue {
       (this.initialResource.parent &&
         this.resource &&
         this.initialResource.parent.path === this.resource.path) ||
-      (this.initialResource.parent === undefined && this.resource && this.resource.path === "/")
+      (this.initialResource.parent === undefined &&
+        this.resource &&
+        this.resource.path === "/")
     );
   }
 }