1 files changed, 79 insertions, 0 deletions
diff --git a/deprecated-workflow-designer/sdc-workflow-designer-ui/src/app/components/property/properties.component.ts b/deprecated-workflow-designer/sdc-workflow-designer-ui/src/app/components/property/properties.component.ts
new file mode 100644
index 00000000..1b381c5d
--- /dev/null
+++ b/deprecated-workflow-designer/sdc-workflow-designer-ui/src/app/components/property/properties.component.ts
@@ -0,0 +1,79 @@
+/**
+ * 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, OnInit} from "@angular/core";
+import {TranslateService} from "@ngx-translate/core";
+import {PlanTreeviewItem} from "../../model/plan-treeview-item";
+import {ValueSource} from "../../model/value-source.enum";
+import {NodeType} from "../../model/workflow/node-type.enum";
+import {WorkflowNode} from "../../model/workflow/workflow-node";
+import {BroadcastService} from "../../services/broadcast.service";
+import {JsPlumbService} from "../../services/jsplumb.service";
+import {ModelService} from "../../services/model.service";
+import {NoticeService} from "../../services/notice.service";
+
+/**
+ * property component presents information of a workflow node.
+ * the presented information can be edit in this component.
+ * it may load information dynamically. the content may be different for different node type.
+ */
+@Component({
+    selector: 'wfm-properties',
+    styleUrls: ['./properties.component.css'],
+    templateUrl: 'properties.component.html',
+})
+export class PropertiesComponent implements OnInit {
+    public node: WorkflowNode;
+    public planTreeviewItems: PlanTreeviewItem[];
+    public nodeType = NodeType;
+    // public nodeTypes: string[] = WorkflowNodeType;
+    public show = false;
+    public titleEditing = false;
+    public valueSource = [ValueSource.string];
+
+    constructor(private broadcastService: BroadcastService,
+                private modelService: ModelService,
+                private translate: TranslateService,
+                private noticeService: NoticeService,
+                private jsPlumbService: JsPlumbService) {
+
+    }
+
+    public ngOnInit() {
+        this.broadcastService.showProperty$.subscribe(element => {
+            if (element && this.modelService.isNode(element)) {
+                this.node = element as WorkflowNode;
+                // temporarily, if config info not exists then close the property panel
+                // TODOS: 1) save config info in case config info no exists on a different environment.
+                //        2) display property panel even if config info not exists for it may be adjust.
+                try {
+                    this.planTreeviewItems = this.modelService.getPlanParameters(this.node.id);
+                    this.show = true;
+                } catch (error) {
+                    this.show = false;
+                    this.translate.get('WORKFLOW.MSG.SWAGGER_NOT_EXISTS').subscribe((res: string) => {
+                        this.noticeService.error(res);
+                    });
+                }
+            } else {
+                this.show = false;
+            }
+        });
+    }
+
+    public deleteNode() {
+        this.show = false;
+        const parentId = this.jsPlumbService.getParentNodeId(this.node.id);
+        this.jsPlumbService.remove(this.node);
+        this.modelService.deleteNode(parentId, this.node.id);
+    }
+}