2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
6 * ================================================================================
7 * Licensed under the Apache License, Version 2.0 (the "License");
8 * you may not use this file except in compliance with the License.
9 * You may obtain a copy of the License at
11 * http://www.apache.org/licenses/LICENSE-2.0
13 * Unless required by applicable law or agreed to in writing, software
14 * distributed under the License is distributed on an "AS IS" BASIS,
15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16 * See the License for the specific language governing permissions and
17 * limitations under the License.
18 * ============LICENSE_END=========================================================
23 //import 'restangular';
24 //import 'angular-ui-router';
25 import * as _ from "lodash";
26 import "reflect-metadata";
27 import 'ng-infinite-scroll';
28 import './modules/filters.ts';
29 import './modules/utils.ts';
30 import './modules/directive-module.ts';
31 import './modules/service-module';
32 import './modules/view-model-module.ts';
33 import {SdcUiComponentsNg1Module} from 'sdc-ui/lib/angular';
37 LeftPaletteLoaderService,
40 ConfigurationUiService,
43 ICategoryResourceClass,
46 import { UserService } from "./ng2/services/user.service";
47 import {forwardRef} from '@angular/core';
48 import {UpgradeAdapter} from '@angular/upgrade';
49 import {CHANGE_COMPONENT_CSAR_VERSION_FLAG, States, PREVIOUS_CSAR_COMPONENT} from "./utils";
50 import {IAppConfigurtaion, IAppMenu, IMainCategory, Resource, IHostedApplication} from "./models";
51 import {ComponentFactory} from "./utils/component-factory";
52 import {ModalsHandler} from "./utils/modals-handler";
53 import {downgradeComponent} from "@angular/upgrade/static";
55 import {AppModule} from './ng2/app.module';
56 import {Component} from "./models/components/component";
57 import {ComponentServiceNg2} from "./ng2/services/component-services/component.service";
58 import {ComponentMetadata} from "./models/component-metadata";
59 import {Categories} from "./models/categories";
60 import {IUserProperties} from "./models/user";
62 let moduleName:string = 'sdcApp';
63 let viewModelsModuleName:string = 'Sdc.ViewModels';
64 let directivesModuleName:string = 'Sdc.Directives';
65 let servicesModuleName:string = 'Sdc.Services';
66 let filtersModuleName:string = 'Sdc.Filters';
67 let utilsModuleName:string = 'Sdc.Utils';
69 // Load configuration according to environment.
70 declare var __ENV__:string;
71 let sdcConfig:IAppConfigurtaion;
73 let pathPrefix:string = '';
74 if (__ENV__ === 'dev') {
75 sdcConfig = require('./../../configurations/dev.js');
76 } else if (__ENV__ === 'prod') {
77 sdcConfig = require('./../../configurations/prod.js');
80 console.log("ERROR: Environment configuration not found!");
82 sdcMenu = require('./../../configurations/menu.js');
84 let dependentModules:Array<string> = [
97 'pascalprecht.translate',
103 SdcUiComponentsNg1Module.name,
104 viewModelsModuleName,
105 directivesModuleName,
111 // ===================== Hosted applications section ====================
112 // Define here new hosted apps
113 let hostedApplications:Array<IHostedApplication> = [
115 "moduleName": "dcaeApp",
117 "defaultState": 'dcae.app.home',
121 "relativeHtmlPath": 'dcae-app/dcae-app-view.html',
122 "controllerName": '.DcaeAppViewModel'
127 // Check if module exists (in case the javascript was not loaded).
128 let isModuleExists = (moduleName:string):boolean => {
130 angular.module(moduleName);
131 dependentModules.push(moduleName);
134 console.log('Module ' + moduleName + ' does not exists');
139 // Check which hosted applications exists
140 _.each(hostedApplications, (hostedApp)=> {
141 if (isModuleExists(hostedApp.moduleName)) {
142 hostedApp['exists'] = true;
145 // ===================== Hosted applications section ====================
147 export const ng1appModule:ng.IModule = angular.module(moduleName, dependentModules);
149 ng1appModule.config([
151 '$translateProvider',
152 '$urlRouterProvider',
154 'tooltipsConfigProvider',
155 'NotificationProvider',
157 $translateProvider:any,
158 $urlRouterProvider:ng.ui.IUrlRouterProvider,
159 $httpProvider:ng.IHttpProvider,
160 tooltipsConfigProvider:any,
161 NotificationProvider:any):void => {
163 NotificationProvider.setOptions({
169 horizontalSpacing: 20,
173 NotificationProvider.options.templateUrl = 'notification-custom-template.html';
175 $translateProvider.useStaticFilesLoader({
176 prefix: pathPrefix + 'assets/languages/',
178 suffix: '.json?d=' + (new Date()).getTime()
180 $translateProvider.useSanitizeValueStrategy('escaped');
181 $translateProvider.preferredLanguage('en_US');
183 $httpProvider.interceptors.push('Sdc.Services.HeaderInterceptor');
184 $httpProvider.interceptors.push('Sdc.Services.HttpErrorInterceptor');
185 $urlRouterProvider.otherwise('welcome');
187 $stateProvider.state(
189 url: '/dashboard?show&folder&filter.term&filter.status&filter.distributed',
190 templateUrl: "./view-models/dashboard/dashboard-view.html",
191 controller: viewModelsModuleName + '.DashboardViewModel',
195 $stateProvider.state(
198 templateUrl: "./view-models/welcome/welcome-view.html",
199 controller: viewModelsModuleName + '.WelcomeViewModel'
203 let componentsParam:Array<any> = ['$stateParams', 'Sdc.Services.EntityService', 'Sdc.Services.CacheService', ($stateParams:any, EntityService:EntityService, cacheService:CacheService) => {
204 if (cacheService.get('breadcrumbsComponentsState') === $stateParams.previousState) {
205 const breadcrumbsComponents = cacheService.get('breadcrumbsComponents');
206 if (breadcrumbsComponents) {
207 return breadcrumbsComponents;
210 let breadcrumbsComponentsPromise;
211 if ($stateParams.previousState === 'dashboard') {
212 breadcrumbsComponentsPromise = EntityService.getAllComponents(true);
213 } else if ($stateParams.previousState === 'catalog') {
214 breadcrumbsComponentsPromise = EntityService.getCatalog();
216 cacheService.remove('breadcrumbsComponentsState');
217 cacheService.remove('breadcrumbsComponents');
220 breadcrumbsComponentsPromise.then((components) => {
221 cacheService.set('breadcrumbsComponentsState', $stateParams.previousState);
222 cacheService.set('breadcrumbsComponents', components);
224 return breadcrumbsComponentsPromise;
228 const oldWorkspaceController:Array<any> = ['$location', ($location:ng.ILocationService) => {
229 // redirect old /workspace/* urls to /catalog/workspace/* url
230 const newUrl = '/catalog' + $location.url();
231 console.log('old workspace path - redirecting to:', newUrl);
232 $location.url(newUrl);
235 $stateProvider.state(
237 url: '/workspace/:id/:type/*workspaceInnerPath',
238 controller: oldWorkspaceController
242 $stateProvider.state(
244 url: '/:previousState/workspace/:id/:type/',
245 params: {'importedFile': null, 'componentCsar': null, 'resourceType': null, 'disableButtons': null},
246 templateUrl: './view-models/workspace/workspace-view.html',
247 controller: viewModelsModuleName + '.WorkspaceViewModel',
249 injectComponent: ['$stateParams', 'ComponentFactory', 'Sdc.Services.CacheService', 'ComponentServiceNg2', function ($stateParams, ComponentFactory:ComponentFactory, cacheService:CacheService, ComponentServiceNg2:ComponentServiceNg2) {
251 if ($stateParams.id && $stateParams.id.length) { //need to check length in case ID is an empty string
252 return ComponentFactory.getComponentWithMetadataFromServer($stateParams.type.toUpperCase(), $stateParams.id).then(
253 (component:Component)=> {
254 if ($stateParams.componentCsar && component.isResource()){
255 if((<Resource>component).csarVersion != $stateParams.componentCsar.csarVersion) {
256 cacheService.set(PREVIOUS_CSAR_COMPONENT, angular.copy(component));
258 component = ComponentFactory.updateComponentFromCsar($stateParams.componentCsar, <Resource>component);
262 } else if ($stateParams.componentCsar && $stateParams.componentCsar.csarUUID) {
263 return $stateParams.componentCsar;
265 let emptyComponent = ComponentFactory.createEmptyComponent($stateParams.type.toUpperCase());
266 if (emptyComponent.isResource() && $stateParams.resourceType) {
267 // Set the resource type
268 (<Resource>emptyComponent).resourceType = $stateParams.resourceType;
270 if ($stateParams.importedFile) {
271 (<Resource>emptyComponent).importedFile = $stateParams.importedFile;
273 return emptyComponent;
276 components: componentsParam
281 $stateProvider.state(
282 States.WORKSPACE_GENERAL, {
285 controller: viewModelsModuleName + '.GeneralViewModel',
286 templateUrl: './view-models/workspace/tabs/general/general-view.html',
287 data: {unsavedChanges: false, bodyClass: 'general'}
291 $stateProvider.state(
292 States.WORKSPACE_ACTIVITY_LOG, {
295 controller: viewModelsModuleName + '.ActivityLogViewModel',
296 templateUrl: './view-models/workspace/tabs/activity-log/activity-log.html',
300 $stateProvider.state(
301 States.WORKSPACE_DEPLOYMENT_ARTIFACTS, {
302 url: 'deployment_artifacts',
304 controller: viewModelsModuleName + '.DeploymentArtifactsViewModel',
305 templateUrl: './view-models/workspace/tabs/deployment-artifacts/deployment-artifacts-view.html',
307 bodyClass: 'deployment_artifacts'
312 $stateProvider.state(
313 States.WORKSPACE_INFORMATION_ARTIFACTS, {
314 url: 'information_artifacts',
316 controller: viewModelsModuleName + '.InformationArtifactsViewModel',
317 templateUrl: './view-models/workspace/tabs/information-artifacts/information-artifacts-view.html',
319 bodyClass: 'information_artifacts'
324 $stateProvider.state(
325 States.WORKSPACE_TOSCA_ARTIFACTS, {
326 url: 'tosca_artifacts',
328 controller: viewModelsModuleName + '.ToscaArtifactsViewModel',
329 templateUrl: './view-models/workspace/tabs/tosca-artifacts/tosca-artifacts-view.html',
331 bodyClass: 'tosca_artifacts'
336 $stateProvider.state(
337 States.WORKSPACE_PROPERTIES, {
340 controller: viewModelsModuleName + '.PropertiesViewModel',
341 templateUrl: './view-models/workspace/tabs/properties/properties-view.html',
343 bodyClass: 'properties'
348 $stateProvider.state(
349 States.WORKSPACE_PROPERTIES_ASSIGNMENT, {
350 url: 'properties_assignment',
351 params: {'component': null},
352 template: '<properties-assignment></properties-assignment>',
355 componentData: ['injectComponent', '$stateParams', function (injectComponent:Component, $stateParams) {
356 //injectComponent.componentService = null; // this is for not passing the service so no one will use old api and start using new api
357 $stateParams.component = injectComponent;
358 return injectComponent;
362 bodyClass: 'properties-assignment'
367 $stateProvider.state(
368 States.WORKSPACE_ATTRIBUTES, {
371 controller: viewModelsModuleName + '.AttributesViewModel',
372 templateUrl: './view-models/workspace/tabs/attributes/attributes-view.html',
374 bodyClass: 'attributes'
379 $stateProvider.state(
380 States.WORKSPACE_REQUIREMENTS_AND_CAPABILITIES, {
381 url: 'req_and_capabilities',
383 controller: viewModelsModuleName + '.ReqAndCapabilitiesViewModel',
384 templateUrl: './view-models/workspace/tabs/req-and-capabilities/req-and-capabilities-view.html',
386 bodyClass: 'attributes'
391 $stateProvider.state(
392 States.WORKSPACE_REQUIREMENTS_AND_CAPABILITIES_EDITABLE, {
393 url: 'req_and_capabilities_editable',
395 controller: viewModelsModuleName + '.ReqAndCapabilitiesViewModel',
396 templateUrl: './view-models/workspace/tabs/req-and-capabilities/req-and-capabilities-editable-view.html',
398 bodyClass: 'attributes'
404 $stateProvider.state(
405 States.WORKSPACE_MANAGEMENT_WORKFLOW, {
407 url: 'management_workflow',
408 templateUrl: './view-models/workspace/tabs/management-workflow/management-workflow-view.html',
409 controller: viewModelsModuleName + '.ManagementWorkflowViewModel'
413 $stateProvider.state(
414 States.WORKSPACE_NETWORK_CALL_FLOW, {
416 url: 'network_call_flow',
417 templateUrl: './view-models/workspace/tabs/network-call-flow/network-call-flow-view.html',
418 controller: viewModelsModuleName + '.NetworkCallFlowViewModel'
422 $stateProvider.state(
423 States.WORKSPACE_DISTRIBUTION, {
426 templateUrl: './view-models/workspace/tabs/distribution/distribution-view.html',
427 controller: viewModelsModuleName + '.DistributionViewModel'
431 $stateProvider.state(
432 States.WORKSPACE_COMPOSITION, {
435 controller: viewModelsModuleName + '.CompositionViewModel',
436 templateUrl: './view-models/workspace/tabs/composition/composition-view.html',
438 bodyClass: 'composition'
443 // $stateProvider.state(
444 // States.WORKSPACE_NG2, {
446 // component: downgradeComponent({component: NG2Example2Component}), //viewModelsModuleName + '.NG2Example',
447 // templateUrl: './ng2/view-ng2/ng2.example2/ng2.example2.component.html'
451 $stateProvider.state(
452 States.WORKSPACE_DEPLOYMENT, {
455 templateUrl: './view-models/workspace/tabs/deployment/deployment-view.html',
456 controller: viewModelsModuleName + '.DeploymentViewModel',
458 bodyClass: 'composition'
463 $stateProvider.state(
464 'workspace.composition.details', {
466 parent: 'workspace.composition',
467 templateUrl: './view-models/workspace/tabs/composition/tabs/details/details-view.html',
468 controller: viewModelsModuleName + '.DetailsViewModel'
472 $stateProvider.state(
473 'workspace.composition.properties', {
475 parent: 'workspace.composition',
476 templateUrl: './view-models/workspace/tabs/composition/tabs/properties-and-attributes/properties-view.html',
477 controller: viewModelsModuleName + '.ResourcePropertiesViewModel'
481 $stateProvider.state(
482 'workspace.composition.artifacts', {
484 parent: 'workspace.composition',
485 templateUrl: './view-models/workspace/tabs/composition/tabs/artifacts/artifacts-view.html',
486 controller: viewModelsModuleName + '.ResourceArtifactsViewModel'
490 $stateProvider.state(
491 'workspace.composition.relations', {
493 parent: 'workspace.composition',
494 templateUrl: './view-models/workspace/tabs/composition/tabs/relations/relations-view.html',
495 controller: viewModelsModuleName + '.RelationsViewModel'
499 $stateProvider.state(
500 'workspace.composition.structure', {
502 parent: 'workspace.composition',
503 templateUrl: './view-models/workspace/tabs/composition/tabs/structure/structure-view.html',
504 controller: viewModelsModuleName + '.StructureViewModel'
507 $stateProvider.state(
508 'workspace.composition.lifecycle', {
510 parent: 'workspace.composition',
511 templateUrl: './view-models/workspace/tabs/composition/tabs/artifacts/artifacts-view.html',
512 controller: viewModelsModuleName + '.ResourceArtifactsViewModel'
516 $stateProvider.state(
517 'workspace.composition.api', {
519 parent: 'workspace.composition',
520 templateUrl: './view-models/workspace/tabs/composition/tabs/artifacts/artifacts-view.html',
521 controller: viewModelsModuleName + '.ResourceArtifactsViewModel'
524 $stateProvider.state(
525 'workspace.composition.deployment', {
527 parent: 'workspace.composition',
528 templateUrl: './view-models/workspace/tabs/composition/tabs/artifacts/artifacts-view.html',
529 controller: viewModelsModuleName + '.ResourceArtifactsViewModel'
532 $stateProvider.state(
533 'workspace.composition.consumption', {
535 parent: 'workspace.composition',
536 templateUrl: './view-models/workspace/tabs/composition/tabs/service-consumption/service-consumption-view.html',
537 controller: viewModelsModuleName + '.ServiceConsumptionViewModel'
540 $stateProvider.state(
541 'workspace.composition.dependencies', {
543 parent: 'workspace.composition',
544 templateUrl: './view-models/workspace/tabs/composition/tabs/service-dependencies/service-dependencies-view.html',
545 controller: viewModelsModuleName + '.ServiceDependenciesViewModel'
549 $stateProvider.state(
550 States.WORKSPACE_INTERFACE_OPERATION, {
551 url: 'interface_operation',
553 controller: viewModelsModuleName + '.InterfaceOperationViewModel',
554 templateUrl: './view-models/workspace/tabs/interface-operation/interface-operation-view.html',
556 bodyClass: 'interface_operation'
561 $stateProvider.state(
562 'workspace.plugins', {
563 url: 'plugins/*path',
565 params: {'queryParams': null},
566 templateUrl: './view-models/workspace/tabs/plugins/plugins-context-view.html',
567 controller: viewModelsModuleName + '.PluginsContextViewModel'
571 $stateProvider.state(
573 url: '/adminDashboard',
574 templateUrl: './view-models/admin-dashboard/admin-dashboard-view.html',
575 controller: viewModelsModuleName + '.AdminDashboardViewModel',
576 permissions: ['ADMIN']
580 $stateProvider.state(
582 url: '/onboardVendor',
583 templateUrl: './view-models/onboard-vendor/onboard-vendor-view.html',
584 controller: viewModelsModuleName + '.OnboardVendorViewModel'//,
588 $stateProvider.state(
590 url: '/plugins/*path',
591 templateUrl: './view-models/plugins/plugins-tab-view.html',
592 controller: viewModelsModuleName + '.PluginsTabViewModel'
596 // Build the states for all hosted apps dynamically
597 _.each(hostedApplications, (hostedApp)=> {
598 if (hostedApp.exists) {
599 $stateProvider.state(
600 hostedApp.state.name, {
601 url: hostedApp.state.url,
602 templateUrl: './view-models/dcae-app/dcae-app-view.html',
603 controller: viewModelsModuleName + hostedApp.state.controllerName
609 $stateProvider.state(
611 url: '/catalog?filter.components&filter.resourceSubTypes&filter.categories&filter.statuses&filter.order&filter.term&filter.active',
612 templateUrl: './view-models/catalog/catalog-view.html',
613 controller: viewModelsModuleName + '.CatalogViewModel',
615 auth: ["$q", "UserServiceNg2", ($q:any, userService:UserService) => {
616 let userInfo:IUserProperties = userService.getLoggedinUser();
618 return $q.when(userInfo);
620 return $q.reject({authenticated: false});
627 $stateProvider.state(
630 templateUrl: './view-models/support/support-view.html',
631 controller: viewModelsModuleName + '.SupportViewModel'
635 $stateProvider.state(
638 templateUrl: "./view-models/modals/error-modal/error-403-view.html",
639 controller: viewModelsModuleName + '.ErrorViewModel'
643 tooltipsConfigProvider.options({
646 class: 'tooltip-custom',
654 ng1appModule.value('ValidationPattern', /^[\s\w\&_.:-]{1,1024}$/);
655 ng1appModule.value('ComponentNameValidationPattern', /^(?=.*[^. ])[\s\w\&_.:-]{1,1024}$/); //DE250513 - same as ValidationPattern above, plus requirement that name not consist of dots and/or spaces alone.
656 ng1appModule.value('PropertyNameValidationPattern', /^[a-zA-Z0-9_:-]{1,50}$/);// DE210977
657 ng1appModule.value('TagValidationPattern', /^[\s\w_.-]{1,50}$/);
658 ng1appModule.value('VendorReleaseValidationPattern', /^[\x20-\x21\x23-\x29\x2B-\x2E\x30-\x39\x3B\x3D\x40-\x5B\x5D-\x7B\x7D-\xFF]{1,25}$/);
659 ng1appModule.value('VendorNameValidationPattern', /^[\x20-\x21\x23-\x29\x2B-\x2E\x30-\x39\x3B\x3D\x40-\x5B\x5D-\x7B\x7D-\xFF]{1,60}$/);
660 ng1appModule.value('VendorModelNumberValidationPattern', /^[\x20-\x21\x23-\x29\x2B-\x2E\x30-\x39\x3B\x3D\x40-\x5B\x5D-\x7B\x7D-\xFF]{1,65}$/);
661 ng1appModule.value('ServiceTypeAndRoleValidationPattern', /^[\x20-\x21\x23-\x29\x2B-\x2E\x30-\x39\x3B\x3D\x40-\x5B\x5D-\x7B\x7D-\xFF]{1,256}$/);
662 ng1appModule.value('ContactIdValidationPattern', /^[\s\w-]{1,50}$/);
663 ng1appModule.value('UserIdValidationPattern', /^[\s\w-]{1,50}$/);
664 ng1appModule.value('ProjectCodeValidationPattern', /^[\s\w-]{5,50}$/);
665 ng1appModule.value('LabelValidationPattern', /^[\sa-zA-Z0-9+-]{1,25}$/);
666 ng1appModule.value('UrlValidationPattern', /^(https?|ftp):\/\/(((([A-Za-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([A-Za-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([A-Za-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([A-Za-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([A-Za-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([A-Za-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([A-Za-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([A-Za-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([A-Za-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([A-Za-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([A-Za-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([A-Za-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/);
667 ng1appModule.value('IntegerValidationPattern', /^(([-+]?\d+)|([-+]?0x[0-9a-fA-F]+))$/);
668 ng1appModule.value('IntegerNoLeadingZeroValidationPattern', /^(0|[-+]?[1-9][0-9]*|[-+]?0x[0-9a-fA-F]+|[-+]?0o[0-7]+)$/);
669 ng1appModule.value('FloatValidationPattern', /^[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?f?$/);
670 ng1appModule.value('NumberValidationPattern', /^((([-+]?\d+)|([-+]?0x[0-9a-fA-F]+))|([-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?))$/);
671 ng1appModule.value('KeyValidationPattern', /^[\s\w-]{1,50}$/);
672 ng1appModule.value('CommentValidationPattern', /^[\u0000-\u00BF]*$/);
673 ng1appModule.value('BooleanValidationPattern', /^([Tt][Rr][Uu][Ee]|[Ff][Aa][Ll][Ss][Ee])$/);
674 ng1appModule.value('MapKeyValidationPattern', /^[\w]{1,50}$/);
676 ng1appModule.constant('sdcConfig', sdcConfig);
677 ng1appModule.constant('sdcMenu', sdcMenu);
681 'Sdc.Services.CacheService',
682 'Sdc.Services.CookieService',
683 'Sdc.Services.ConfigurationUiService',
685 'Sdc.Services.CategoryResourceService',
686 'Sdc.Services.SdcVersionService',
692 'Sdc.Services.EcompHeaderService',
693 'LeftPaletteLoaderService',
694 'Sdc.Services.DataTypesService',
697 ($http:ng.IHttpService,
698 cacheService:CacheService,
699 cookieService:CookieService,
700 ConfigurationUi:ConfigurationUiService,
701 userService:UserService,
702 categoryResourceService:ICategoryResourceClass,
703 sdcVersionService:SdcVersionService,
704 $state:ng.ui.IStateService,
705 $rootScope:ng.IRootScopeService,
706 $location:ng.ILocationService,
708 ModalsHandler:ModalsHandler,
709 ecompHeaderService:EcompHeaderService,
710 LeftPaletteLoaderService:LeftPaletteLoaderService,
711 DataTypesService:DataTypesService,
713 $templateCache:ng.ITemplateCacheService):void => {
714 $templateCache.put('notification-custom-template.html', require('./view-models/shared/notification-custom-template.html'));
715 $templateCache.put('notification-custom-template.html', require('./view-models/shared/notification-custom-template.html'));
716 //handle cache data - version
717 let initAsdcVersion:Function = ():void => {
719 let onFailed = (response) => {
720 console.info('onFailed initAsdcVersion', response);
721 cacheService.set('version', 'N/A');
724 let onSuccess = (version:any) => {
725 let tmpVerArray = version.version.split(".");
726 let ver = tmpVerArray[0] + "." + tmpVerArray[1] + "." + tmpVerArray[2];
727 cacheService.set('version', ver);
730 sdcVersionService.getVersion().then(onSuccess, onFailed);
734 let initEcompMenu:Function = (user):void => {
735 ecompHeaderService.getMenuItems(user.userId).then((data)=> {
736 $rootScope['menuItems'] = data;
740 let initConfigurationUi:Function = ():void => {
742 .getConfigurationUi()
743 .then((configurationUi:any) => {
744 cacheService.set('UIConfiguration', configurationUi);
748 let initCategories:Function = ():void => {
749 let onError = ():void => {
750 console.log('Failed to init categories');
753 categoryResourceService.getAllCategories((categories: Categories):void => {
754 cacheService.set('serviceCategories', categories.serviceCategories);
755 cacheService.set('resourceCategories', categories.resourceCategories);
759 // Add hosted applications to sdcConfig
760 sdcConfig.hostedApplications = hostedApplications;
763 $http.defaults.withCredentials = true;
764 $http.defaults.headers.common.Authorization = 'Basic YmVlcDpib29w';
765 $http.defaults.headers.common[cookieService.getUserIdSuffix()] = cookieService.getUserId();
768 initConfigurationUi();
769 // initLeftPalette();
770 DataTypesService.initDataTypes();
772 //handle stateChangeStart
773 let internalDeregisterStateChangeStartWatcher:Function = ():void => {
774 if (deregisterStateChangeStartWatcher) {
775 deregisterStateChangeStartWatcher();
776 deregisterStateChangeStartWatcher = null;
778 if (deregisterStateChangeSuccessWatcher) {
779 deregisterStateChangeSuccessWatcher();
780 deregisterStateChangeSuccessWatcher = null;
784 let removeLoader:Function = ():void => {
785 $(".sdc-loading-page .main-loader").addClass("animated fadeOut");
786 $(".sdc-loading-page .caption1").addClass("animated fadeOut");
787 $(".sdc-loading-page .caption2").addClass("animated fadeOut");
788 window.setTimeout(():void=> {
789 $(".sdc-loading-page .main-loader").css("display", "none");
790 $(".sdc-loading-page .caption1").css("display", "none");
791 $(".sdc-loading-page .caption2").css("display", "none");
792 $(".sdc-loading-page").addClass("animated fadeOut");
796 let onNavigateOut:Function = (toState, toParams):void => {
797 let onOk = ():void => {
798 $state.current.data.unsavedChanges = false;
799 $state.go(toState.name, toParams);
802 let data = sdcMenu.alertMessages.exitWithoutSaving;
803 //open notify to user if changes are not saved
804 ModalsHandler.openAlertModal(data.title, data.message).then(onOk);
807 let onStateChangeStart:Function = (event, toState, toParams, fromState, fromParams):void => {
808 console.info((new Date()).getTime());
809 console.info('$stateChangeStart', toState.name);
811 if (toState.name !== 'error-403' && !userService.getLoggedinUser()) {
812 if (toState.name !== 'welcome') {
813 event.preventDefault();
816 userService.authorize().subscribe((userInfo:IUserProperties) => {
817 if (!doesUserHasAccess(toState, userInfo)) {
818 $state.go('error-403');
819 console.info('User has no permissions');
822 userService.setLoggedinUser(userInfo);
823 cacheService.set('user', userInfo);
825 // initEcompMenu(userInfo);
826 setTimeout(function () {
831 if (userService.getLoggedinUser().role === 'ADMIN') {
832 // toState.name = "adminDashboard";
833 $state.go("adminDashboard", toParams);
837 // After user authorized init categories
838 window.setTimeout(():void=> {
839 if ($state.current.name === '') {
840 $state.go(toState.name, toParams);
843 console.log("------$state.current.name=" + $state.current.name);
850 $state.go('error-403');
853 else if (userService.getLoggedinUser()) {
854 if (!doesUserHasAccess(toState, userService.getLoggedinUser())) {
855 event.preventDefault();
856 $state.go('error-403');
857 console.info('User has no permissions');
859 if (toState.name === "welcome") {
860 $state.go("dashboard");
863 //if form is dirty and not save - notify to user
864 if (fromState.data && fromState.data.unsavedChanges && fromParams.id != toParams.id) {
865 event.preventDefault();
866 onNavigateOut(toState, toParams);
870 // if enetering workspace, set the previousState param
871 if (toState.name.indexOf('workspace') !== -1) {
872 if (!toParams.previousState) {
873 const tmpPreviousState1 = fromParams && fromParams.previousState;
874 const tmpPreviousState2 = (['dashboard', 'catalog'].indexOf(fromState.name) !== -1) ? fromState.name : 'catalog';
875 toParams.previousState = tmpPreviousState1 || tmpPreviousState2;
881 let onStateChangeSuccess:Function = (event, toState, toParams, fromState, fromParams):void => {
882 console.info('$stateChangeSuccess', toState.name);
884 // Workaround in case we are entering other state then workspace (user move to catalog)
885 // remove the changeComponentCsarVersion, user should open again the VSP list and select one for update.
886 if (toState.name.indexOf('workspace') === -1) {
887 if (cacheService.contains(CHANGE_COMPONENT_CSAR_VERSION_FLAG)) {
888 cacheService.remove(CHANGE_COMPONENT_CSAR_VERSION_FLAG);
890 if (cacheService.contains(PREVIOUS_CSAR_COMPONENT)){
891 cacheService.remove(PREVIOUS_CSAR_COMPONENT);
896 $rootScope['bodyClass'] = 'default-class';
897 if (toState.data && toState.data.bodyClass) {
898 $rootScope['bodyClass'] = toState.data.bodyClass;
902 let doesUserHasAccess:Function = (toState, user):boolean => {
904 let isUserHasAccess = true;
905 if (toState.permissions && toState.permissions.length > 0) {
906 isUserHasAccess = _.includes(toState.permissions, user.role);
908 return isUserHasAccess;
910 let deregisterStateChangeStartWatcher:Function;
911 let deregisterStateChangeSuccessWatcher:Function;
913 let registerStateChangeStartWatcher:Function = ():void => {
914 internalDeregisterStateChangeStartWatcher();
915 console.info('registerStateChangeStartWatcher $stateChangeStart');
916 deregisterStateChangeStartWatcher = $rootScope.$on('$stateChangeStart', (event, toState, toParams, fromState, fromParams):void => {
917 onStateChangeStart(event, toState, toParams, fromState, fromParams);
919 deregisterStateChangeSuccessWatcher = $rootScope.$on('$stateChangeSuccess', (event, toState, toParams, fromState, fromParams):void => {
920 onStateChangeSuccess(event, toState, toParams, fromState, fromParams);
924 registerStateChangeStartWatcher();