quasar-factory-lib 0.0.53 → 0.0.54

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.53",
+  "version": "0.0.54",
   "author": ""
 }

package/src/components/Table/components/TableFilter.vue

@@ -1,6 +1,7 @@
 <template>
   <q-input
     ref="filterRef"
+    data-cy="input-filter"
     v-model="localStore.filterValue"
     borderless
     dense

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

@@ -1,5 +1,6 @@
 <template>
   <div
+    :id="'card-container-' + tablePropsData.row.id"
     :class="'q-pa-xs col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition'"
     :style="tablePropsData.selected ? 'transform: scale(0.95);' : ''"
   >
@@ -17,6 +18,7 @@
     >
       <q-card-section>
         <q-checkbox
+          :data-cy="'checkbox-' + tablePropsData.row.id"
           v-if="selectionType != 'none'"
           v-model="tablePropsData.selected"
           dense
@@ -41,6 +43,7 @@
               class="itemsFontSize text-color-almostBlack"
               :class="getCellClass(tablePropsData.row, col)"
             >
+              <span v-html="tablePropsData.row[col.name]" />
               <q-icon
                 v-if="col.editable"
                 name="edit"
@@ -48,7 +51,6 @@
                 size="sm"
                 class="cursor-pointer"
               />
-              <span v-html="tablePropsData.row[col.name]" />
               <PopupEditNumber
                 v-if="col.editable && col.popupEditInputtype === 'number'"
                 :model="tablePropsData.row[col.name] || ''"
@@ -190,7 +192,4 @@ export default {
 }
 </script>
 <style>
-/* .q-btn {
-  padding: unset;
-} */
 </style>

package/src/components/TaskNavBar/TaskNavBar.vue

@@ -6,7 +6,7 @@
           <img :src="logo" class="logo">
           <span id="mobile-title">{{ title }}</span>
         </div>
-        <div class="col-5 text-right">
+        <div class="col-5 text-right" data-cy="back">
             <q-icon v-if="showBtnBack" size="md" class="cursor-pointer" @click="onClickBtnBack">
               <svg class="text-h4" xmlns="http://www.w3.org/2000/svg" width="30" height="30"
                 viewBox="0 0 23.648 22.836">
@@ -23,9 +23,10 @@
               :name="showIconSearch ?'search' : 'search_off'" 
               size="md" 
               class="q-ml-md cursor-pointer"
+              data-cy="search"
               @click="onClickBtnSearch">
             </q-icon>
-            <q-icon id="iconMenu" size="md" @click="onClickBtnMenu" class="q-ml-md cursor-pointer">
+            <q-icon id="iconMenu" size="md" @click="onClickBtnMenu" class="q-ml-md cursor-pointer" data-cy="menu">
               <svg xmlns="http://www.w3.org/2000/svg" width="30.448" height="28.247" viewBox="0 0 30.448 28.247">
                 <g id="Componente_11_3" data-name="Componente 11 – 3" transform="translate(0 1)">
                   <path id="Caminho_702" data-name="Caminho 702" d="M38.053,40.174H24"

package/src/layouts/PdaLayout.vue

@@ -23,14 +23,15 @@
           ref="table"
           :rows="rows"
           :columns="columns"
-          :visible-columns="visibleColumns"
+          :visible-columns="store.visiblecolumns"
           :small-device="smallDevice"
           :store="store"
           :table-style="tableStyle"
           :show-skeleton="showSkeleton"
           :selection-type="'multiple'"
-          :filter-method="filterMethod"
-          @on-select-visible-columns="saveSelectedColumns"
+          @on-select-visible-columns="(columns) => {
+            store.visiblecolumns = columns
+          }"
           @on-update-basic-checkbox-value="onUpdateBasicCheckboxValue"
           @on-update-customized-checkbox-value="onUpdateCustomizedCheckboxValue"
           @on-click-button="setItemNotFound"
@@ -50,7 +51,6 @@
  import Table from '../components/Table/Table.vue'
 import setTableHeight from '../components/Table/utils/setTableHeight'
 import infiniteScroll from '../components/Table/utils/infiniteScroll'
-import FilterMethod from '../components/Table/utils/filterMethod'
 import { tableStore } from '../store/table.js'
 export default {
   components: {
@@ -59,7 +59,7 @@ export default {
   },
   data () {
     return {
-      smallDevice: false,
+      smallDevice: true,
       showDialog: false,
       store: tableStore(),
       tableStyle: '',
@@ -147,12 +147,12 @@ export default {
         field: 'protein',
         sortable: true,
         required: true,
-        // editable: true,
-        // showEditIcon: true,
-        // popupEditEmit: 'onSaveValuePopupEdit',
-        // popupEditInputtype: 'text',
-        // popupEditDataCy: '',
-        // showInputPopupEdit: true
+        editable: true,
+        showEditIcon: true,
+        popupEditEmit: 'onSaveValuePopupEdit',
+        popupEditInputtype: 'text',
+        popupEditDataCy: '',
+        showInputPopupEdit: true
       },
       {
         name: 'sodium',
@@ -315,7 +315,6 @@ export default {
           iron: '6%'
         }
       ],
-      visibleColumns: [],
       showSkeleton: false
     }
   },
@@ -330,18 +329,8 @@ export default {
     getRows () {
       setTimeout(()=> {
       this.showSkeleton = false
-
-      // this.visibleColumns = this.store.visiblecolumns
     }, 1000)
     this.rows = this.rowsData
-    this.visibleColumns = this.store.visiblecolumns
-    },
-    saveSelectedColumns (columns: string []): void {
-      this.store.visiblecolumns = columns
-      this.visibleColumns = columns
-    },
-    filterMethod (rows: string | [], terms: { search: string }): object[] | [] {
-      return FilterMethod.filter(this, rows, terms)
     },
     onUpdateBasicCheckboxValue (rows: object []) {
       console.log(rows, 'onUpdateBasicCheckboxValue')

package/src/pages/ConfirmPage.vue

@@ -9,6 +9,7 @@
       >
       <ConfirmDialog
           ref="ConfirmRef"
+          dataCy="confirm-dialog"
           @onClickBtnConfirm="onClickBtnConfirm"
           @onClickBtnCancel="onClickBtnCancel"
         />

package/src/pages/TablePage.vue

@@ -22,7 +22,9 @@
           :filterComputedOptions="{ preparedQuantity: store.prepared}"
           :additional-sort-conditions="additionalSortConditions"
           :additional-filter-conditions="additionalFilterConditions"
-          @on-select-visible-columns="saveSelectedColumns"
+          @on-select-visible-columns="(columns) => {
+            store.visiblecolumns = columns
+          }"
           @on-update-basic-checkbox-value="onUpdateBasicCheckboxValue"
           @on-update-customized-checkbox-value="onUpdateCustomizedCheckboxValue"
           @on-click-button="setItemNotFound"
@@ -359,9 +361,6 @@ export default {
         this.showSkeleton = false
       }, 1000);
     },
-    saveSelectedColumns (columns: string []): void {
-      this.store.visiblecolumns = columns
-    },
     onUpdateBasicCheckboxValue (rows: object []) {
       console.log(rows, 'onUpdateBasicCheckboxValue')
     },