refactor: working conditions

Author: NiclasNorin

source/js/fields/field/checkbox/checkbox.ts

@@ -6,11 +6,11 @@ class Checkbox implements CheckboxInterface {
         private checkboxValidator: ConditionValidatorInterface,
         private conditionsHandler: ConditionsHandlerInterface
     ) {
-
     }
 
     public init(conditionBuilder: ConditionBuilderInterface): void {
         this.conditionsHandler.init(this, conditionBuilder);
+        this.checkboxValidator.init(this);
     }
 
     public getName(): string {
@@ -29,6 +29,10 @@ class Checkbox implements CheckboxInterface {
         return this.choices;
     }
 
+    public getSelectedChoices(): string[] {
+        return [...this.getChoices()].filter(choice => choice.checked).map(choice => choice.value);
+    }
+
     public getField(): HTMLElement {
         return this.field;
     }

source/js/fields/field/checkbox/checkboxConditionValidator.ts

@@ -1,7 +1,31 @@
 class CheckboxConditionValidator implements ConditionValidatorInterface {
+    private parent: CheckboxInterface|null = null;
+    public init(parent: CheckboxInterface) {
+        this.parent = parent;
+    }
+
     public validate(condition: Condition): boolean {
-        
-        return false;
+        const selected = this.parent?.getSelectedChoices() ?? [];
+
+        switch (condition.operator) {
+            case '==':
+            case '=':
+            case '===':
+                return selected.includes(condition.value);
+            case '!=':
+            case '!==':
+                return !selected.includes(condition.value);
+            case '==empty':
+                return selected.length === 0;
+            case '!=empty':
+                return selected.length > 0;
+            case '>':
+                return selected.some(selectedValue => Number(selectedValue) > Number(condition.value));
+            case '<':
+                return selected.some(selectedValue => Number(selectedValue) < Number(condition.value));
+            default:
+                return false;
+        }
     }
 }
 

source/js/fields/field/checkbox/checkboxConditionsHandler.ts

@@ -1,7 +1,10 @@
+import { TilesHelper } from "../../../../../dist/js-init.0f85b13b34f29a8d87e4";
+
 class CheckboxConditionsHandler implements ConditionsHandlerInterface {
 	private fieldsObject: FieldsObject = {};
 	private parent: CheckboxInterface | null = null;
 	private conditions: ConditionInterface[] = [];
+	private isDisabled: boolean = false;
 
 	constructor(private unstructuredConditions: any) {
 	}
@@ -12,12 +15,32 @@ class CheckboxConditionsHandler implements ConditionsHandlerInterface {
 		this.setValueChangeListener();
 	}
 
-	public validate(): boolean {
-		this.getConditions().forEach((condition) => {
-			condition.validate();
-		})
+	private updateDisabled(disabled: boolean): void {
+		if (this.isDisabled !== disabled) {
+			this.isDisabled = disabled;
+
+			this.parent?.getChoices().forEach((checkbox, index) => {
+				if (index === 0) {
+					checkbox.dispatchEvent(new Event('change'));
+					this.parent?.getField().classList.toggle('u-display--none', disabled)
+				}
+
+				checkbox.disabled = disabled;
+			});
+		}
+	}
+
+	public validate(): void {
+		console.log(this.parent?.getName())
+		let isValid: boolean = false;
+		for (const condition of this.getConditions()) {
+			if (condition.validate()) {
+				isValid = true;
+				break;
+			}
+		}
 
-		return false;
+		this.updateDisabled(!isValid);
 	}
 
 	public getConditions(): ConditionInterface[] {

source/js/fields/field/nullField/nullField.ts

@@ -12,6 +12,7 @@ class NullField implements FieldInterface {
 
     public init(conditionBuilder: ConditionBuilderInterface): void {
         this.conditionsHandler.init(this, conditionBuilder);
+        this.nullFieldConditionValidator.init(this);
     }
 
     public getField(): HTMLElement {

source/js/fields/field/nullField/nullFieldConditionValidator.ts

@@ -1,4 +1,8 @@
 class NullFieldConditionValidator implements ConditionValidatorInterface {
+    public init(parent: FieldInterface): void {
+        // No implementation needed for NullField
+    }
+
     public validate(condition: Condition): boolean {
 
         return false;

source/js/fields/fieldsInterface.d.ts

@@ -5,12 +5,14 @@ interface FieldsInterface {
 interface FieldInterface {
     init(conditionBuilder: ConditionBuilderInterface): void;
     getName(): string;
+    getField(): HTMLElement;
     getConditionsHandler(): ConditionsHandlerInterface;
     getConditionValidator(): ConditionValidatorInterface;
 }
 
 interface CheckboxInterface extends FieldInterface {
     getChoices(): NodeListOf<HTMLInputElement>;
+    getSelectedChoices(): string[];
 }
 
 interface FieldBuilderInterface {
@@ -21,11 +23,12 @@ interface FieldBuilderInterface {
 interface ConditionsHandlerInterface {
     init(parent: FieldInterface, conditionsBuilder: ConditionBuilderInterface): void;
     getConditions(): ConditionInterface[];
-    validate(): boolean;
+    validate(): void;
     addValueChangeListener(field: FieldInterface): void;
 }
 
 interface ConditionValidatorInterface {
+    init(parent: FieldInterface): void;
     validate(condition: Condition): boolean;
 }