Improved: code formatting

hotwax · Jan 11, 2024 · fd71bdc · fd71bdc
1 parent f3091f9
commit fd71bdc
Show file tree

Hide file tree

Showing 29 changed files with 239 additions and 247 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue';
-import { IonApp, IonRouterOutlet, loadingController } from '@ionic/vue';
+import { onMounted, onUnmounted, ref } from "vue";
+import { IonApp, IonRouterOutlet, loadingController } from "@ionic/vue";
 import emitter from "@/event-bus"
 
 const loader = ref(null) as any
@@ -37,12 +37,12 @@ onMounted(async () => {
       translucent: true,
       backdropDismiss: true
     });
-  emitter.on('presentLoader', presentLoader);
-  emitter.on('dismissLoader', dismissLoader);
+  emitter.on("presentLoader", presentLoader);
+  emitter.on("dismissLoader", dismissLoader);
 })
 
 onUnmounted(() => {
-  emitter.off('presentLoader', presentLoader);
-  emitter.off('dismissLoader', dismissLoader);
+  emitter.off("presentLoader", presentLoader);
+  emitter.off("dismissLoader", dismissLoader);
 })
 </script>
diff --git a/src/api/index.ts b/src/api/index.ts
@@ -1,16 +1,16 @@
-import axios from 'axios';
-import { setupCache } from 'axios-cache-adapter'
-import OfflineHelper from '@/offline-helper'
+import axios from "axios";
+import { setupCache } from "axios-cache-adapter"
+import OfflineHelper from "@/offline-helper"
 import emitter from "@/event-bus"
-import store from '@/store';
-import { StatusCodes } from 'http-status-codes';
-import router from '@/router'
+import store from "@/store";
+import { StatusCodes } from "http-status-codes";
+import router from "@/router"
 
 axios.interceptors.request.use((config: any) => {
-  const token = store.getters['user/getUserToken'];
+  const token = store.getters["user/getUserToken"];
   if (token) {
-    config.headers.Authorization =  'Bearer ' + token;
-    config.headers['Content-Type'] = 'application/json';
+    config.headers.Authorization =  "Bearer " + token;
+    config.headers["Content-Type"] = "application/json";
   }
   return config;
 });
@@ -30,7 +30,7 @@ axios.interceptors.response.use(function (response) {
     const { status } = error.response;
     if (status === StatusCodes.UNAUTHORIZED) {
       store.dispatch("user/logout");
-      router.push('/login')
+      router.push("/login")
     }
   }
   // Any status codes that falls outside the range of 2xx cause this function to trigger
@@ -48,8 +48,8 @@ const axiosCache = setupCache({
  * Generic method to call APIs
  *
  * @param {string}  url - API Url
- * @param {string=} method - 'GET', 'PUT', 'POST', 'DELETE , and 'PATCH'
- * @param {any} [data] - Optional: `data` is the data to be sent as the request body. Only applicable for request methods 'PUT', 'POST', 'DELETE , and 'PATCH'
+ * @param {string=} method - "GET", "PUT", "POST", "DELETE , and "PATCH"
+ * @param {any} [data] - Optional: `data` is the data to be sent as the request body. Only applicable for request methods "PUT", "POST", "DELETE , and "PATCH"
  * When no `transformRequest` is set, must be of one of the following types:
  * - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
  * - Browser only: FormData, File, Blob
@@ -68,7 +68,7 @@ const api = async (customConfig: any) => {
     params: customConfig.params
   }
 
-  const baseURL = store.getters['user/getInstanceUrl'];
+  const baseURL = store.getters["user/getInstanceUrl"];
   if (baseURL) config.baseURL = `https://${baseURL}.hotwax.io/api/`;
   if(customConfig.cache) config.adapter = axiosCache.adapter;
   const networkStatus =  await OfflineHelper.getNetworkStatus();

diff --git a/src/components/AddActionModal.vue b/src/components/AddActionModal.vue
@@ -44,9 +44,9 @@ import {
   IonTitle,
   IonToolbar,
   modalController,
-} from '@ionic/vue';
-import { defineComponent } from 'vue';
-import { closeOutline } from 'ionicons/icons';
+} from "@ionic/vue";
+import { defineComponent } from "vue";
+import { closeOutline } from "ionicons/icons";
 import { useStore } from "@/store";
 
 export default defineComponent({

diff --git a/src/components/Image.vue b/src/components/Image.vue
@@ -9,7 +9,7 @@ import { IonSkeletonText } from '@ionic/vue'
 
 export default defineComponent({
   name: "Image",
-  props: ['src'],
+  props: ["src"],
   components: {
     IonSkeletonText
   },
@@ -26,8 +26,8 @@ export default defineComponent({
   },
   data() {
     return {
-      resourceUrl: '',
-      imageUrl: ''
+      resourceUrl: "",
+      imageUrl: ""
     }
   },
   methods: {
@@ -45,10 +45,10 @@ export default defineComponent({
     },
     setImageUrl() {
       if (this.src) {
-        if (this.src.indexOf('assets/') != -1) {
+        if (this.src.indexOf("assets/") != -1) {
           // Assign directly in case of assets
           this.imageUrl = this.src;
-        } else if (this.src.startsWith('http')) {
+        } else if (this.src.startsWith("http")) {
           // If starts with http, it is web url check for existence and assign
           this.checkIfImageExists(this.src).then(() => {
             this.imageUrl = this.src;

diff --git a/src/components/Logo.vue b/src/components/Logo.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent } from "vue"
 
 export default defineComponent({
   name: "Logo",

diff --git a/src/components/RouteMenu.vue b/src/components/RouteMenu.vue
@@ -12,14 +12,14 @@
         <ion-card v-for="card in [1, 2, 3, 4]" ref="cards" :key="card" @click.prevent="router.push('query')">
           <ion-item lines="full">
             <ion-label>
-              <h1>{{ 'Order lookup name' }}</h1>
+              <h1>{{ "Order lookup name" }}</h1>
             </ion-label>
             <ion-chip>{{ `${card}/4` }}</ion-chip>
           </ion-item>
           <ion-item ref="item">
-            <ion-badge>{{ 'BADGE' }}</ion-badge>
+            <ion-badge>{{ "BADGE" }}</ion-badge>
             <ion-button fill="clear" color="medium" slot="end">
-              {{ 'Archive' }}
+              {{ "Archive" }}
             </ion-button>
           </ion-item>
         </ion-card>
@@ -33,54 +33,54 @@
       <ion-list v-show="!isOnBrokeringRulePage">
         <ion-item-group>
           <ion-item-divider color="medium">
-            <ion-label>{{ 'Filters' }}</ion-label>
+            <ion-label>{{ "Filters" }}</ion-label>
           </ion-item-divider>
           <ion-item>
             <ion-select label="Queue" value="Brokering Queue">
-              <ion-select-option value="Brokering Queue">{{ 'Brokering Queue' }}</ion-select-option>
+              <ion-select-option value="Brokering Queue">{{ "Brokering Queue" }}</ion-select-option>
             </ion-select>
           </ion-item>
           <ion-item>
             <ion-select label="Shipping method" value="Next Day">
-              <ion-select-option value="Next Day">{{ 'Next Day' }}</ion-select-option>
+              <ion-select-option value="Next Day">{{ "Next Day" }}</ion-select-option>
             </ion-select>
           </ion-item>
           <ion-item>
             <ion-select label="Order priority" value="High">
-              <ion-select-option value="High">{{ 'High' }}</ion-select-option>
+              <ion-select-option value="High">{{ "High" }}</ion-select-option>
             </ion-select>
           </ion-item>
           <ion-item>
-            <ion-label>{{ 'Promise date' }}</ion-label>
-            <ion-chip>{{ 'select date' }}</ion-chip>
+            <ion-label>{{ "Promise date" }}</ion-label>
+            <ion-chip>{{ "select date" }}</ion-chip>
           </ion-item>
           <ion-item>
             <ion-select label="Queue" value="Brokering Queue">
-              <ion-select-option value="Brokering Queue">{{ 'Brokering Queue' }}</ion-select-option>
+              <ion-select-option value="Brokering Queue">{{ "Brokering Queue" }}</ion-select-option>
             </ion-select>
           </ion-item>
         </ion-item-group>
       </ion-list>
       <ion-list v-show="!isOnBrokeringRulePage">
         <ion-item-group>
           <ion-item-divider color="medium">
-            <ion-label>{{ 'Sort' }}</ion-label>
+            <ion-label>{{ "Sort" }}</ion-label>
           </ion-item-divider>
           <ion-reorder-group :disabled="false">
             <ion-item>
-              <ion-label>{{ 'Ship by' }}</ion-label>
+              <ion-label>{{ "Ship by" }}</ion-label>
               <ion-reorder />
             </ion-item>
             <ion-item>
-              <ion-label>{{ 'Ship after' }}</ion-label>
+              <ion-label>{{ "Ship after" }}</ion-label>
               <ion-reorder />
             </ion-item>
             <ion-item>
-              <ion-label>{{ 'Order date' }}</ion-label>
+              <ion-label>{{ "Order date" }}</ion-label>
               <ion-reorder />
             </ion-item>
             <ion-item>
-              <ion-label>{{ 'Shipping method' }}</ion-label>
+              <ion-label>{{ "Shipping method" }}</ion-label>
               <ion-reorder />
             </ion-item>
           </ion-reorder-group>
@@ -106,15 +106,15 @@
 </template>
 
 <script setup lang="ts">
-import { IonBadge, IonButtons, IonButton, IonCard, IonChip, IonContent, IonFooter, IonIcon, IonItem, IonItemDivider, IonItemGroup, IonLabel, IonList, IonListHeader, IonMenu, IonReorder, IonReorderGroup, IonSelect, IonSelectOption, IonToolbar, createAnimation } from '@ionic/vue';
+import { IonBadge, IonButtons, IonButton, IonCard, IonChip, IonContent, IonFooter, IonIcon, IonItem, IonItemDivider, IonItemGroup, IonLabel, IonList, IonListHeader, IonMenu, IonReorder, IonReorderGroup, IonSelect, IonSelectOption, IonToolbar, createAnimation } from "@ionic/vue";
 import { addCircleOutline, archiveOutline, chevronUpOutline } from "ionicons/icons";
-import { computed, ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { computed, ref } from "vue";
+import { useRouter } from "vue-router";
 
 const router = useRouter();
 const cards = ref([])
 const listHeader = ref(null) as any
 const item = ref(null) as any
 
-const isOnBrokeringRulePage = computed(() => router.currentRoute.value.fullPath.includes('/route'))
+const isOnBrokeringRulePage = computed(() => router.currentRoute.value.fullPath.includes("/route"))
 </script>
diff --git a/src/components/RuleConfiguration.vue b/src/components/RuleConfiguration.vue
@@ -70,16 +70,16 @@
 </template>
 
 <script lang="ts">
-import { IonAccordionGroup, IonAccordion, IonButton, IonCard, IonCardHeader, IonCardTitle, IonContent, IonDatetime, IonItem, IonInput, IonLabel, IonSelect, IonSelectOption, IonIcon, IonModal, popoverController, modalController  } from '@ionic/vue';
+import { IonAccordionGroup, IonAccordion, IonButton, IonCard, IonCardHeader, IonCardTitle, IonContent, IonDatetime, IonItem, IonInput, IonLabel, IonSelect, IonSelectOption, IonIcon, IonModal, popoverController, modalController  } from "@ionic/vue";
 import { addOutline, ellipsisVerticalOutline } from "ionicons/icons";
-import { defineComponent } from 'vue';
-import { useRouter } from 'vue-router';
-import { useStore } from 'vuex';
-import RulePopover from '@/components/RulePopover.vue'
-import AddActionModal from '@/components/AddActionModal.vue'
+import { defineComponent } from "vue";
+import { useRouter } from "vue-router";
+import { useStore } from "vuex";
+import RulePopover from "@/components/RulePopover.vue"
+import AddActionModal from "@/components/AddActionModal.vue"
 
 export default defineComponent({
-  name: 'Home',
+  name: "RuleConfiguration",
   components: {
     IonAccordionGroup,
     IonAccordion,

diff --git a/src/components/RulePopover.vue b/src/components/RulePopover.vue
@@ -15,15 +15,15 @@
 </template>
 
 <script>
-import { IonContent, IonIcon, IonLabel, IonItem } from '@ionic/vue';
-import { defineComponent } from 'vue';
+import { IonContent, IonIcon, IonLabel, IonItem } from "@ionic/vue";
+import { defineComponent } from "vue";
 import { useStore } from "vuex";
 import {
   copyOutline,
   trashOutline
-} from 'ionicons/icons';
+} from "ionicons/icons";
 export default defineComponent({
-  name: 'rulePopover',
+  name: "RulePopover",
   components: { IonContent, IonIcon, IonLabel, IonItem },
   setup() {
     const store = useStore();

diff --git a/src/event-bus/index.ts b/src/event-bus/index.ts
@@ -1,4 +1,4 @@
-import mitt from 'mitt'
+import mitt from "mitt"
 
 const emitter = mitt();
 

diff --git a/src/i18n.ts b/src/i18n.ts
@@ -1,4 +1,4 @@
-import { createI18n, LocaleMessages, VueMessageType } from 'vue-i18n'
+import { createI18n, LocaleMessages, VueMessageType } from "vue-i18n"
 
 /**
  * Load locale messages
@@ -7,7 +7,7 @@ import { createI18n, LocaleMessages, VueMessageType } from 'vue-i18n'
  * See: https://github.com/intlify/vue-i18n-loader#rocket-i18n-resource-pre-compilation
  */
 function loadLocaleMessages(): LocaleMessages<VueMessageType> {
-  const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
+  const locales = require.context("./locales", true, /[A-Za-z0-9-_,\s]+\.json$/i)
   const messages: LocaleMessages<VueMessageType> = {}
   locales.keys().forEach(key => {
     const matched = key.match(/([A-Za-z0-9-_]+)\./i)
@@ -20,16 +20,16 @@ function loadLocaleMessages(): LocaleMessages<VueMessageType> {
 }
 
 const i18n = createI18n({
-  locale: process.env.VUE_APP_I18N_LOCALE || 'en',
-  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
+  locale: process.env.VUE_APP_I18N_LOCALE || "en",
+  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || "en",
   messages: loadLocaleMessages()
 })
 
 // TODO Check if this is needed in updated versions
 // Currently this method is added to be used in ts files
 const translate = (key: string) => {
   if (!key) {
-    return '';
+    return "";
   }
   return i18n.global.t(key);
 };