quasar-factory-lib 0.0.81 → 0.0.83

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.81",
+  "version": "0.0.83",
   "author": ""
 }

package/src/components/Table/Table.vue

@@ -256,7 +256,8 @@ export default defineComponent({
       return !this.smallDevice || this.showSearch
     },
     showGridHeader () {
-      return this.selectionType === 'multiple'
+      // return this.selectionType === 'multiple'
+      return this.selectionType === 'multiple' || this.showAdvancedFilter 
     },
     getTableSkeletonVisibility () {
       return !this.smallDevice && this.showSkeleton

package/src/components/Table/components/TableSlotHeader.vue

@@ -27,11 +27,12 @@
     :advancedFilters="advancedFilters"
     :selectionType="selectionType"
   />
+
   <GridAdvancedFilters
     v-if="showAdvancedFilter && smallDevice"
-    :sho-advanced-filter="showAdvancedFilter"
     :tableProps="tablePropsData"
     :advancedFilters="advancedFilters"
+    :show-advanced-filter="showAdvancedFilter"
   />
 </template>
 <script lang="ts">

package/src/components/Table/components/advanced-filters/GridAdvancedFilters.vue

@@ -2,14 +2,50 @@
   <q-dialog
     v-model="showDialog" 
     persistent
-    seamless
-    :position="'bottom'"
+    :seamless="true"
+    position="bottom"
     full-width
     transition-show="slide-up"
     transition-hide="slide-down">
-    <q-card>
-      <q-bar/>
-      <q-card-section style="max-height: 50vh" class="scroll">
+    <q-card
+      square
+      flat
+    >
+      <q-bar>
+        <q-icon
+          name="filter_alt"
+           color="primary"
+        />
+          <q-space />
+
+          <q-btn
+            dense
+            flat
+            icon="minimize" 
+            color="primary"
+            :disable="maximizedToggle"
+            @click="maximizedToggle = true"
+          >
+            <q-tooltip
+              v-if="maximizedToggle"
+              class="bg-white text-primary">Minimize</q-tooltip>
+          </q-btn>
+          <q-btn
+            dense
+            flat
+            icon="crop_square"
+            color="primary"
+            @click="maximizedToggle = false"
+            :disable="!maximizedToggle"
+          >
+            <q-tooltip
+              v-if="!maximizedToggle"
+              class="bg-white text-primary">Maximize</q-tooltip>
+          </q-btn>
+        </q-bar>
+      <q-card-section
+        :style="maximizedToggle ? 'display:none;' : 'display: block'"
+        class="scroll">
         <div class="row">
           <div v-for="col in otherCols" class="col-xs-6 col-sm-4 col-md-3 q-px-xs q-py-xs"   
             :key="col.label">
@@ -90,7 +126,8 @@ export default {
   },
   data () {
     return {
-      showDialog: true
+      showDialog: true,
+      maximizedToggle: false
     }
   },
   computed: {

package/src/components/Table/css/table.css

@@ -62,6 +62,7 @@
   font-size: 14px;
 }
 @media only screen and (max-width: 1100px) {
+
   .my-table .q-table__grid-content {
     overflow: auto;
     height: 400px;

package/src/layouts/PdaLayout.vue

@@ -42,7 +42,6 @@
           :store="store"
           :table-style="tableStyle"
           :show-skeleton="showSkeleton"
-          :selection-type="'multiple'"
           @on-select-visible-columns="(columns) => {
             store.visiblecolumns = columns
           }"
@@ -101,7 +100,8 @@ export default {
         required: true,
         label: 'Fecha',
         align: 'left',
-        sortable: true
+        sortable: true,
+        type: 'date'
       },
       {
         name: 'available',
@@ -109,7 +109,8 @@ export default {
         label: 'Available',
         align: 'left',
         sortable: true,
-        showBasicCheckbox: true
+        showBasicCheckbox: true,
+        type: 'boolean'
       },
       {
         name: 'booleanIcon',
@@ -117,7 +118,8 @@ export default {
         label: 'Boolean Icon',
         align: 'left',
         sortable: true,
-        showCustomizedIcon: true
+        showCustomizedIcon: true,
+        type: 'boolean'
       },
       {
         name: 'calories',
@@ -131,7 +133,8 @@ export default {
         popupEditDataCy: '',
         mask: '#####',
         showSelectNumberOptions: false,
-        popupEditInputtype: 'number'
+        popupEditInputtype: 'number',
+        type: 'number'
       },
       {
         name: 'fat',
@@ -142,7 +145,8 @@ export default {
         btnIcon: 'save',
         btnEmit: 'onClickButton',
         dataCy: 'onClickButton',
-        btnColor: 'primary'
+        btnColor: 'primary',
+        type: 'number'
       },
       {
         name: 'carbs',
@@ -152,7 +156,8 @@ export default {
         popupEditEmit: 'onSaveValuePopupEdit',
         popupEditDataCy: '',
         inputMaxLength: 200,
-        popupEditInputtype: 'textarea'
+        popupEditInputtype: 'textarea',
+        type: 'string'
       },
       {
         name: 'checked',
@@ -165,7 +170,8 @@ export default {
         uncheckedIcon: 'cancel',
         checkBoxColorCaseTrue: 'positive',
         checkBoxColorCaseFalse: 'negative',
-        checkBoxDataCy: ''
+        checkBoxDataCy: '',
+        type: 'boolean'
       },
       {
         name: 'protein',
@@ -178,24 +184,28 @@ export default {
         popupEditEmit: 'onSaveValuePopupEdit',
         popupEditInputtype: 'text',
         popupEditDataCy: '',
-        showInputPopupEdit: true
+        showInputPopupEdit: true,
+        type: 'string'
       },
       {
         name: 'sodium',
         label: 'Sodium (mg)',
-        field: 'sodium'
+        field: 'sodium',
+        type: 'string'
       },
       {
         name: 'calcium',
         label: 'Calcium (%)',
         field: 'calcium',
-        sortable: true
+        sortable: true,
+        type: 'string'
       },
       {
         name: 'iron',
         label: 'Iron (%)',
         field: 'iron',
-        sortable: true
+        sortable: true,
+        type: 'string'
       }
       ],
       rows: [],