@modeltables/fontawesome-vuetify 1.0.4 → 1.1.0

package/components/index.d.ts

@@ -1,7 +1,7 @@
 /*! @licence MIT */
 
 export { default as TableView } from "./table/TableView.vue";
-export { HeaderModel, PaginatonModel, PaginatedResponse } from './models/table-models';
+export { HeaderModel, PaginatonModel, PaginatedResponse } from './models/tablemodels';
 
 /*! 
 * Vuetify Labs v3.4.0 by vuetify - https://vuetifyjs.com

package/components/index.js

@@ -0,0 +1,7 @@
+// Minimal build entry for Vue CLI pages
+console.log('components/index.js loaded for build');
+
+// If you want to mount a demo app during build, import Vue and mount here.
+// import { createApp } from 'vue';
+// import App from './App.vue';
+// createApp(App).mount('#app');

package/components/models/tablemodels.d.ts

@@ -0,0 +1,20 @@
+export declare class HeaderModel {
+    title: string;
+    key?: string;
+    sort?: any;
+}
+
+export declare class PaginatonModel {
+    PageCount: number;
+    PerPage: number;
+    CurrentPage: number;
+    TotalCount: number;
+}
+
+export declare class PaginatedResponse<T> {
+    PageSize?: number;
+    PageCount?: number;
+    CurrentPage?: number;
+    TotalCount?: number;
+    Items: Array<T>;
+}

package/components/models/tablemodels.js

@@ -0,0 +1,26 @@
+export class HeaderModel {
+  constructor() {
+    this.title = '';
+    this.key = undefined;
+    this.sort = undefined;
+  }
+}
+
+export class PaginatonModel {
+  constructor() {
+    this.PageCount = 1;
+    this.PerPage = 10;
+    this.CurrentPage = 1;
+    this.TotalCount = 0;
+  }
+}
+
+export class PaginatedResponse {
+  constructor() {
+    this.PageSize = undefined;
+    this.PageCount = undefined;
+    this.CurrentPage = undefined;
+    this.TotalCount = undefined;
+    this.Items = [];
+  }
+}

package/components/pagination/PaginationView.vue

@@ -1,8 +1,12 @@
 <script lang="ts">
 import { faArrowAltCircleDown } from '@fortawesome/free-regular-svg-icons';
 import { faChevronLeft, faChevronRight, faFastBackward, faFastForward } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 
 export default {
+    components: {
+        FontAwesomeIcon: FontAwesomeIcon
+    },
     props: {
         totalCount: {
             type: Number,
@@ -34,6 +38,20 @@ export default {
             fastForward: faFastForward
         }
     },
+    watch: {
+        page(newValue: any, oldValue: any) {
+            this.page = newValue;
+        },
+        perPage(newValue: any, oldValue: any) {
+            this.perPage = newValue;
+        },
+        pageCount(newValue: any, oldValue: any) {
+            this.pageCount = newValue;
+        },
+        totalCount(newValue: any, oldValue: any) {
+            this.totalCount = newValue;
+        }
+    },
     methods: {
         pageChange(event: any){
             this.$emit('pageChange', event);

package/components/table/TableView.vue

@@ -2,7 +2,8 @@
 import { ref } from 'vue'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import { faRefresh, faSearch } from '@fortawesome/free-solid-svg-icons';
-import { HeaderModel, PaginatonModel } from '../models/table-models';
+import { HeaderModel } from './../models/tablemodels';
+import { PaginatonModel } from './../models/tablemodels';
 import { change, Id, load, rowClick, search } from '../helpers/resources';
 import Date from '../headerFilters/Date.vue';
 import Search from '../search/SearchView.vue';
@@ -17,30 +18,28 @@ export default {
   props: {
     dataheader: {
       type: Array<HeaderModel>,
+      default: () => []
     },
     key: {
       type: String,
-      required: true,
       default: () => 'Id'
     },
     name: {
       type: String
     },
     dataItems: {
-      type: Array as () => any[],
+      type: Array<Object>,
       reactive: true,
-      required: true
+      required: true,
+      default: () => []
     },
     currentItem: {
       type: Object,
-      reactive: true,
       required: false
-      
     },
     currentId: {
       type: Number,
-        reactive: true,
-        required: false
+      required: false
     },
     loading: {
       type: Boolean,
@@ -100,6 +99,7 @@ export default {
       }
     },
     pagination(newValue: PaginatonModel, oldValue) {
+      console.log(newValue);
       this.page = newValue.CurrentPage;
       this.perPage = newValue.PerPage;
       this.pageCount = newValue.PageCount;
@@ -232,7 +232,7 @@ export default {
       this.search();
     },
     sort(event: any, prop: any, index: number){
-      prop.sort = prop.sort == true ? false : true;
+      prop.sort = !prop.sort;
       this.filters.SortColumn = Object.keys(this.dataItems[0])[index];
       this.filters.SortDirection = window.Number(prop.sort);
       console.log(this.filters);
@@ -289,7 +289,7 @@ export default {
                   @filterValue="filterValue($event, filters[prop])">
                 </Filters>
               </td>
-            </tr>>
+            </tr>
             <tr @dblclick="updateItem(item, $event)">
               <td v-for="(prop) in Object.keys(item)">
                 <DataItem 

package/components/table/data/ItemView.vue

@@ -19,6 +19,17 @@
                 required: false
             }
         },
+        watch: {
+            item(newValue: any, oldValue: any) {
+                this.item = newValue;
+            },
+            index(newValue: any, oldValue: any) {
+                this.index = newValue;
+            },
+            prop(newValue: any, oldValue: any) {
+                this.prop = newValue;
+            },
+        },
         data() {
             return {
                 item: this.item,