@modeltables/fontawesome-vuetify 4.2.1 → 4.3.0

package/README.md

@@ -1,12 +1,12 @@
 @modeltables/fontawesome-vuetify
 
-#Install
+--Install
 
 ```bash
 pnpm add @modeltables/fontawesome-vuetify
 ```
 
-#Quick start
+--Quick start
 
 1. Create Header and DataItem Model
 
@@ -33,9 +33,9 @@ export class ExampleModel {
 <Table 
   v-if="dataItems.length"
   :options="{
-    Key: 'Id',
-    Active: true,
-    ShowKey: false
+  Key: 'Id',
+  Active: false,
+  ShowKey: true
   }"
   :dataheader="dataheader" 
   :showFilters="true"
@@ -46,21 +46,20 @@ export class ExampleModel {
   @search="search($event)"
   @rowClick="rowClick($event)">
 ```
-Documentation
 
-Options data input key are required with optional attributes.
+--Documentation
+ 
+You should probably import main component and make a quick look at model table in your database.
 
-The table shows your data and lets you manage it easily. It has built-in `load` and `search` events for quick requests and updates.
+Before populating table, think about right types and order of models.
+Table should exsist with at least one virtual element at runtime with filter option enabled.
 
-Loading spinner appears while items and pagination changes.
+Default events for coordinated items are load and search with accompanying events for follow table data.
 
-Data items are organized in selections with two main events `itemSelection` and `multiSelection` to easy control your items. 
-
-Using `showFilters` are essential with `rowClick` event when paginationModel mode is on for quick data changes.
-
-CRUD features like add, edit, or delete are ready to use.
+Loading is mandatory while data items are retreving with option to use crud operation and right tool. 
 
 License
-MIT
+
+ISC
 
 

package/components/dataSets/dataSetItems.ts

@@ -1,5 +1,4 @@
 import { selectedRow, unSelectedRow } from "../helpers/resources";
-import { isEqual } from "../helpers/instances";
 
 export class DataSetItems{
     id: number = 0;
@@ -27,27 +26,14 @@ export const changeMultipleSets = (method: any, item: DataSetItems, dataItems: D
     }
 }
 
-export const changeSet = (dataSetItems: DataSetItems[], multiSelected: boolean, multiSelectedItems: Object[] = []) => {
-    let next, before;
+export const changeSet = (dataSetItems: DataSetItems[], multiSelected: boolean) => {
     for(const value of dataSetItems){
-        if(!multiSelected){
-            value.properties.selected = false;
-            value.properties.rowClass = unSelectedRow;
-            if(multiSelectedItems.some(element => isEqual(element, value.dataItem))){
-                multiSelectedItems = multiSelectedItems.filter(element => !isEqual(element, value.dataItem));
-                before = value.dataItem;
-                next = multiSelected;
-            }
-        }else{
-            value.properties.selected = true;
-            value.properties.rowClass = selectedRow;
-            if(!multiSelectedItems.some(element => isEqual(element, value.dataItem))){
-                multiSelectedItems = [...multiSelectedItems, value.dataItem];
-                next = value.dataItem;
-                before = multiSelected;
-            }
-        }
+    if(!multiSelected){
+        value.properties.selected = true;
+        value.properties.rowClass = selectedRow;
+    }else{
+        value.properties.selected = false;
+        value.properties.rowClass = unSelectedRow;
+    }
     }
-
-    return { selectedItems: multiSelectedItems, beforeItem: before, afterItem: next };
 }

package/components/table/TableView.vue

@@ -164,7 +164,6 @@ export default {
       showFilters: this.showFilters,
       modelValue: ref([]),
       firstChange: true,
-      lastSelectedItem: Object as any,
       multiSelected: false,
       perPage: this.pagination!.PerPage,
       page: this.pagination!.CurrentPage,
@@ -203,15 +202,11 @@ export default {
 
         dataSet.changeMultipleSet = [(item: DataSetItems) => {
           if(this.multiSelectedItems.some(element => isEqual(element, item.dataItem))){
-            setTimeout(() => {
-              item.properties.rowClass = selectedRow;
-              item.properties.selected = true;
-            }, 100)
+            item.properties.rowClass = unSelectedRow;
+            item.properties.selected = false;
           }else{
-            setTimeout(() => {
-              item.properties.rowClass = unSelectedRow;
-              item.properties.selected = false;
-            }, 100)
+            item.properties.rowClass = selectedRow;
+            item.properties.selected = true;
           }
         }];
 
@@ -220,8 +215,6 @@ export default {
             dataSet.properties.rowClass = unSelectedRow;
           }
 
-          this.multiSelectedItems = [];
-          this.multiSelectedItems = [item.dataItem];
           changeActiveSets(dataSet.changeMultipleSet, item);
         }]
         
@@ -234,9 +227,7 @@ export default {
 
       this.dataSetItems = dataSetItems;
       this.dataItems = dataItems;
-      if(this.multiSelect){
-        this.changePageActiveSet(event);
-      }
+
     },
     initHeaders() {
       let dataSetHeaders = [] as DataSetHeader[];
@@ -280,12 +271,13 @@ export default {
         for(let dataSet of this.dataSetItems){
           dataSet.properties.rowClass = unSelectedRow;
         }
+
         changeMultipleSets(item.changeItemSet, item, this.dataSetItems);
-        this.$emit(itemSelection, {item: item.dataItem, lastItem: this.lastSelectedItem});
-        this.lastSelectedItem = item.dataItem;
+        this.$emit(itemSelection, item.dataItem);
       }
 
       if(this.multiSelect){
+        
         if(!this.multiSelectedItems.length){
           this.multiSelectedItems = [item.dataItem];
         }else if(this.multiSelectedItems.some(element => isEqual(element, item.dataItem))){
@@ -295,7 +287,7 @@ export default {
         }
 
         changeActiveSets(item.changeMultipleSet, item);
-        this.$emit(multiSelection, { selectedItems: this.multiSelectedItems, beforeItem: item.dataItem, afterItem: item.dataItem });
+        this.$emit(multiSelection, this.multiSelectedItems);
       }
     },
     filterValue(event: any, dataItem: any){
@@ -350,6 +342,7 @@ export default {
       this.search();
     },
     pageSize(event: any){
+      console.log(event);
       this.perPage = event;
       this.filters.PerPage = this.perPage;
       this.search();
@@ -360,34 +353,12 @@ export default {
       this.filters.SortDirection = window.Number(prop.sort);
       this.search();
     },
-    changePageActiveSet(event: any){
-      if(this.dataSetItems.length && this.multiSelectedItems.length){
-        for(let multiSelectItem of this.multiSelectedItems){
-          let dataSetItem = this.dataSetItems.find((dataSet) => isEqual(dataSet.dataItem, multiSelectItem));
-          if(dataSetItem != undefined){
-            changeActiveSets(dataSetItem.changeMultipleSet, dataSetItem);
-          }
-        }
-        this.changeCheckActiveSet(event);
-      }
-    },
-    changeCheckActiveSet(event: any){
-      for(let dataSetItem of this.dataSetItems){
-        if(this.multiSelectedItems.some(element => isEqual(element, dataSetItem.dataItem))){
-          this.multiSelected = true;
-        }else{
-          this.multiSelected = false;
-        }
-      }
-    },
     selectItem(event){
       console.log(event);
     },
     multiSelectItems(event){
+      changeSet(this.dataSetItems, this.multiSelected);
       this.multiSelected = !this.multiSelected;
-      let result = changeSet(this.dataSetItems, this.multiSelected, this.multiSelectedItems);
-      this.multiSelectedItems = result.selectedItems;
-      this.$emit(multiSelection, result);
     }
   }
 }