disable variable selector when applicable

sybila · May 9, 2024 · 639c14e · 639c14e
1 parent e14a4d8
commit 639c14e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/src/html/component/properties-editor/default-properties.ts b/src/html/component/properties-editor/default-properties.ts
@@ -91,8 +91,8 @@ export const functionInputEssentialWithCondition = (id: string): IFunctionInputE
     id,
     name: 'function-input-essential',
     variant: StaticPropertyType.FunctionInputEssentialWithCondition,
-    target: 'func',
-    input: 'var',
+    target: undefined,
+    input: undefined,
     value: Essentiality.TRUE,
     context: ''
   }

diff --git a/...erties-editor/static/static-input-essential-condition/static-input-essential-condition.ts b/...erties-editor/static/static-input-essential-condition/static-input-essential-condition.ts
@@ -127,7 +127,8 @@ export default class StaticInputEssentialCondition extends StaticDynamicProperty
               `)}
             </select>
             <span>${this.getEssentialitySymbol()}</span>
-            <select id="second-selector" class="uk-select" @change="${this.secondChanged}">
+            <select id="second-selector" class="uk-select" @change="${this.secondChanged}"
+                    ?disabled="${this.property.target === undefined}">
               <option value="${undefined}">---</option>
               ${map(this.getSecondSelectorItems(), (item) => html`
                 <option value="${item}">${item}</option>

diff --git a/...erties-editor/static/static-input-monotonic-condition/static-input-monotonic-condition.ts b/...erties-editor/static/static-input-monotonic-condition/static-input-monotonic-condition.ts
@@ -57,7 +57,8 @@ export default class StaticInputMonotonicCondition extends StaticDynamicProperty
   }
 
   firstChanged (event: Event): void {
-    const value = (event.target as HTMLSelectElement).value
+    let value: string | undefined = (event.target as HTMLSelectElement).value
+    value = value === '' ? undefined : value
     console.log(value)
     if (this.property.variant === StaticPropertyType.FunctionInputMonotonicWithCondition) {
       this.updateProperty({
@@ -76,7 +77,8 @@ export default class StaticInputMonotonicCondition extends StaticDynamicProperty
   }
 
   secondChanged (event: Event): void {
-    const value = (event.target as HTMLSelectElement).value
+    let value: string | undefined = (event.target as HTMLSelectElement).value
+    value = value === '' ? undefined : value
     if (this.property.variant === StaticPropertyType.FunctionInputMonotonicWithCondition) {
       this.updateProperty({
         ...this.property,
@@ -130,8 +132,9 @@ export default class StaticInputMonotonicCondition extends StaticDynamicProperty
               `)}
             </select>
             <span>${this.getMonotonicitySymbol()}</span>
-            <select id="second-selector" class="uk-select" @change="${this.secondChanged}">
-              <option value="${undefined}">---</option>
+            <select id="second-selector" class="uk-select" @change="${this.secondChanged}"
+                    ?disabled="${this.property.target === undefined}">
+            <option value="${undefined}">---</option>
               ${map(this.getSecondSelectorItems(), (item) => html`
                 <option value="${item}">${item}</option>
               `)}