summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.ts
diff options
context:
space:
mode:
authorIttay Stern <ittay.stern@att.com>2018-08-29 17:01:32 +0300
committerIttay Stern <ittay.stern@att.com>2019-02-18 18:35:30 +0200
commit6f900cc45d7dd7f97430812b86b5c1d1693c8ae3 (patch)
tree936005c364dc5a7264d6304d4777c3d83494db22 /vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.ts
parent67d99f816cc583643c35193197594cf78d8ce60a (diff)
merge from ecomp a88f0072 - Modern UI
Issue-ID: VID-378 Change-Id: Ibcb23dd27f550cf32ce2fe0239f0f496ae014ff6 Signed-off-by: Ittay Stern <ittay.stern@att.com>
Diffstat (limited to 'vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.ts')
-rw-r--r--vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.ts166
1 files changed, 0 insertions, 166 deletions
diff --git a/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.ts b/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.ts
deleted file mode 100644
index 4e5819e4c..000000000
--- a/vid-webpack-master/src/app/drawingBoard/available-models-tree/available-models-tree.component.ts
+++ /dev/null
@@ -1,166 +0,0 @@
-import {Component, EventEmitter, Output, ViewChild} from '@angular/core';
-import {ITreeOptions, TreeComponent} from 'angular-tree-component';
-import '../../../../node_modules/angular-tree-component/dist/angular-tree-component.css';
-import {IDType, ITreeNode} from 'angular-tree-component/dist/defs/api';
-import {DialogService} from 'ng2-bootstrap-modal';
-import {AvailableModelsTreeService} from './available-models-tree.service';
-import {NgRedux} from "@angular-redux/store";
-import {ActivatedRoute} from '@angular/router';
-import {AppState} from '../../store/reducers';
-import {AaiService} from '../../services/aaiService/aai.service';
-import {ServicePlanningService} from '../../services/service-planning.service';
-import {VnfPopupComponent} from '../../components/vnf-popup/vnf-popup.components';
-import {ServiceNodeTypes} from '../../shared/models/ServiceNodeTypes';
-import {VfModuleMap} from '../../shared/models/vfModulesMap';
-import {IframeService} from "../../shared/utils/iframe.service";
-import {createVFModuleInstance} from "../../service.actions";
-import {DefaultDataGeneratorService} from "../../shared/services/defaultDataServiceGenerator/default.data.generator.service";
-
-
-@Component({
- selector: 'available-models-tree',
- templateUrl: './available-models-tree.component.html',
- styleUrls: ['./available-models-tree.component.scss']
-})
-
-
-export class AvailableModelsTreeComponent{
-
- serviceModelId: string;
- serviceHierarchy;
- parentElementClassName = 'content';
- _store : NgRedux<AppState>;
- constructor(private _servicePlanningService: ServicePlanningService,
- private _iframeService: IframeService,
- private _aaiService: AaiService,
- private route: ActivatedRoute,
- private dialogService: DialogService,
- private _availableModelsTreeService: AvailableModelsTreeService,
- private _defaultDataGeneratorService: DefaultDataGeneratorService,
- private store: NgRedux<AppState>) {
- this._store = store;
- this.route
- .queryParams
- .subscribe(params => {
- this.serviceModelId = params['serviceModelId'];
- this._aaiService.getServiceModelById(this.serviceModelId).subscribe(
- value => {
- this.serviceHierarchy = value;
- this.nodes = this._servicePlanningService.convertServiceModelToTreeNodes(this.serviceHierarchy);
- },
- error => {
- console.log('error is ', error)
- }
- );
- });
-
- }
-
- @Output()
- highlightInstances: EventEmitter<number> = new EventEmitter<number>();
- @ViewChild('tree') tree: TreeComponent;
-
- nodes = [];
- service = {name: ''};
- isFilterEnabled: boolean = false;
-
- options: ITreeOptions = {
- nodeHeight: 36,
- dropSlotHeight: 0,
- nodeClass: (node: ITreeNode) => {
- if(node.data.type === ServiceNodeTypes.VFmodule && !this.getNodeCount(node.parent))
- {
- node.data.disabled = true;
- return 'tree-node tree-node-disabled';
- }
- node.data.disabled = false;
- return 'tree-node';
- }
- };
-
- expandParentByNodeId(id: IDType): void {
- this.tree.treeModel.getNodeById(id).parent.expand();
- }
-
- searchTree(searchText: string, event: KeyboardEvent): void {
- if (searchText === '') {
- return;
- }
- this.isFilterEnabled = event.key === 'Delete' || event.key === 'Backspace' || searchText.length > 1;
- if (this.isFilterEnabled) {
- let __this = this;
- let results: ITreeNode[] = [];
- this.nodes.forEach(function (node) {
- __this.searchTreeNode(node, searchText, results);
- });
- results.forEach(function (result) {
- __this.expandParentByNodeId(result.id)
- });
- }
- }
-
- searchTreeNode(node, searchText: string, results): void {
- if (node.name.toLowerCase().indexOf(searchText.toLowerCase()) != -1) {
- results.push(node);
- }
- if (node.children != null) {
- for (let i = 0; i < node.children.length; i++) {
- this.searchTreeNode(node.children[i], searchText, results);
- }
- }
- }
-
- selectNode(node: ITreeNode): void {
- node.expand();
- this.highlightInstances.emit(node.data.id);
- }
-
- onClickAdd(e: MouseEvent, node: ITreeNode): void {
- let data = node.data;
- let dynamicInputs = data.dynamicInputs;
- let userProvidedNaming:boolean = data.userProvidedNaming;
- let type:string = data.type;
- if(!this.store.getState().global.flags['FLAG_SETTING_DEFAULTS_IN_DRAWING_BOARD']|| node.data.type === ServiceNodeTypes.VF || this._availableModelsTreeService.shouldOpenDialog(type, dynamicInputs, userProvidedNaming)) {
- this._iframeService.addClassOpenModal(this.parentElementClassName);
- this.dialogService.addDialog(VnfPopupComponent, {
- serviceModelId: this.serviceModelId,
- parentModelName: node.parent && node.parent.data.name,
- modelName: data.name,
- modelType: type,
- dynamicInputs: dynamicInputs,
- userProvidedNaming: userProvidedNaming,
- isNewVfModule : true
- });
- }
- else {
- let vfModule = this._defaultDataGeneratorService.generateVFModule(this.serviceHierarchy, node.parent.data.name, node.data.name);
- this.store.dispatch(createVFModuleInstance(vfModule, node.data.name, this.serviceModelId));
- }
- e.preventDefault();
- e.stopPropagation();
- }
-
- getNodeCount(node: ITreeNode): number {
- let modelName: string = node.data.name;
- if (ServicePlanningService.isVfModule(node)) {
- let parentVnfModelName = node.parent.data.name;
- let vfModuleMap: VfModuleMap = this._servicePlanningService.getVfModuleMap(this.serviceModelId, parentVnfModelName, modelName);
- return vfModuleMap ? Object.keys(vfModuleMap).length : 0;
- } else if (ServicePlanningService.isVnf(node)) {
- let vnfInstance = this._servicePlanningService.getVnfInstance(this.serviceModelId, modelName);
- return vnfInstance ? 1 : 0;
- }
- }
-
- isShowIconV(node: ITreeNode): boolean {
- return this.getNodeCount(node) > 0;
- }
-
- isShowNodeCount(node: ITreeNode): boolean {
- return this.getNodeCount(node) > 0;
- }
-
- isShowIconAdd(node: ITreeNode): boolean {
- return this._availableModelsTreeService.shouldShowAddIcon(node, this.store.getState().service.serviceHierarchy, this.serviceModelId, this.getNodeCount(node));
- }
-}