quasar-factory-lib 0.1.12 → 0.1.14

package/dist/store/table.d.ts

@@ -1,10 +1,10 @@
-export const tableStore: import("pinia").StoreDefinition<"tableStore", {
+export declare const tableStore: import("pinia").StoreDefinition<"tableStore", {
     filterValue: import("@vueuse/shared").RemovableRef<string>;
     lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
-    visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
+    visiblecolumns: import("@vueuse/shared").RemovableRef<string[]>;
     prepared: import("@vueuse/shared").RemovableRef<boolean>;
     user: import("@vueuse/shared").RemovableRef<{}>;
 }, {}, {
-    setFilterValue(val: any): void;
+    setFilterValue(val: string): void;
     cleanTableFilter(): void;
 }>;

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "author": ""
 }

package/src/components/Table/Table.vue

@@ -550,7 +550,7 @@ export default defineComponent({
           qtableScrollElem.length > 0 ? qtableScrollElem[0] : window
         const fnAddScroll = (event: Event) => {
           const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-          if (Math.abs(scrollHeight - clientHeight - scrollTop - offSet) < 1) {
+          if (Math.abs(scrollHeight - clientHeight - scrollTop - offSet) <= 1) {
             console.log(`[${tableType}] You are at the bottom!`, this.totalPage)
             this.totalPage++
           }

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++
         }
@@ -20,30 +20,6 @@ const infiniteScroll = {
       elementToScroll.addEventListener('scroll', fnAddScroll)
     })
   },
-  handleInfiniteScrollNewTableCompositionAPi (nextTick, smallDevice, totalPage) {
-    nextTick(() => {
-      const elemClass = smallDevice ? 'q-table__grid-content' : 'q-table__middle scroll'
-      const tableType = smallDevice ? 'Grid' : 'Table'
-      const qtableScrollElem = document.getElementsByClassName(elemClass) as HTMLCollectionOf<HTMLElement>
-      const elementToScroll =
-        qtableScrollElem.length > 0 ? qtableScrollElem[0] : window
-      const fnAddScroll = (event: Event) => {
-        console.log(totalPage, 'totalPage')
-        const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-        if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
-          debugger
-          console.log(`[${tableType}] You are at the bottom!`, totalPage)
-          totalPage++
-        }
-      }
-      window.removeEventListener('scroll', fnAddScroll)
-      elementToScroll.removeEventListener('scroll', fnAddScroll)
-      elementToScroll.addEventListener('scroll', fnAddScroll)
-    })
-  },
-  /* paginationNewTable (self: { pageLength: number;  }, rows: object []): object [] {
-    return rows.slice(0, self.$refs.table.pageLength)
-  }, */
   handleInfiniteScrollModal (self: { $nextTick: (arg0: () => void) => void; totalPageModal: number; smallDevice: boolean }, tableID: string): void {
     console.log('handleInfiniteScrollModal')
     self.$nextTick(() => {
@@ -61,7 +37,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/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: {
@@ -556,7 +556,7 @@ export default {
       setTimeout(() => {
         this.tableStyle = setTableHeight.setTableHeight()
         this.$refs.table.handleInfiniteScrollTableCompositionAPi()
-        // infiniteScroll.handleInfiniteScrollNewTable(this)
+        //infiniteScroll.handleInfiniteScrollNewTable(this)
       }, 500)
     },
     showSkeleton (val: boolean) {

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 = ''
+    }
+
+  }
+})