diff options
Diffstat (limited to 'sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.ts')
-rw-r--r-- | sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.ts | 47 |
1 files changed, 25 insertions, 22 deletions
diff --git a/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.ts b/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.ts index 719d2a60..ea965755 100644 --- a/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.ts +++ b/sdc-workflow-designer-ui/src/app/components/editable-property/editable-property.component.ts @@ -10,41 +10,44 @@ * ZTE - initial API and implementation and/or initial documentation */ -import { AfterViewInit, Component, EventEmitter, Input, Output } from '@angular/core'; - -import { ValueSource } from '../../model/value-source.enum'; -import { ValueType } from '../../model/value-type.enum'; -import { Parameter} from '../../model/workflow/parameter'; -import { PlanTreeviewItem } from "../../model/plan-treeview-item"; +import { Component, EventEmitter, Input, Output } from '@angular/core'; /** - * 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. + * node or workflow-line name */ @Component({ selector: 'b4t-editable-property', templateUrl: 'editable-property.component.html', + styleUrls: ['./editable-property.component.css'] }) export class EditablePropertyComponent { - @Input() public parameter: Parameter; - @Input() public planItems: PlanTreeviewItem[]; - @Input() public showLabel: boolean; - @Input() public valueSource: ValueSource[]; - @Output() public parameterChange = new EventEmitter<Parameter>(); + @Input() public name: string; + @Output() public nameChange = new EventEmitter<string>(); + + public showEdit = false; + public isEditing = false; - private editing = false; + public showEditComponent(isShow: boolean): void { + if(isShow){ + this.showEdit = isShow; + }else{ + if(!this.isEditing){ + this.showEdit = false; + } + } + } - public isEditing(): boolean { - return this.editing; + public startEdit(): void { + this.isEditing = true; } - public startEdit() { - this.editing = true; + public stopEdit(): void { + this.isEditing = false; + this.showEdit = false; } - public completeEdit() { - this.editing = false; - this.parameterChange.emit(this.parameter); + public change(newName: string) { + this.name = newName; + this.nameChange.emit(this.name); } } |