1 files changed, 30 insertions, 10 deletions

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.ts
index f4f74a9fd..8e8b6ad3e 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.ts
@@ -13,6 +13,10 @@ export class ActionAttributesComponent implements OnInit {
     actionAttributesSideBar: boolean;
     inputActionAttribute = new InputActionAttribute();
     outputActionAttribute = new OutputActionAttribute();
+    isInputOtherType: boolean;
+    isOutputOtherType: boolean;
+    outputOtherType = '';
+    inputOtherType = '';
 
     constructor() {
 
@@ -21,20 +25,23 @@ export class ActionAttributesComponent implements OnInit {
     ngOnInit() {
     }
 
-    _toggleSidebar2() {
-        this.actionAttributesSideBar = !this.actionAttributesSideBar;
-    }
-
     addInput(input: InputActionAttribute) {
-        this.inputs.push(input);
+        if (input && input.type && input.name) {
+            const insertedInputActionAttribute = Object.assign({}, input);
+            this.inputs.push(insertedInputActionAttribute);
+        }
     }
 
     addOutput(output: OutputActionAttribute) {
-        this.outputs.push(output);
+        if (output && output.type && output.name) {
+            const insertedOutputActionAttribute = Object.assign({}, output);
+            this.outputs.push(insertedOutputActionAttribute);
+        }
     }
 
-    setInputType(type) {
+    setInputType(type: string) {
         this.inputActionAttribute.type = type;
+        this.isInputOtherType = this.checkIfTypeIsOther(type);
     }
 
     setInputRequired(isRequired) {
@@ -45,14 +52,27 @@ export class ActionAttributesComponent implements OnInit {
         this.outputActionAttribute.required = isRequired;
     }
 
-    setOutputType(type) {
+    setOutputType(type: string) {
         this.outputActionAttribute.type = type;
+        this.isOutputOtherType = this.checkIfTypeIsOther(type);
+    }
+
+    checkIfTypeIsOther(type) {
+        return type.includes('Other');
     }
 
     submitAttributes() {
         console.log(this.inputActionAttribute);
         console.log(this.outputActionAttribute);
-        this.inputs.push(this.inputActionAttribute);
-        this.outputs.push(this.outputActionAttribute);
+        this.addInput(this.inputActionAttribute);
+        this.addOutput(this.outputActionAttribute);
+        this.clearFormInputs();
+    }
+
+    private clearFormInputs() {
+        this.inputActionAttribute = new InputActionAttribute();
+        this.outputActionAttribute = new OutputActionAttribute();
+        this.outputOtherType = '';
+        this.inputOtherType = '';
     }
 }