From 3b9daa6af92637841b8a60a3f4ce0912b3dab240 Mon Sep 17 00:00:00 2001 From: Lvbo163 Date: Sun, 17 Sep 2017 14:54:05 +0800 Subject: Add CRUD operation for workflows Add CRUD and export operation for workflows. Issue-ID: SDC-72 Change-Id: Ie2ef818a6979cc13b9e2dad7cea3b3121727146f Signed-off-by: Lvbo163 --- .../src/app/components/menu/menu.component.html | 5 +++ .../src/app/components/menu/menu.component.ts | 45 +++++++++++++++++++- .../menu/workflows/workflows.component.html | 41 ++++++++++++++++++ .../menu/workflows/workflows.component.ts | 48 ++++++++++++++++++++++ 4 files changed, 138 insertions(+), 1 deletion(-) create mode 100644 sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.html create mode 100644 sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.ts (limited to 'sdc-workflow-designer-ui/src/app/components/menu') diff --git a/sdc-workflow-designer-ui/src/app/components/menu/menu.component.html b/sdc-workflow-designer-ui/src/app/components/menu/menu.component.html index 16234898..e54dd4e6 100644 --- a/sdc-workflow-designer-ui/src/app/components/menu/menu.component.html +++ b/sdc-workflow-designer-ui/src/app/components/menu/menu.component.html @@ -13,12 +13,17 @@ -->
+ +
+ diff --git a/sdc-workflow-designer-ui/src/app/components/menu/menu.component.ts b/sdc-workflow-designer-ui/src/app/components/menu/menu.component.ts index 2c03cbfc..4183391e 100644 --- a/sdc-workflow-designer-ui/src/app/components/menu/menu.component.ts +++ b/sdc-workflow-designer-ui/src/app/components/menu/menu.component.ts @@ -13,6 +13,9 @@ import { Component, OnInit, ViewChild } from '@angular/core'; import { WorkflowService } from '../../services/workflow.service'; import { MicroserviceComponent } from "./microservice/microservice.component"; +import { WorkflowsComponent } from "./workflows/workflows.component"; +import { BroadcastService } from "../../services/broadcast.service"; +import { Workflow } from "../../model/workflow/workflow"; @Component({ selector: 'b4t-menu', @@ -21,8 +24,10 @@ import { MicroserviceComponent } from "./microservice/microservice.component"; }) export class MenuComponent { @ViewChild(MicroserviceComponent) public microserviceComponent: MicroserviceComponent; + @ViewChild(WorkflowsComponent) public workflowsComponent: WorkflowsComponent; - constructor(private workflowService: WorkflowService) { } + constructor(private broadcastService: BroadcastService, private workflowService: WorkflowService) { + } public save(): void { this.workflowService.save(); @@ -34,4 +39,42 @@ export class MenuComponent { public test() { } + + public showWorkflows() { + this.workflowsComponent.show(); + } + + public getWorkflows(workflow: Workflow) { + const workflows = this.workflowService.getWorkflows(); + if(workflows) { + return workflows.map(workflow => { + return {label: workflow.name, command: () => { + this.workflowSelected(workflow); + }}; + }); + } else { + return []; + } + } + + public workflowSelected(workflow: Workflow) { + this.broadcastService.broadcast(this.broadcastService.workflow, workflow); + } + + public download() { + const filename = this.workflowService.workflow.name + '.json'; + const content = JSON.stringify(this.workflowService.workflow); + // 创建隐藏的可下载链接 + var eleLink = document.createElement('a'); + eleLink.download = filename; + eleLink.style.display = 'none'; + // 字符内容转变成blob地址 + var blob = new Blob([content]); + eleLink.href = URL.createObjectURL(blob); + // 触发点击 + document.body.appendChild(eleLink); + eleLink.click(); + // 然后移除 + document.body.removeChild(eleLink); + } } diff --git a/sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.html b/sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.html new file mode 100644 index 00000000..0a3b51bf --- /dev/null +++ b/sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.html @@ -0,0 +1,41 @@ + + diff --git a/sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.ts b/sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.ts new file mode 100644 index 00000000..dff73008 --- /dev/null +++ b/sdc-workflow-designer-ui/src/app/components/menu/workflows/workflows.component.ts @@ -0,0 +1,48 @@ +/** + * 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 { AfterViewInit, Component, ViewChild } from '@angular/core'; +import { ModalDirective } from 'ngx-bootstrap/modal'; + +import { WorkflowService } from "../../../services/workflow.service"; +import { Workflow } from "../../../model/workflow/workflow"; + +/** + * workflows component + * open a model to set workflow info + */ +@Component({ + selector: 'b4t-workflows', + templateUrl: 'workflows.component.html', +}) +export class WorkflowsComponent { + @ViewChild('workflowsModal') public workflowsModal: ModalDirective; + + public workflows: Workflow[]; + + constructor(private workflowService: WorkflowService) { + } + + public show() { + this.workflows = this.workflowService.getWorkflows(); + this.workflowsModal.show(); + } + + public deleteWorkflow(workflow: Workflow) { + this.workflowService.deleteWorkflow(workflow.name); + } + + public addWorkflow() { + this.workflowService.addWorkflow(); + } + +} -- cgit 1.2.3-korg