quasar-factory-lib 0.1.11 → 0.1.13

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "author": ""
 }

package/src/components/SkeletonAreas/SkeletonAreas.vue

@@ -15,5 +15,4 @@
   }
 </script>
 <style scoped>
-@import url();
 </style>

package/src/components/SkeletonFormCreateTask/SkeletonFormCreateTask.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <q-card class="my-card fixed-center">
+    <q-card class="form-create-task fixed-center">
       <q-item>
         <q-item-section>
           <q-item-label>
@@ -39,19 +39,4 @@
     name: 'SkeletonFormCreateTask',
   }
 </script>
-<style scoped>
-  .q-card {
-    width: 400px;
-  }
-  @media only screen and (max-width: 1100px) {
-    .q-card {
-      width: 300px;
-    }
-  }
-  @media only screen and (max-width: 350px) {
-    .q-card {
-      margin: auto;
-      height: auto;
-    }
-  }
-</style>
+

package/src/components/SkeletonFormCreateTask/style.css

@@ -0,0 +1,14 @@
+  .form-create-task {
+    width: 400px;
+  }
+  @media only screen and (max-width: 1100px) {
+     .form-create-task{
+      width: 300px;
+    }
+  }
+  @media only screen and (max-width: 350px) {
+    .form-create-task {
+      margin: auto;
+      height: auto;
+    }
+  }

package/src/components/Table/utils/infiniteScroll.ts

@@ -10,7 +10,7 @@ const infiniteScroll = {
         qtableScrollElem.length > 0 ? qtableScrollElem[0] : window
       const fnAddScroll = (event: Event) => {
         const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-        if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
+        if (Math.abs(scrollHeight - clientHeight - scrollTop) <= 1) {
           console.log(`[${tableType}] You are at the bottom!`, self.$refs.table.totalPage)
           self.$refs.table.totalPage++
         }
@@ -30,7 +30,7 @@ const infiniteScroll = {
       const fnAddScroll = (event: Event) => {
         console.log(totalPage, 'totalPage')
         const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-        if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
+        if (Math.abs(scrollHeight - clientHeight - scrollTop) <= 1) {
           debugger
           console.log(`[${tableType}] You are at the bottom!`, totalPage)
           totalPage++
@@ -61,7 +61,7 @@ const infiniteScroll = {
           }
         } else {
           const { scrollHeight, scrollTop, clientHeight } = target
-          if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
+          if (Math.abs(scrollHeight - clientHeight - scrollTop) <= 1) {
             console.log('[Table] You are at the bottom!')
             self.$refs.table.totalPage++
           }

package/src/components/Table/utils/sort.ts

@@ -0,0 +1,46 @@
+const qTableSort = {
+sortMethod<T extends Record<string, unknown>>(
+  rows: T[],
+  sortBy: keyof T,
+  descending: boolean,
+  values: (keyof T)[] = []
+) {
+  const rowsFlat = [...rows]
+console.log(sortBy, 'sortBy')
+  if (sortBy) {
+    if (values.includes(sortBy)) {
+      this.sortDates(sortBy, descending, rowsFlat)
+    } else {
+      rowsFlat.sort((a, b) => {
+        const x = descending ? b : a
+        const y = descending ? a : b
+        return x[sortBy] > y[sortBy] ? 1 : x[sortBy] < y[sortBy] ? -1 : 0
+      })
+    }
+  }
+
+  return rowsFlat
+},
+
+sortDates<T extends Record<string, unknown>>(
+  sortBy: keyof T,
+  descending: boolean,
+  rowsFlat: T[]
+) {
+  console.log(sortBy, 'sortBy')
+  rowsFlat.sort((columnA, columnB) => {
+    const a = columnA[sortBy] as string
+    const b = columnB[sortBy] as string
+
+    let x = descending ? b : a
+    let y = descending ? a : b
+
+    x = x.split('/').reverse().join('-')
+    y = y.split('/').reverse().join('-')
+
+    return x.localeCompare(y)
+  })
+}
+
+}
+export default qTableSort

package/src/css/app.css

@@ -2,6 +2,7 @@
 @import url('../components/TaskNavBar/css/taskNavBar.css');
 @import url('../components/ConfirmedTask/style.css');
 @import url('../components/SkeletonAreas/style.css');
+@import url('../components/SkeletonFormCreateTask/style.css');
 @import url('./fonts.css');
 :root {
   --main-color: #FFF8F2;

package/src/env.d.ts

@@ -0,0 +1,64 @@
+/// <reference types="vite/client" />
+
+import type { Quasar } from 'quasar'
+import type { Router, RouteLocationNormalizedLoaded } from 'vue-router'
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    NODE_ENV: string
+    VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined
+    VUE_ROUTER_BASE: string | undefined
+  }
+}
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $router: Router
+    $route: RouteLocationNormalizedLoaded
+    $q: Quasar
+    translate: (key: string, args?: unkown[]) => string
+    $t: I18n['global']['t']
+    $i18n: I18n
+    $refs: {
+      table: {
+        toogleColumnsSelectorVisibility: () => void
+        handleInfiniteScrollTableCompositionAPi: () => void
+        toggleSearchVisibility: (store: object) => void
+        filterInputFocus: ()=> void
+        totalPage: number
+        pageLength: number
+        enableDragAndDrop: boolean
+      }
+        AlertLabelsWithError: {
+        alert: boolean
+        labelsErrors: {
+          label: string
+          error: string
+          icon: string
+          spinner: boolean
+        }[]
+        setIconCircleCheck: (labelCode: string) => void
+        setLabelsSpinner: (labelCode: string, value: boolean) => void
+      }
+      ConfirmRef: {
+        openDialogAndSetMessage: (message: string) => void
+      }
+      ConfirmedTask: {
+        alert: boolean
+      }
+      AlertRef:{
+        openAlertAndSetMessage: (message: string) => void
+      }
+      sideBar: {
+        toggleRightDrawer:()=> void
+        setRightDrawerOpenToFalse: () => void
+      }
+      popup: {
+        hide: () => void
+      }
+      filterInput: {
+        inputFocus: () => void
+      }
+    }
+  }
+}

package/src/layouts/PdaLayout.vue

@@ -84,7 +84,7 @@ import NavBarSkeleton from '../components/NavBarSkeleton/NavBarSkeleton.vue'
 import TableRowsCounter from'../components/TableRowsCounter/TableRowsCounter.vue'
 import AlertLabelsWithError from '../components/AlertLabelsWithError/AlertLabelsWithError.vue'
 import setTableHeight from '../components/Table/utils/setTableHeight'
-// import infiniteScroll from '../components/Table/utils/infiniteScroll'
+import infiniteScroll from '../components/Table/utils/infiniteScroll'
 import { tableStore } from '../store/table.js'
 export default {
   components: {
@@ -555,16 +555,16 @@ export default {
     '$q.screen.width' (): void {
       setTimeout(() => {
         this.tableStyle = setTableHeight.setTableHeight()
-        this.$refs.table.handleInfiniteScrollTableCompositionAPi()
-        // infiniteScroll.handleInfiniteScrollNewTable(this)
+        // this.$refs.table.handleInfiniteScrollTableCompositionAPi()
+        infiniteScroll.handleInfiniteScrollNewTable(this)
       }, 500)
     },
     showSkeleton (val: boolean) {
       if (!val) {
         setTimeout(() => {
           this.tableStyle = setTableHeight.setTableHeight()
-          this.$refs.table.handleInfiniteScrollTableCompositionAPi()
-          // infiniteScroll.handleInfiniteScrollNewTable(this)
+          // this.$refs.table.handleInfiniteScrollTableCompositionAPi()
+          infiniteScroll.handleInfiniteScrollNewTable(this)
         }, 500)
       }
     }

package/src/store/table.ts

@@ -0,0 +1,23 @@
+import { defineStore } from 'pinia'
+import { useStorage } from '@vueuse/core'
+export const tableStore = defineStore('tableStore', {
+  state: () => ({
+    filterValue: useStorage('filterValue', ''),
+    lastFilterValue: useStorage('lastFilterValue', ''),
+    visiblecolumns: useStorage('visiblecolumns', []as string[]),
+    prepared: useStorage('prepared', false),
+    user: useStorage('user', {})
+  }),
+  getters: {
+  },
+  actions: {
+    setFilterValue (val: string): void {
+      this.filterValue = val
+    },
+    cleanTableFilter (): void {
+      this.filterValue = ''
+      this.lastFilterValue = ''
+    }
+
+  }
+})