support edit rest task properties

modify rest taks config info, and enable edit rest task properties.component.css

Issue-ID: SDC-897

Change-Id: Icad8c1ee60d7572f311d5cba97cda6b2144a7469
Signed-off-by: Lvbo163 <lv.bo163@zte.com.cn>

1 files changed, 94 insertions, 0 deletions

diff --git a/sdc-workflow-designer-ui/src/app/components/node-parameters/node-parameters.component.ts b/sdc-workflow-designer-ui/src/app/components/node-parameters/node-parameters.component.ts
new file mode 100644
index 00000000..79643d36
--- /dev/null
+++ b/sdc-workflow-designer-ui/src/app/components/node-parameters/node-parameters.component.ts
@@ -0,0 +1,94 @@
+/**

+ * 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, OnChanges, Output, SimpleChanges } from '@angular/core';

+import { TreeNode } from 'primeng/primeng';

+

+import { PlanTreeviewItem } from '../../model/plan-treeview-item';

+import { Swagger, SwaggerResponse } from '../../model/swagger';

+import { ValueSource } from '../../model/value-source.enum';

+import { RestParameter } from '../../model/workflow/rest-parameter';

+import { BroadcastService } from '../../services/broadcast.service';

+import { SwaggerTreeConverterService } from '../../services/swagger-tree-converter.service';

+import { RestService } from "../../services/rest.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: 'b4t-node-parameters',

+    styleUrls: ['./node-parameters.component.css'],

+    templateUrl: 'node-parameters.component.html',

+})

+export class NodeParametersComponent implements OnChanges {

+    @Input() public swaggerInput: RestParameter[];

+    @Input() public swaggerOutput: SwaggerResponse[];

+    @Input() public restConfigId: string;

+    @Input() public planItems: PlanTreeviewItem[];

+

+    public inputSources: ValueSource[] = [ValueSource.String, ValueSource.Variable, ValueSource.Topology, ValueSource.Plan];

+    public outputSources: ValueSource[] = [ValueSource.Topology, ValueSource.Plan];

+    public valueSource = ValueSource;

+    public pathParams: any[] = [];

+    public queryParams: any[] = [];

+    public inputParams: TreeNode[] = [];

+    public outputParams: TreeNode[] = [];

+

+    private index = 1;

+

+    constructor(private broadcastService: BroadcastService,

+        private restService: RestService,

+        private swaggerTreeConverterService: SwaggerTreeConverterService) {

+    }

+

+    public ngOnChanges(changes: SimpleChanges): void {

+        if (changes.swaggerInput && changes.swaggerInput.currentValue) {

+            this.resetRequestParams(changes.swaggerInput.currentValue);

+        }

+        if (changes.swaggerOutput && changes.swaggerOutput.currentValue) {

+            this.resetResponseParams(changes.swaggerOutput.currentValue);

+        }

+    }

+

+    public resetRequestParams(parameters: RestParameter[]) {

+        this.pathParams = [];

+        this.queryParams = [];

+        this.inputParams = [];

+

+        parameters.forEach(param => {

+            if (param.position === 'path') {

+                this.pathParams.push(param);

+            } else if (param.position === 'query') {

+                this.queryParams.push(param);

+            } else if (param.position === 'body') {

+                const requestTreeNode = this.swaggerTreeConverterService

+                    .schema2TreeNode(this.restService.getSwaggerInfo(this.restConfigId), 'Request Param', param.schema, param.value);

+                param.value = requestTreeNode.value;

+                this.inputParams.push(requestTreeNode);

+            } else {

+                // TODO others param types not supported

+                console.log('Unsupport parameter position(in):' + param.position);

+            }

+        });

+    }

+

+    public resetResponseParams(responses: SwaggerResponse[]) {

+        this.outputParams = [];

+        if (0 < responses.length && responses[0].schema) {

+            const treeNode = this.swaggerTreeConverterService

+                .schema2TreeNode(this.restService.getSwaggerInfo(this.restConfigId), 'Response Params', responses[0].schema, {});

+            this.outputParams.push(treeNode);

+        }

+    }

+}