quasar-factory-lib 0.0.34 → 0.0.35

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "author": ""
 }

package/src/components/Table/components/TableSlotBody.vue

@@ -20,7 +20,7 @@
     >
       <span
         v-if="getColumnValue(col)"
-        :class="tableProps.row.customizedClass && tableProps.row.customizedClass(col, tablePropsData.row[col.name])"
+        :class="tableProps.row.customizedTextClass"
         v-html="tablePropsData.row[col.name]"
       ></span>
       <!-- fa-solid fa-pen-to-square -->

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

@@ -39,8 +39,7 @@
             <q-item-label
               v-if="getColumnValue(col)"
               :class="[
-                tableProps.row.customizedClass ? tableProps.row.customizedClass(col, tablePropsData.row[col.name]) : '',
-                'itemsFontSize text-almost-black'
+                tableProps.row.customizedTextClass ? tableProps.row.customizedTextClass : 'itemsFontSize text-almost-black',
               ]"
             >
               <q-icon

package/src/pages/TablePage.vue

@@ -57,11 +57,10 @@ export default {
         label: 'Dessert (100g serving)',
         align: 'left',
         sortable: true,
-        customizedClass: (row: { customizedClass: string }) => row.customizedClass,
+        customizedTextClass: (row: { customizedTextClass: string }) => row.customizedTextClass
       },
       {
         name: 'available',
-        required: false,
         label: 'Available',
         align: 'left',
         sortable: true,
@@ -109,7 +108,6 @@ export default {
         label: 'Checked',
         field: 'carbs',
         sortable: true,
-        required: false,
         showCustomizedCheckBox: true,
         checkedIcon: 'check_circle',
         uncheckedIcon: 'cancel',
@@ -122,7 +120,6 @@ export default {
         label: 'Protein (g)',
         field: 'protein',
         sortable: true,
-        required: false,
         editable: true,
         showEditIcon: true,
         popupEditEmit: 'onSaveValuePopupEdit',
@@ -306,7 +303,12 @@ export default {
     const lista = this.rowsData
     const lista2 = []
     for (let i = 0; i < lista.length; i++) {
-
+      let myNewClass = ''
+      if (lista[i]['calories'] === 159) {
+        myNewClass = 'text-negative'
+      } else {
+        myNewClass = 'text-positive'
+      }
       lista2.push({
        name: lista[i].name,
        booleanIcon: lista[i].booleanIcon,
@@ -319,7 +321,7 @@ export default {
         sodium: lista[i].sodium,
         calcium: lista[i].calcium,
         iron: lista[i].iron,
-        customizedClass: this.getClass
+        customizedTextClass: myNewClass
       })
     }
     this.rows = lista2
@@ -327,12 +329,15 @@ export default {
 
   },
   methods: {
-    getClass (cols: string, rowName: string) {
-      console.log(cols.name, rowName)
-      if (cols.name === 'name' && rowName === 'Frozen Yogurt') {
-        return 'text-negative'
-      } else {
-        return 'text-positive'
+    getClass (slotType: string, props: string, rowName: string) {
+      console.log(slotType, props, rowName)
+      // if (cols.name === 'name' && rowName === 'Frozen Yogurt') {
+      //   return 'text-negative'
+      // } else {
+      //   return 'text-positive'
+      // }
+      if (props.columns.Name.name === '') {
+
       }
     },
     saveSelectedColumns (columns: string []): void {