@modelforms/fontawesome-vuetify 1.0.4 → 2.0.0

package/components/form/complete/Complete.vue

@@ -45,7 +45,7 @@
     import { empty, defaultIcon, valueEvent, filterKeys, template } from '../models/resources';
     import { CompleteItems } from '../models/formModels';
     import { initComponent } from '../functions/init';
-    import { findFirst } from '../functions/helper';
+    import { findFirst } from '../functions/methods';
 
     export default{
         name: "CompleteControl",

package/components/form/date/Date.vue

@@ -7,7 +7,7 @@
         :model-value="value"
         :prepend-icon="defaultIcon"
         @save="select($event)">
-            <template v-if="faCalendar" #append-inner>
+            <template v-if="faCalendar" #prepend-inner>
                 <FontAwesomeIcon :icon="faCalendar" />
             </template>
         </v-date-input>

package/components/form/functions/rules.ts

@@ -1,6 +1,6 @@
 import { index, ruleError } from "../models/resources";
 import { componentType } from "./init";
-import { findFirst, findLast } from './helper';
+import { findFirst, findLast } from './methods';
 
 export const setRule = (rules: any) => {
     if(rules.length > 0){

package/components/form/helpers/parsers.ts

@@ -0,0 +1,53 @@
+import type { CompleteModel } from '../models/formModels';
+import { GridModel, CompleteItems } from '../models/formModels';
+
+export const populateCompleteItems = (form: GridModel, name: string, data: CompleteItems[]) => {
+    for(let row of form.rows){
+        for(let col of row.cols){
+            if(col.name == name){
+                col.complete.items = data;
+            }
+        }
+    }
+    
+    return form;
+}
+
+export const populateFormCompleteModel = (form: GridModel, model: any, completes: CompleteModel[] = []) => {
+    for(let row of form.rows){
+        for(let col of row.cols){
+            let prop = Object.keys(model).find(x=> x == col.name);
+
+            if(prop == undefined){
+                continue;
+            }
+            
+            if(prop == col.name){
+                if(col.type != 'complete'){
+                    col.value = model[prop];
+                    continue;
+                }
+
+                let complete = completes.find(value => value.name == col.name);
+
+                if(complete != undefined){
+                    col.complete.itemValue = populateSelectValue(complete.value!, model[prop], col.complete.items);
+                }
+
+            }
+        }
+    }
+
+    return form;
+}
+
+const populateSelectValue = (name: string, values: any[], data: CompleteItems[]) => {
+    let result: CompleteItems[] = []
+    for(let value of values){
+        let item = data.find(x => x.abbr == value[name]);
+        if(item != undefined){
+            result = [...result, item];
+        }
+    }
+    return result;
+}

package/components/form/models/completeModels.ts

@@ -14,4 +14,5 @@ export class RowProps{
     row: string = '';
     icon: any = faSquare;
     active: boolean = false;
-}
+}
+

package/components/form/models/formModels.ts

@@ -16,6 +16,10 @@ export class CompleteItems{
     abbr?: 0
 }
 
+export class CompleteModel {
+    name?: string;
+    value?: string;
+}
 
 class Col{
     name: string = "";

package/components/index.d.ts

@@ -3,6 +3,9 @@
 export { default as FormPlate } from "./form/Form.vue";
 export { GridModel } from './form/models/formModels';
 
+export { CompleteItems, CompleteModel } from './form/models/formModels';
+export { populateCompleteItems, populateFormCompleteModel } from './form/helpers/parsers';
+
 /*! 
 * Vuetify Labs v3.4.0 by vuetify - https://vuetifyjs.com
 * Licensed under the MIT License (MIT), see LICENSE.
@@ -11,4 +14,4 @@ export { GridModel } from './form/models/formModels';
 * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free - MIT License
 * Copyright 2025 Fonticons, Inc.
-*/
+*/