1 files changed, 67 insertions, 0 deletions
diff --git a/sdc-workflow-designer-ui/src/app/components/parameter/parameter.component.ts b/sdc-workflow-designer-ui/src/app/components/parameter/parameter.component.ts
new file mode 100644
index 00000000..f42caf66
--- /dev/null
+++ b/sdc-workflow-designer-ui/src/app/components/parameter/parameter.component.ts
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2017 ZTE Corporation.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * and the Apache License 2.0 which both accompany this distribution,
+ * and are available at http://www.eclipse.org/legal/epl-v10.html
+ * and http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Contributors:
+ *     ZTE - initial API and implementation and/or initial documentation
+ */
+
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+
+import { ValueSource } from '../../model/value-source.enum';
+import { Parameter } from '../../model/workflow/parameter';
+import { DataAccessService } from "../../services/data-access/data-access.service";
+
+/**
+ * this component contains in property component if the corresponding node has parameter properties
+ * eg. task node have input and output params, start event node has input param
+ */
+@Component({
+    selector: 'b4t-parameter',
+    templateUrl: 'parameter.component.html',
+})
+export class ParameterComponent implements OnInit {
+    @Input() public param: Parameter;
+    @Input() public valueSource: ValueSource[];
+    @Input() public canEditName: boolean;
+    @Input() public showLabel = true;
+    @Input() public canDelete: boolean;
+    @Output() public paramChange = new EventEmitter<Parameter>();
+    @Output() delete: EventEmitter<Parameter> = new EventEmitter<Parameter>();
+
+    public sourceEnum = ValueSource;
+    public valueGroupClass;
+    public valueClass;
+    public showValueSource: boolean = true;
+
+    constructor(private dataAccessService: DataAccessService) { }
+
+    public ngOnInit(): void {
+        if (1 === this.valueSource.length) {
+            this.showValueSource = false;
+        }
+        this.valueClass = {
+            'col-md-9': this.showValueSource,
+            'col-md-12': !this.showValueSource
+        };
+
+        this.valueGroupClass = {
+            'col-md-7': this.canDelete,
+            'col-md-9': !this.canDelete
+        };
+    }
+
+    public deleteParam(): void {
+        this.delete.emit();
+    }
+
+    public modelChange(value: any) {
+        this.param.value = value;
+        this.paramChange.emit(this.param)
+    }
+
+}