refactor: lint

2021-05-19 10:24:57 +05:30
parent 40ddfa8def
commit 44df9b3be8
20 changed files with 1080 additions and 690 deletions
--- a/components/collections/teams/Collection.vue
+++ b/components/collections/teams/Collection.vue
@@ -2,10 +2,16 @@
  <div>
    <div class="transition duration-150 ease-in-out row-wrapper">
      <button class="icon" @click="toggleShowChildren">
-        <i class="material-icons" v-show="!showChildren && !isFiltered">arrow_right</i>
-        <i class="material-icons" v-show="showChildren || isFiltered">arrow_drop_down</i>
+        <i v-show="!showChildren && !isFiltered" class="material-icons"
+          >arrow_right</i
+        >
+        <i v-show="showChildren || isFiltered" class="material-icons"
+          >arrow_drop_down</i
+        >

-        <i v-if="isSelected" class="text-green-400 material-icons">check_circle</i>
+        <i v-if="isSelected" class="text-green-400 material-icons"
+          >check_circle</i
+        >

        <i v-else class="material-icons">folder</i>
        <span>{{ collection.title }}</span>
@@ -13,25 +19,25 @@
      <div>
        <button
          v-if="doc && !selected"
+          v-tooltip.left="$t('import')"
          class="icon"
          @click="$emit('select-collection')"
-          v-tooltip.left="$t('import')"
        >
          <i class="material-icons">check_box_outline_blank</i>
        </button>
        <button
          v-if="doc && selected"
+          v-tooltip.left="$t('delete')"
          class="icon"
          @click="$emit('unselect-collection')"
-          v-tooltip.left="$t('delete')"
        >
          <i class="material-icons">check_box</i>
        </button>
        <v-popover v-if="!saveRequest">
          <button
            v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
-            class="tooltip-target icon"
            v-tooltip.left="$t('more')"
+            class="tooltip-target icon"
          >
            <i class="material-icons">more_vert</i>
          </button>
@@ -39,9 +45,14 @@
            <div>
              <button
                v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
-                class="icon"
-                @click="$emit('add-folder', { folder: collection, path: `${collectionIndex}` })"
                v-close-popover
+                class="icon"
+                @click="
+                  $emit('add-folder', {
+                    folder: collection,
+                    path: `${collectionIndex}`,
+                  })
+                "
              >
                <i class="material-icons">create_new_folder</i>
                <span>{{ $t("new_folder") }}</span>
@@ -50,9 +61,9 @@
            <div>
              <button
                v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
+                v-close-popover
                class="icon"
                @click="$emit('edit-collection')"
-                v-close-popover
              >
                <i class="material-icons">create</i>
                <span>{{ $t("edit") }}</span>
@@ -61,9 +72,9 @@
            <div>
              <button
                v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
+                v-close-popover
                class="icon"
                @click="confirmRemove = true"
-                v-close-popover
              >
                <i class="material-icons">delete</i>
                <span>{{ $t("delete") }}</span>
@@ -86,9 +97,9 @@
            :folder-path="`${collectionIndex}/${index}`"
            :collection-index="collectionIndex"
            :doc="doc"
-            :saveRequest="saveRequest"
-            :collectionsType="collectionsType"
-            :isFiltered="isFiltered"
+            :save-request="saveRequest"
+            :collections-type="collectionsType"
+            :is-filtered="isFiltered"
            :picked="picked"
            @add-folder="$emit('add-folder', $event)"
            @edit-folder="$emit('edit-folder', $event)"
@@ -112,8 +123,8 @@
            :folder-name="collection.name"
            :request-index="request.id"
            :doc="doc"
-            :saveRequest="saveRequest"
-            :collectionsType="collectionsType"
+            :save-request="saveRequest"
+            :collections-type="collectionsType"
            :picked="picked"
            @edit-request="editRequest($event)"
            @select="$emit('select', $event)"
@@ -124,13 +135,16 @@
      <ul>
        <li
          v-if="
-            (collection.children == undefined || collection.children.length === 0) &&
-            (collection.requests == undefined || collection.requests.length === 0)
+            (collection.children == undefined ||
+              collection.children.length === 0) &&
+            (collection.requests == undefined ||
+              collection.requests.length === 0)
          "
          class="flex ml-8 border-l border-brdColor"
        >
          <p class="info">
-            <i class="material-icons">not_interested</i> {{ $t("collection_empty") }}
+            <i class="material-icons">not_interested</i>
+            {{ $t("collection_empty") }}
          </p>
        </li>
      </ul>
@@ -147,14 +161,14 @@
 <script>
 export default {
  props: {
-    collectionIndex: Number,
-    collection: Object,
+    collectionIndex: { type: Number, default: null },
+    collection: { type: Object, default: () => {} },
    doc: Boolean,
    isFiltered: Boolean,
    selected: Boolean,
    saveRequest: Boolean,
-    collectionsType: Object,
-    picked: Object,
+    collectionsType: { type: Object, default: () => {} },
+    picked: { type: Object, default: () => {} },
  },
  data() {
    return {
--- a/components/collections/teams/Folder.vue
+++ b/components/collections/teams/Folder.vue
@@ -3,10 +3,16 @@
    <div class="transition duration-150 ease-in-out row-wrapper">
      <div>
        <button class="icon" @click="toggleShowChildren">
-          <i class="material-icons" v-show="!showChildren && !isFiltered">arrow_right</i>
-          <i class="material-icons" v-show="showChildren || isFiltered">arrow_drop_down</i>
+          <i v-show="!showChildren && !isFiltered" class="material-icons"
+            >arrow_right</i
+          >
+          <i v-show="showChildren || isFiltered" class="material-icons"
+            >arrow_drop_down</i
+          >

-          <i v-if="isSelected" class="text-green-400 material-icons">check_circle</i>
+          <i v-if="isSelected" class="text-green-400 material-icons"
+            >check_circle</i
+          >

          <i v-else class="material-icons">folder_open</i>
          <span>{{ folder.name ? folder.name : folder.title }}</span>
@@ -15,8 +21,8 @@
      <v-popover v-if="!saveRequest">
        <button
          v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
-          class="tooltip-target icon"
          v-tooltip.left="$t('more')"
+          class="tooltip-target icon"
        >
          <i class="material-icons">more_vert</i>
        </button>
@@ -24,9 +30,9 @@
          <div>
            <button
              v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
+              v-close-popover
              class="icon"
              @click="$emit('add-folder', { folder, path: folderPath })"
-              v-close-popover
            >
              <i class="material-icons">create_new_folder</i>
              <span>{{ $t("new_folder") }}</span>
@@ -35,9 +41,11 @@
          <div>
            <button
              v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
-              class="icon"
-              @click="$emit('edit-folder', { folder, folderIndex, collectionIndex })"
              v-close-popover
+              class="icon"
+              @click="
+                $emit('edit-folder', { folder, folderIndex, collectionIndex })
+              "
            >
              <i class="material-icons">edit</i>
              <span>{{ $t("edit") }}</span>
@@ -46,9 +54,9 @@
          <div>
            <button
              v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
+              v-close-popover
              class="icon"
              @click="confirmRemove = true"
-              v-close-popover
            >
              <i class="material-icons">delete</i>
              <span>{{ $t("delete") }}</span>
@@ -69,8 +77,8 @@
            :folder-index="subFolderIndex"
            :collection-index="collectionIndex"
            :doc="doc"
-            :saveRequest="saveRequest"
-            :collectionsType="collectionsType"
+            :save-request="saveRequest"
+            :collections-type="collectionsType"
            :folder-path="`${folderPath}/${subFolderIndex}`"
            :picked="picked"
            @add-folder="$emit('add-folder', $event)"
@@ -96,8 +104,8 @@
            :folder-name="folder.name"
            :request-index="request.id"
            :doc="doc"
-            :saveRequest="saveRequest"
-            :collectionsType="collectionsType"
+            :save-request="saveRequest"
+            :collections-type="collectionsType"
            :picked="picked"
            @edit-request="$emit('edit-request', $event)"
            @select="$emit('select', $event)"
@@ -112,7 +120,10 @@
        "
      >
        <li class="flex ml-8 border-l border-brdColor">
-          <p class="info"><i class="material-icons">not_interested</i> {{ $t("folder_empty") }}</p>
+          <p class="info">
+            <i class="material-icons">not_interested</i>
+            {{ $t("folder_empty") }}
+          </p>
        </li>
      </ul>
    </div>
@@ -126,20 +137,20 @@
 </template>

 <script>
-import * as team_utils from "~/helpers/teams/utils"
+import * as teamUtils from "~/helpers/teams/utils"

 export default {
-  name: "folder",
+  name: "Folder",
  props: {
-    folder: Object,
-    folderIndex: Number,
-    collectionIndex: Number,
-    folderPath: String,
+    folder: { type: Object, default: () => {} },
+    folderIndex: { type: Number, default: null },
+    collectionIndex: { type: Number, default: null },
+    folderPath: { type: String, default: null },
    doc: Boolean,
    saveRequest: Boolean,
    isFiltered: Boolean,
-    collectionsType: Object,
-    picked: Object,
+    collectionsType: { type: Object, default: () => {} },
+    picked: { type: Object, default: () => {} },
  },
  data() {
    return {
@@ -172,10 +183,10 @@ export default {
      this.showChildren = !this.showChildren
    },
    removeFolder() {
-      if (this.collectionsType.selectedTeam.myRole != "VIEWER") {
-        team_utils
+      if (this.collectionsType.selectedTeam.myRole !== "VIEWER") {
+        teamUtils
          .deleteCollection(this.$apollo, this.folder.id)
-          .then((data) => {
+          .then(() => {
            // Result
            this.$toast.success(this.$t("deleted"), {
              icon: "delete",
--- a/components/collections/teams/Request.vue
+++ b/components/collections/teams/Request.vue
@@ -3,27 +3,32 @@
    <div class="transition duration-150 ease-in-out row-wrapper">
      <div>
        <button
+          v-tooltip="!doc ? $t('use_request') : ''"
          class="icon"
          @click="!doc ? selectRequest() : {}"
-          v-tooltip="!doc ? $t('use_request') : ''"
        >
-          <i v-if="isSelected" class="mx-3 text-green-400 material-icons">check_circle</i>
+          <i v-if="isSelected" class="mx-3 text-green-400 material-icons"
+            >check_circle</i
+          >

-          <span v-else :class="getRequestLabelColor(request.method)">{{ request.method }}</span>
+          <span v-else :class="getRequestLabelColor(request.method)">{{
+            request.method
+          }}</span>
          <span>{{ request.name }}</span>
        </button>
      </div>
      <v-popover v-if="!saveRequest">
        <button
          v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
-          class="tooltip-target icon"
          v-tooltip="$t('more')"
+          class="tooltip-target icon"
        >
          <i class="material-icons">more_vert</i>
        </button>
        <template slot="popover">
          <div>
            <button
+              v-close-popover
              class="icon"
              @click="
                $emit('edit-request', {
@@ -34,14 +39,13 @@
                  requestIndex,
                })
              "
-              v-close-popover
            >
              <i class="material-icons">edit</i>
              <span>{{ $t("edit") }}</span>
            </button>
          </div>
          <div>
-            <button class="icon" @click="confirmRemove = true" v-close-popover>
+            <button v-close-popover class="icon" @click="confirmRemove = true">
              <i class="material-icons">delete</i>
              <span>{{ $t("delete") }}</span>
            </button>
@@ -61,15 +65,16 @@
 <script>
 export default {
  props: {
-    request: Object,
-    collectionIndex: Number,
-    folderIndex: Number,
-    folderName: String,
+    request: { type: Object, default: () => {} },
+    collectionIndex: { type: Number, default: null },
+    folderIndex: { type: Number, default: null },
+    folderName: { type: String, default: null },
+    // eslint-disable-next-line vue/require-default-prop
    requestIndex: [Number, String],
    doc: Boolean,
    saveRequest: Boolean,
-    collectionsType: Object,
-    picked: Object,
+    collectionsType: { type: Object, default: () => {} },
+    picked: { type: Object, default: () => {} },
  },
  data() {
    return {
@@ -102,7 +107,8 @@ export default {
            requestID: this.requestIndex,
          },
        })
-      else this.$store.commit("postwoman/selectRequest", { request: this.request })
+      else
+        this.$store.commit("postwoman/selectRequest", { request: this.request })
    },
    removeRequest() {
      this.$emit("remove-request", {
@@ -112,7 +118,10 @@ export default {
      })
    },
    getRequestLabelColor(method) {
-      return this.requestMethodLabels[method.toLowerCase()] || this.requestMethodLabels.default
+      return (
+        this.requestMethodLabels[method.toLowerCase()] ||
+        this.requestMethodLabels.default
+      )
    },
  },
 }