/*-
* ============LICENSE_START=======================================================
* SDC
* ================================================================================
* Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
* ================================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ============LICENSE_END=========================================================
*/
///
module Sdc.ViewModels {
'use strict';
export interface ICompositionViewModelScope extends IWorkspaceViewModelScope {
currentComponent: Models.Components.Component;
selectedComponent: Models.Components.Component;
isLoading: boolean;
graphApi:any;
sharingService:Sdc.Services.SharingService;
sdcMenu:Models.IAppMenu;
version:string;
isViewOnly:boolean;
isLoadingRightPanel:boolean;
setComponent(component: Models.Components.Component);
isComponentInstanceSelected():boolean;
updateSelectedComponent(): void
openUpdateModal();
deleteSelectedComponentInstance():void;
onBackgroundClick():void;
setSelectedInstance(componentInstance: Models.ComponentsInstances.ComponentInstance): void;
printScreen():void;
cacheComponentsInstancesFullData: Models.Components.Component;
}
export class CompositionViewModel {
static '$inject' = [
'$scope',
'$log',
'sdcMenu',
'MenuHandler',
'$modal',
'$templateCache',
'$state',
'Sdc.Services.SharingService',
'$filter',
'Sdc.Services.CacheService',
'ComponentFactory',
'ChangeLifecycleStateHandler',
'LeftPaletteLoaderService',
'ModalsHandler',
'EventListenerService'
];
constructor(private $scope:ICompositionViewModelScope,
private $log: ng.ILogService,
private sdcMenu:Models.IAppMenu,
private MenuHandler: Utils.MenuHandler,
private $modal:ng.ui.bootstrap.IModalService,
private $templateCache:ng.ITemplateCacheService,
private $state:ng.ui.IStateService,
private sharingService:Services.SharingService,
private $filter:ng.IFilterService,
private cacheService:Services.CacheService,
private ComponentFactory: Utils.ComponentFactory,
private ChangeLifecycleStateHandler: Sdc.Utils.ChangeLifecycleStateHandler,
private LeftPaletteLoaderService: Services.Components.LeftPaletteLoaderService,
private ModalsHandler: Sdc.Utils.ModalsHandler,
private eventListenerService:Services.EventListenerService) {
this.$scope.setValidState(true);
this.initScope();
this.$scope.updateSelectedMenuItem();
this.registerGraphEvents(this.$scope);
}
private cacheComponentsInstancesFullData: Array;
private initComponent = ():void => {
this.$scope.currentComponent = this.$scope.component;
this.$scope.selectedComponent = this.$scope.currentComponent;
this.updateUuidMap();
this.$scope.isViewOnly = this.$scope.isViewMode();
};
private registerGraphEvents = (scope:ICompositionViewModelScope):void => {
this.eventListenerService.registerObserverCallback(Utils.Constants.GRAPH_EVENTS.ON_NODE_SELECTED, scope.setSelectedInstance);
this.eventListenerService.registerObserverCallback(Utils.Constants.GRAPH_EVENTS.ON_GRAPH_BACKGROUND_CLICKED, scope.onBackgroundClick);
}
private openUpdateComponentInstanceNameModal = ():void => {
let viewModelsHtmlBasePath:string = '/app/scripts/view-models/';
let modalOptions:ng.ui.bootstrap.IModalSettings = {
template: this.$templateCache.get(viewModelsHtmlBasePath + 'forms/resource-instance-name-form/resource-instance-name-view.html'),
controller: 'Sdc.ViewModels.ResourceInstanceNameViewModel',
size: 'sdc-sm',
backdrop: 'static',
resolve: {
component: ():Models.Components.Component => {
return this.$scope.currentComponent;
}
}
};
let modalInstance:ng.ui.bootstrap.IModalServiceInstance = this.$modal.open(modalOptions);
modalInstance.result.then(():void => {
this.eventListenerService.notifyObservers(Utils.Constants.GRAPH_EVENTS.ON_COMPONENT_INSTANCE_NAME_CHANGED, this.$scope.currentComponent.selectedInstance);
//this.$scope.graphApi.updateNodeName(this.$scope.currentComponent.selectedInstance);
});
};
private removeSelectedComponentInstance = ():void => {
this.eventListenerService.notifyObservers(Utils.Constants.GRAPH_EVENTS.ON_DELETE_MULTIPLE_COMPONENTS);
};
private updateUuidMap = ():void => {
/**
* In case user press F5, the page is refreshed and this.sharingService.currentEntity will be undefined,
* but after loadService or loadResource this.sharingService.currentEntity will be defined.
* Need to update the uuidMap with the new resource or service.
*/
this.sharingService.addUuidValue(this.$scope.currentComponent.uniqueId,this.$scope.currentComponent.uuid);
};
private initScope = ():void => {
this.$scope.sharingService = this.sharingService;
this.$scope.sdcMenu = this.sdcMenu;
this.$scope.isLoading = false;
this.$scope.isLoadingRightPanel = false;
this.$scope.graphApi = {};
this.$scope.version = this.cacheService.get('version');
this.initComponent();
this.cacheComponentsInstancesFullData = new Array();
this.$scope.isComponentInstanceSelected = ():boolean => {
return this.$scope.currentComponent && this.$scope.currentComponent.selectedInstance != undefined && this.$scope.currentComponent.selectedInstance != null;
};
this.$scope.updateSelectedComponent = (): void => {
if(this.$scope.currentComponent.selectedInstance){
let componentParent = _.find(this.cacheComponentsInstancesFullData, (component) => {
return component.uniqueId === this.$scope.currentComponent.selectedInstance.componentUid;
});
if(componentParent) {
this.$scope.selectedComponent = componentParent;
}
else {
try {
let onSuccess = (component:Models.Components.Component) => {
this.$scope.isLoadingRightPanel = false;
this.$scope.selectedComponent = component;
this.cacheComponentsInstancesFullData.push(component);
};
let onError = (component:Models.Components.Component) => {
console.log("Error updating selected component");
this.$scope.isLoadingRightPanel = false;
};
this.ComponentFactory.getComponentFromServer(this.$scope.currentComponent.selectedInstance.originType, this.$scope.currentComponent.selectedInstance.componentUid).then(onSuccess, onError);
} catch(e){
console.log("Error updating selected component", e);
this.$scope.isLoadingRightPanel = false;
}
}
}
else {
this.$scope.selectedComponent = this.$scope.currentComponent;
}
};
this.$scope.setSelectedInstance = (selectedComponent:Models.ComponentsInstances.ComponentInstance):void => {
this.$log.debug('composition-view-model::onNodeSelected:: with id: '+ selectedComponent.uniqueId);
this.$scope.currentComponent.setSelectedInstance(selectedComponent);
this.$scope.updateSelectedComponent();
if (this.$state.current.name === 'workspace.composition.api') {
this.$state.go('workspace.composition.details');
}
if (this.$state.current.name === 'workspace.composition.relations' && this.$scope.currentComponent.isProduct()) {
this.$state.go('workspace.composition.details');
}
};
this.$scope.onBackgroundClick = ():void => {
this.$scope.currentComponent.selectedInstance = null;
this.$scope.selectedComponent = this.$scope.currentComponent;
if (this.$state.current.name === 'workspace.composition.api') {
this.$state.go('workspace.composition.details');
}
};
this.$scope.openUpdateModal = ():void => {
this.openUpdateComponentInstanceNameModal();
};
this.$scope.deleteSelectedComponentInstance = ():void => {
let state = "deleteInstance";
let onOk = ():void => {
this.removeSelectedComponentInstance();
//this.$scope.graphApi.deleteSelectedNodes();
};
let title:string = this.$scope.sdcMenu.alertMessages[state].title;
let message:string = this.$scope.sdcMenu.alertMessages[state].message.format([this.$scope.currentComponent.selectedInstance.name]);
this.ModalsHandler.openAlertModal(title, message).then(onOk);
};
this.$scope.setComponent = (component: Models.Components.Product):void => {
this.$scope.currentComponent = component;
}
}
}
}