From ee2eb99f5e996b941757c2e747af6df0db61ffc6 Mon Sep 17 00:00:00 2001 From: Anjali walsatwar Date: Wed, 10 Oct 2018 11:58:51 +0530 Subject: composition-graph refactoring Issue-ID: SDC-1789 Change-Id: I65f8b68fd79dc9e9cbc78fe1b7f06af24f777985 Signed-off-by: Anjali walsatwar --- .../utils/composition-graph-palette-utils.ts | 58 +++++++++++----------- 1 file changed, 29 insertions(+), 29 deletions(-) (limited to 'catalog-ui/src/app/directives/graphs-v2/composition-graph/utils/composition-graph-palette-utils.ts') diff --git a/catalog-ui/src/app/directives/graphs-v2/composition-graph/utils/composition-graph-palette-utils.ts b/catalog-ui/src/app/directives/graphs-v2/composition-graph/utils/composition-graph-palette-utils.ts index 438673e427..10d0d42922 100644 --- a/catalog-ui/src/app/directives/graphs-v2/composition-graph/utils/composition-graph-palette-utils.ts +++ b/catalog-ui/src/app/directives/graphs-v2/composition-graph/utils/composition-graph-palette-utils.ts @@ -18,24 +18,24 @@ * ============LICENSE_END========================================================= */ -import {EventListenerService, LoaderService} from "app/services"; -import {CapabilitiesGroup, NodesFactory, ComponentInstance, Component, CompositionCiNodeBase, RequirementsGroup} from "app/models"; -import {ComponentFactory, ComponentInstanceFactory, GRAPH_EVENTS, GraphUIObjects} from "app/utils"; -import {CompositionGraphGeneralUtils} from "./composition-graph-general-utils"; -import {CommonGraphUtils} from "../../common/common-graph-utils"; +import { EventListenerService, LoaderService } from "app/services"; +import { CapabilitiesGroup, NodesFactory, ComponentInstance, Component, CompositionCiNodeBase, RequirementsGroup } from "app/models"; +import { ComponentFactory, ComponentInstanceFactory, GRAPH_EVENTS, GraphUIObjects } from "app/utils"; +import { CompositionGraphGeneralUtils } from "./composition-graph-general-utils"; +import { CommonGraphUtils } from "../../common/common-graph-utils"; import 'sdc-angular-dragdrop'; -import {LeftPaletteComponent} from "../../../../models/components/displayComponent"; +import { LeftPaletteComponent } from "../../../../models/components/displayComponent"; export class CompositionGraphPaletteUtils { - constructor(private ComponentFactory:ComponentFactory, - private $filter:ng.IFilterService, - private loaderService:LoaderService, - private generalGraphUtils:CompositionGraphGeneralUtils, - private componentInstanceFactory:ComponentInstanceFactory, - private nodesFactory:NodesFactory, - private commonGraphUtils:CommonGraphUtils, - private eventListenerService:EventListenerService) { + constructor(private ComponentFactory: ComponentFactory, + private $filter: ng.IFilterService, + private loaderService: LoaderService, + private generalGraphUtils: CompositionGraphGeneralUtils, + private componentInstanceFactory: ComponentInstanceFactory, + private nodesFactory: NodesFactory, + private commonGraphUtils: CommonGraphUtils, + private eventListenerService: EventListenerService) { } /** @@ -46,13 +46,13 @@ export class CompositionGraphPaletteUtils { * @returns {Cy.BoundingBox} * @private */ - private _getNodeBBox(cy:Cy.Instance, event:IDragDropEvent, position?:Cy.Position) { + private _getNodeBBox(cy: Cy.Instance, event: IDragDropEvent, position?: Cy.Position) { let bbox = {}; if (!position) { position = this.commonGraphUtils.getCytoscapeNodePosition(cy, event); } - let cushionWidth:number = 40; - let cushionHeight:number = 40; + let cushionWidth: number = 40; + let cushionHeight: number = 40; bbox.x1 = position.x - cushionWidth / 2; bbox.y1 = position.y - cushionHeight / 2; @@ -68,21 +68,21 @@ export class CompositionGraphPaletteUtils { * @param event * @param component */ - private _createComponentInstanceOnGraphFromPaletteComponent(cy:Cy.Instance, fullComponent:LeftPaletteComponent, event:IDragDropEvent, component:Component) { + private _createComponentInstanceOnGraphFromPaletteComponent(cy: Cy.Instance, fullComponent: LeftPaletteComponent, event: IDragDropEvent, component: Component) { - let componentInstanceToCreate:ComponentInstance = this.componentInstanceFactory.createComponentInstanceFromComponent(fullComponent); - let cytoscapePosition:Cy.Position = this.commonGraphUtils.getCytoscapeNodePosition(cy, event); + let componentInstanceToCreate: ComponentInstance = this.componentInstanceFactory.createComponentInstanceFromComponent(fullComponent); + let cytoscapePosition: Cy.Position = this.commonGraphUtils.getCytoscapeNodePosition(cy, event); componentInstanceToCreate.posX = cytoscapePosition.x; componentInstanceToCreate.posY = cytoscapePosition.y; - let onFailedCreatingInstance:(error:any) => void = (error:any) => { + let onFailedCreatingInstance: (error: any) => void = (error: any) => { this.loaderService.hideLoader('composition-graph'); }; //on success - update node data - let onSuccessCreatingInstance = (createInstance:ComponentInstance):void => { + let onSuccessCreatingInstance = (createInstance: ComponentInstance): void => { this.loaderService.hideLoader('composition-graph'); @@ -93,11 +93,11 @@ export class CompositionGraphPaletteUtils { createInstance.icon = fullComponent.icon; createInstance.setInstanceRC(); - let newNode:CompositionCiNodeBase = this.nodesFactory.createNode(createInstance); - let cyNode:Cy.CollectionNodes = this.commonGraphUtils.addComponentInstanceNodeToGraph(cy, newNode); + let newNode: CompositionCiNodeBase = this.nodesFactory.createNode(createInstance); + let cyNode: Cy.CollectionNodes = this.commonGraphUtils.addComponentInstanceNodeToGraph(cy, newNode); //check if node was dropped into a UCPE - let ucpe:Cy.CollectionElements = this.commonGraphUtils.isInUcpe(cy, cyNode.boundingbox()); + let ucpe: Cy.CollectionElements = this.commonGraphUtils.isInUcpe(cy, cyNode.boundingbox()); if (ucpe.length > 0) { this.eventListenerService.notifyObservers(GRAPH_EVENTS.ON_INSERT_NODE_TO_UCPE, cyNode, ucpe, false); } @@ -120,7 +120,7 @@ export class CompositionGraphPaletteUtils { * @param dragElement * @param dragComponent */ - public onComponentDrag(cy:Cy.Instance, event:IDragDropEvent, dragElement:JQuery, dragComponent:ComponentInstance) { + public onComponentDrag(cy: Cy.Instance, event: IDragDropEvent, dragElement: JQuery, dragComponent: ComponentInstance) { if (event.clientX < GraphUIObjects.DIAGRAM_PALETTE_WIDTH_OFFSET || event.clientY < GraphUIObjects.DIAGRAM_HEADER_OFFSET) { //hovering over palette. Dont bother computing validity of drop dragElement.removeClass('red'); @@ -147,10 +147,10 @@ export class CompositionGraphPaletteUtils { * @param event * @param component */ - public addNodeFromPalette(cy:Cy.Instance, event:IDragDropEvent, component:Component) { + public addNodeFromPalette(cy: Cy.Instance, event: IDragDropEvent, component: Component) { this.loaderService.showLoader('composition-graph'); - let draggedComponent:LeftPaletteComponent = event.dataTransfer.component; + let draggedComponent: LeftPaletteComponent = event.dataTransfer.component; if (this.generalGraphUtils.componentRequirementsAndCapabilitiesCaching.containsKey(draggedComponent.uniqueId)) { let fullComponent = this.generalGraphUtils.componentRequirementsAndCapabilitiesCaching.getValue(draggedComponent.uniqueId); @@ -161,7 +161,7 @@ export class CompositionGraphPaletteUtils { } else { this.ComponentFactory.getComponentFromServer(draggedComponent.getComponentSubType(), draggedComponent.uniqueId) - .then((fullComponent:Component) => { + .then((fullComponent: Component) => { draggedComponent.capabilities = fullComponent.capabilities; draggedComponent.requirements = fullComponent.requirements; this._createComponentInstanceOnGraphFromPaletteComponent(cy, draggedComponent, event, component); -- cgit 1.2.3-korg