quasar-factory-lib 0.0.61 → 0.0.63

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "author": ""
 }

package/src/components/Confirm/ConfirmDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <q-dialog v-model="alert" persistent>
-    <q-card class="alert-card" :data-cy="dataCy">
+    <q-card class="alert-card" :data-cy="dataCy || 'confirm-dialog'">
       <q-card-section class="row items-center">
         <span class="q-ml-sm text-body1">{{ message }}</span>
       </q-card-section>

package/src/components/ConfirmedTask/ConfirmedTask.vue

@@ -46,8 +46,8 @@
     </q-dialog>
   </div>
 </template>
-<script>
-import { defineComponent, ref } from 'vue'
+<script lang="ts">
+import { defineComponent } from 'vue'
 export default defineComponent({
   data () {
     return {

package/src/components/Table/Table.vue

@@ -278,9 +278,8 @@ export default defineComponent({
     clearTableSelection () {
       this.selected = []
     },
-    toggleSearchVisibility (store: {disableScannerButtons: boolean, lastFilterValue: string, valueInputFilterTable: string}) {
+    toggleSearchVisibility (store: { lastFilterValue: string, valueInputFilterTable: string }) {
       this.showSearch = !this.showSearch
-      store.disableScannerButtons = false
       store.lastFilterValue = ''
       store.valueInputFilterTable = ''
     },
@@ -332,19 +331,27 @@ export default defineComponent({
             return (hours * 3600) + (minutes * 60) + seconds;
           };
 
+          const parsePercentage = (percentageString: string): number => {
+            return parseFloat(percentageString.replace('%', '')) / 100;
+          };
+
           if (typeof xValue === 'string' && typeof yValue === 'string') {
             const xDate = parseDate(xValue);
             const yDate = parseDate(yValue);
-            
+
             if (!isNaN(xDate.getTime()) && !isNaN(yDate.getTime())) {
               return xDate.getTime() - yDate.getTime();
             }
 
             const xTime = parseTime(xValue);
             const yTime = parseTime(yValue);
-            
+
             if (!isNaN(xTime) && !isNaN(yTime)) {
               return xTime - yTime;
+            } else if (xValue.includes('%') && yValue.includes('%')) {
+              const xPercent = parsePercentage(xValue);
+              const yPercent = parsePercentage(yValue);
+              return xPercent - yPercent;
             } else {
               return xValue.localeCompare(yValue);
             }
@@ -353,6 +360,7 @@ export default defineComponent({
             return xValue - yValue;
           } 
           else if (typeof xValue === 'boolean' && typeof yValue === 'boolean') {
+            console.log(xValue, yValue)
             return xValue === yValue ? 0 : xValue ? 1 : -1;
           } 
           else {

package/src/components/Table/components/BasicCheckBox.vue

@@ -30,6 +30,11 @@ export default {
       tablePropsData: this.tableProps,
       modelData: this.model
     }
+  },
+  watch: {
+    model (val) {
+      this.modelData = val
+    }
   }
 }
 </script>

package/src/components/Table/components/CustomizedCheckBox.vue

@@ -51,6 +51,11 @@ export default {
       tablePropsData: this.tableProps,
       modelData: this.model
     }
+  },
+  watch: {
+    model (val) {
+      this.modelData = val
+    }
   }
 }
 </script>

package/src/components/Table/components/TableSlotGrid.vue

@@ -16,9 +16,10 @@
           : tablePropsData.row.rowBgColor || 'bg-main-color'
       "
     >
-      <q-card-section>
+      <q-card-section class="q-py-sm">
         <q-checkbox
           :data-cy="'checkbox-' + tablePropsData.row.id"
+          size="sm"
           v-if="selectionType != 'none'"
           v-model="tablePropsData.selected"
           dense
@@ -28,6 +29,7 @@
         <q-item
           v-for="col in tablePropsData.cols.filter((col: any) => col.name !== 'desc')"
           :key="col.name"
+          :id="col.name"
         >
           <q-item-section>
             <q-item-label class="itemsFontSize ellipsis text-color-lightGray">

package/src/css/app.css

@@ -56,12 +56,9 @@
 .text-color-negative-bold {
   color: var(--negative);
   font-weight: bold;
-  font-size: 30px;
+  font-size: 18px;
 }
 
 .border-bottom-darkGrey{
   border-bottom: 0.7px solid var(--dark-gray);
 }
-
-/* const labelTextColor = 'color: #597765 !important;'
-const labelTextColorBold = 'color: #597765 !important; font-weight: bold;' */

package/src/layouts/MenuLayout.vue

@@ -2,6 +2,7 @@
   <div class="column full-height justify-center">
     <q-btn
       label="Table"
+      data-cy="table"
       @click="() => {
         router.push('tablePage')
       }"

package/src/layouts/PdaLayout.vue

@@ -18,9 +18,7 @@
             @on-click-btn-menu="toogleColumnsSelectorVisibility">
           </TaskNavBar>
           <TableRowsCounter :counterJson="[
-            { qty: 1, title: 'Total',  dataCy: 'datacy', extraClasses: 'class'},
-            { qty: 10, title: 'Total2',  dataCy: 'datacy', extraClasses: 'text-color-positive'},
-            { qty: 30, title: 'Total3',  dataCy: 'datacy', extraClasses: 'text-color-negative-bold'}
+            { qty: 1, title: 'Total',  dataCy: 'datacy', extraClasses: 'class'}
           ]"/>
         </div>
       </q-header>
@@ -57,14 +55,9 @@
             position="bottom"
             expand
           >
-            <q-btn class="full-width" color="accent" icon="arrow_forward" />
+            <q-btn class="full-width" color="black" icon="arrow_forward" />
           </q-page-sticky>
         </q-page>
-        <!-- <SideBar
-          ref="sideBar"
-          @toggle-right-drawer="toggleRightDrawer"
-          @onclick-show-select-visible-columns="toogleColumnsSelectorVisibility"
-          :buttonsList="buttonsList" /> -->
       </q-page-container>
   </q-layout>
   </div>
@@ -74,7 +67,6 @@
 <script lang="ts">
 import TaskNavBar from '../components/TaskNavBar/TaskNavBar.vue'
 import Table from '../components/Table/Table.vue'
-// import SideBar from '../components/TaskNavBar/SideBar.vue'
 import NavBarSkeleton from '../components/NavBarSkeleton/NavBarSkeleton.vue'
 import TableRowsCounter from'../components/TableRowsCounter/TableRowsCounter.vue'
 import AlertLabelsWithError from '../components/AlertLabelsWithError/AlertLabelsWithError.vue'
@@ -84,7 +76,6 @@ import { tableStore } from '../store/table.js'
 export default {
   components: {
     TaskNavBar,
-    // SideBar,
     Table,
     TableRowsCounter,
     AlertLabelsWithError,
@@ -377,19 +368,7 @@ export default {
     this.showSkeleton = true
     this.store.cleanTableFilter()
     this.getRows()
-    this.$refs.AlertLabelsWithError.alert = true
-    this.$refs.AlertLabelsWithError.labelsErrors.push({
-            label: '558877',
-            error: 'The Bin does not exist. Identification fields and values',
-            icon: 'cancel',
-            spinner: false
-          },
-          {
-            label: '558871',
-            error: 'The Bin does not exist. Identification fields and values',
-            icon: 'cancel',
-            spinner: false
-          })
+    // this.getAlertLabelsWithError()
   },
   methods: {
     getRows () {
@@ -427,10 +406,20 @@ export default {
     onCloseDialogLabelsError () {
       console.log('onCloseDialogLabelsError')
     },
-    getX () {
-      // this.$refs.AlertLabelsWithError.setLabelsSpinner(labelCode, true)
-
-      // this.$refs.AlertLabelsWithError.setIconCircleCheck(labelCode)
+    getAlertLabelsWithError () {
+      this.$refs.AlertLabelsWithError.alert = true
+      this.$refs.AlertLabelsWithError.labelsErrors.push({
+        label: '558877',
+        error: 'The Bin does not exist. Identification fields and values',
+        icon: 'cancel',
+        spinner: false
+      },
+      {
+        label: '558871',
+        error: 'The Bin does not exist. Identification fields and values',
+        icon: 'cancel',
+        spinner: false
+      })
     }
   }
 }

package/src/store/table.js

@@ -2,7 +2,6 @@ import { defineStore } from 'pinia'
 import { useStorage } from '@vueuse/core'
 export const tableStore = defineStore('tableStore', {
   state: () => ({
-    disableScannerButtons: useStorage('disableScannerButtons', false),
     filterValue: useStorage('filterValue', ''),
     lastFilterValue: useStorage('lastFilterValue', ''),
     visiblecolumns: useStorage('visiblecolumns', []),
@@ -18,7 +17,6 @@ export const tableStore = defineStore('tableStore', {
     cleanTableFilter () {
       this.filterValue = ''
       this.lastFilterValue = ''
-      this.disableScannerButtons = false
     }
 
   }