Moving customization to json level

front/app/src/common/crud/card/card.component.ts

@@ -7,45 +7,6 @@ import { CrudService } from '../crud.service'
 import {BehaviorSubject, NotFoundError} from "rxjs";
 import { CrudFormlyJsonschemaService } from "../crud-formly-jsonschema.service";
 
-export class FieldCustomizer {
-    protected customizers = {};
-
-    applyCustomizers(form: FormlyFieldConfig[]): FormlyFieldConfig[] {
-        for (const [property, customizer] of Object.entries(this.customizers)) {
-            const f = this.getFieldByPath(form, property);
-            this.apply(f, customizer)
-        }
-        return form
-    }
-
-    apply(field: FormlyFieldConfig, customizer: any) {
-        if (customizer.hasOwnProperty("props")) {
-            for (const [property, value] of Object.entries(customizer.props)) {
-                field.props![property] = value;
-            }
-        }
-    }
-
-    getFieldByPath(form: FormlyFieldConfig[], path: string): FormlyFieldConfig {
-        let field = form[0];
-        let array = path.split('.');
-        for (const k in array) {
-            field = this.getFieldByKey(field, array[k])
-        }
-
-        return field;
-    }
-
-    getFieldByKey(field: FormlyFieldConfig, key: string): FormlyFieldConfig {
-        for (let i=0; i < field.fieldGroup!.length; i++) {
-            if (field.fieldGroup![i].key == key) {
-                return field.fieldGroup![i]
-            }
-        }
-        throw new NotFoundError(`field ${key} not found in fieldgroup`)
-    }
-}
-
 @Component({
   selector: 'crud-card',
   templateUrl: './card.component.html',
@@ -55,7 +16,6 @@ export class CardComponent implements OnInit {
   @Input() resource: string | undefined;
   @Input() resource_id: string | null = null;
   @Input() schema: string | undefined;
-    @Input() field_customizer: FieldCustomizer = new FieldCustomizer();
   @Input() is_modal: Boolean = false;
 
     @Output() resourceCreated: EventEmitter<string> = new EventEmitter();
@@ -101,7 +61,7 @@ export class CardComponent implements OnInit {
         }
 
         fields$.subscribe((fields: any) => {
-            this.fields = this.field_customizer.applyCustomizers([fields]);
+            this.fields = [fields];
             this._formLoading$.next(false);
         });
     }

front/app/src/common/crud/crud-formly-jsonschema.service.ts

@@ -47,6 +47,10 @@ export class CrudFormlyJsonschemaOptions implements FormlyJsonschemaOptions {
             field.type = "hidden";
         }
 
+        if (schema.hasOwnProperty('props')) {
+            field.props = {...field.props, ...schema.props}
+        }
+
         return field;
     }
 }

front/app/src/common/crud/types/array.type.ts

@@ -32,8 +32,8 @@ import { FieldArrayType } from '@ngx-formly/core';
 export class ArrayTypeComponent extends FieldArrayType implements OnInit {
     colSm: string = "col-sm-6"
     ngOnInit() {
-        if (this.field.props.hasOwnProperty('width')) {
-            this.colSm = this.field.props['width'];
+        if (this.field.props.hasOwnProperty('items-per-row')) {
+            this.colSm = `col-sm-${12 / this.field.props['items-per-row']}`
         }
     }