global linting

dhammaorg · Dec 18, 2023 · 6341872 · 6341872
1 parent c84436c
commit 6341872
Show file tree

Hide file tree

Showing 45 changed files with 1,059 additions and 818 deletions.
diff --git a/README.md b/README.md
@@ -3,24 +3,29 @@
 https://matta-nuu.netlify.app/#/
 
 ## Project setup
+
 ```
 yarn install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
 yarn serve
 ```
 
 ### Compiles and minifies for production
+
 ```
 yarn build
 ```
 
 ### Lints and fixes files
+
 ```
 yarn lint
 ```
 
 ### Customize configuration
+
 See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/public/index.html b/public/index.html
@@ -1,23 +1,21 @@
 <!DOCTYPE html>
 <html lang="">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>assets/signal.svg" />
+    <title id="title">Matta Nuu</title>
+    <style id="print-orientation" type="text/css"></style>
+    <style id="print-event-filtering" type="text/css"></style>
+  </head>
 
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="icon" href="<%= BASE_URL %>assets/signal.svg">
-  <title id="title">Matta Nuu</title>
-  <style id="print-orientation" type="text/css"></style>
-  <style id="print-event-filtering" type="text/css"></style>
-</head>
-
-<body class="matta-nuu">
-  <noscript>
-    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
-        Please enable it to continue.</strong>
-  </noscript>
-  <div id="app" class="p-component"></div>
-  <!-- built files will be auto injected -->
-</body>
-
-</html>
+  <body class="matta-nuu">
+    <noscript>
+      We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without
+      JavaScript enabled. Please enable it to continue.
+    </noscript>
+    <div id="app" class="p-component"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
diff --git a/src/App.vue b/src/App.vue
@@ -311,4 +311,5 @@ html {
   @media print {
     padding: 0;
   }
-}</style>
+}
+</style>
diff --git a/src/components/CategoryForm.vue b/src/components/CategoryForm.vue
@@ -1,14 +1,16 @@
 <template>
-  <Dialog v-model:visible="visible" :style="{width: '600px'}" :header="`${category.type} Category`"
+  <Dialog v-model:visible="visible" :style="{ width: '600px' }" :header="`${category.type} Category`"
           :modal="true" class="p-fluid category-dialog">
 
     <div class="p-field">
-      <InputText id="name" v-model.trim="category.name" required="true" placeholder="Name" autofocus/>
+      <InputText id="name" v-model.trim="category.name" required="true" placeholder="Name"
+                 autofocus />
     </div>
 
     <template #footer>
-      <Button label="Cancel" icon="pi pi-times" class="p-button-text" @click="visible = false"/>
-      <Button label="Save" icon="pi pi-check" class="p-button-text" :loading="loading" @click="saveCategory" />
+      <Button label="Cancel" icon="pi pi-times" class="p-button-text" @click="visible = false" />
+      <Button label="Save" icon="pi pi-check" class="p-button-text" :loading="loading"
+              @click="saveCategory" />
     </template>
   </Dialog>
 </template>
@@ -43,5 +45,4 @@ export default {
 }
 </script>
 
-<style lang='scss' scoped>
-</style>
+<style lang='scss' scoped></style>
diff --git a/src/components/HelpMessage.vue b/src/components/HelpMessage.vue
@@ -1,5 +1,6 @@
 <template>
-  <Message v-if="$root.help" severity="success" :closable="false" icon="pi pi-question" class="help-message">
+  <Message v-if="$root.help" severity="success" :closable="false" icon="pi pi-question"
+           class="help-message">
     <slot></slot>
   </Message>
 </template>
@@ -13,26 +14,31 @@ export default {
 </script>
 
 <style lang='scss'>
-  .help-message.p-message {
-    max-width: 800px;
-    margin: 0 auto;
-    margin-top: 1rem;
-    p {
-      margin-top: 0;
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-  .help-message .p-message-icon {
-    margin-right: 1.5rem !important;
-  }
-  .page-full-content .help-message {
-    max-width: 100%;
-    margin-bottom: 1rem;
+.help-message.p-message {
+  max-width: 800px;
+  margin: 0 auto;
+  margin-top: 1rem;
+
+  p {
     margin-top: 0;
-    &:first-child {
-      margin-top: -1rem;
+
+    &:last-child {
+      margin-bottom: 0;
     }
   }
+}
+
+.help-message .p-message-icon {
+  margin-right: 1.5rem !important;
+}
+
+.page-full-content .help-message {
+  max-width: 100%;
+  margin-bottom: 1rem;
+  margin-top: 0;
+
+  &:first-child {
+    margin-top: -1rem;
+  }
+}
 </style>
diff --git a/src/components/InputCategory.vue b/src/components/InputCategory.vue
@@ -12,7 +12,7 @@
 
   <Dropdown v-else :options="categories" optionLabel="name" optionValue="id" :showClear="true"
             placeholder="Category" :filter="true" filterPlaceholder="" class="w-100" v-bind="$attrs"
-            @filter="filterValue = $event.value" >
+            @filter="filterValue = $event.value">
     <template #footer v-if="btnAdd">
       <div class="p-dropdown-header">
         <Button icon="pi pi-plus" :label="`${type} Category`" class="p-button-sm"

diff --git a/src/components/InputProduct.vue b/src/components/InputProduct.vue
@@ -10,8 +10,9 @@
         </div>
       </template>
     </Dropdown>
-    <Button icon="pi pi-pencil" v-if="editable && value" @click="$refs.form.show($root.getProduct(value))"
-            v-tooltip="'Edit Product'" class="flex-shrink-0 btn-edit-product"/>
+    <Button icon="pi pi-pencil" v-if="editable && value"
+            @click="$refs.form.show($root.getProduct(value))"
+            v-tooltip="'Edit Product'" class="flex-shrink-0 btn-edit-product" />
   </div>
 
   <ProductForm ref="form" @created="$emit('update:modelValue', $event.id)"></ProductForm>

diff --git a/src/components/InputSupplier.vue b/src/components/InputSupplier.vue
@@ -1,7 +1,7 @@
 <template>
   <Dropdown :options="$root.suppliersArray" optionLabel="name" optionValue="id" :showClear="true"
             placeholder="Supplier" :filter="true" filterPlaceholder="" class="w-100" v-bind="$attrs"
-            @filter="filterValue = $event.value" >
+            @filter="filterValue = $event.value">
     <template #footer v-if="btnAdd">
       <div class="p-dropdown-header">
         <Button icon="pi pi-plus" label="Supplier" class="p-button-sm"

diff --git a/src/components/InputUnit.vue b/src/components/InputUnit.vue
@@ -20,7 +20,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  .p-dropdown {
-    width: 100%;
-  }
+.p-dropdown {
+  width: 100%;
+}
 </style>
diff --git a/src/components/Spinner.vue b/src/components/Spinner.vue
@@ -15,50 +15,52 @@ export default {
 </script>
 
 <style>
-  .spinner {
-    width: 11.2px;
-    height: 11.2px;
-    animation: spinner-o824ag 1s infinite linear;
-  }
+.spinner {
+  width: 11.2px;
+  height: 11.2px;
+  animation: spinner-o824ag 1s infinite linear;
+}
 
-  .spinner div {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background: var(--primary-color);
-    border-radius: 50%;
-    animation: spinner-vse6n7 1.25s infinite ease;
-  }
+.spinner div {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: var(--primary-color);
+  border-radius: 50%;
+  animation: spinner-vse6n7 1.25s infinite ease;
+}
 
-  .spinner div:nth-child(1) {
-    --rotation: 90;
-  }
+.spinner div:nth-child(1) {
+  --rotation: 90;
+}
 
-  .spinner div:nth-child(2) {
-    --rotation: 180;
-  }
+.spinner div:nth-child(2) {
+  --rotation: 180;
+}
 
-  .spinner div:nth-child(3) {
-    --rotation: 270;
-  }
+.spinner div:nth-child(3) {
+  --rotation: 270;
+}
 
-  .spinner div:nth-child(4) {
-    --rotation: 360;
-  }
+.spinner div:nth-child(4) {
+  --rotation: 360;
+}
 
-  @keyframes spinner-vse6n7 {
-    0%, 100% {
-      transform: rotate(calc(var(--rotation) * 1deg)) translateY(0);
-    }
+@keyframes spinner-vse6n7 {
 
-    50% {
-      transform: rotate(calc(var(--rotation) * 1deg)) translateY(300%);
-    }
+  0%,
+  100% {
+    transform: rotate(calc(var(--rotation) * 1deg)) translateY(0);
   }
 
-  @keyframes spinner-o824ag {
-    to {
-      transform: rotate(360deg);
-    }
+  50% {
+    transform: rotate(calc(var(--rotation) * 1deg)) translateY(300%);
   }
+}
+
+@keyframes spinner-o824ag {
+  to {
+    transform: rotate(360deg);
+  }
+}
 </style>