2 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
8 * http://www.apache.org/licenses/LICENSE-2.0
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
13 * or implied. See the License for the specific language governing
14 * permissions and limitations under the License.
16 import React from 'react';
17 import ReactDOM from 'react-dom';
18 import {connect} from 'react-redux';
19 import isEqual from 'lodash/isEqual.js';
20 import objectValues from 'lodash/values.js';
22 import i18n from 'nfvo-utils/i18n/i18n.js';
23 import Application from 'sdc-app/Application.jsx';
24 import store from 'sdc-app/AppStore.js';
25 import Configuration from 'sdc-app/config/Configuration.js';
27 import Onboard from './onboard/Onboard.js';
28 import LicenseModel from './licenseModel/LicenseModel.js';
29 import LicenseModelOverview from './licenseModel/overview/LicenseModelOverview.js';
30 import ActivityLog from 'nfvo-components/activity-log/ActivityLog.js';
31 import {doesHeatDataExist} from './softwareProduct/attachments/SoftwareProductAttachmentsUtils.js';
33 import LicenseAgreementListEditor from './licenseModel/licenseAgreement/LicenseAgreementListEditor.js';
34 import FeatureGroupListEditor from './licenseModel/featureGroups/FeatureGroupListEditor.js';
35 import LicenseKeyGroupsListEditor from './licenseModel/licenseKeyGroups/LicenseKeyGroupsListEditor.js';
36 import EntitlementPoolsListEditor from './licenseModel/entitlementPools/EntitlementPoolsListEditor.js';
37 import SoftwareProduct from './softwareProduct/SoftwareProduct.js';
38 import SoftwareProductLandingPage from './softwareProduct/landingPage/SoftwareProductLandingPage.js';
39 import SoftwareProductDetails from './softwareProduct/details/SoftwareProductDetails.js';
40 import SoftwareProductAttachments from './softwareProduct/attachments/SoftwareProductAttachments.js';
41 import SoftwareProductProcesses from './softwareProduct/processes/SoftwareProductProcesses.js';
42 import SoftwareProductNetworks from './softwareProduct/networks/SoftwareProductNetworks.js';
43 import SoftwareProductDependencies from './softwareProduct/dependencies/SoftwareProductDependencies.js';
44 import SoftwareProductComponentsList from './softwareProduct/components/SoftwareProductComponentsList.js';
45 import SoftwareProductComponentProcessesList from './softwareProduct/components/processes/SoftwareProductComponentProcessesList.js';
46 import SoftwareProductComponentStorage from './softwareProduct/components/storage/SoftwareProductComponentStorage.js';
47 import SoftwareProductComponentsNetworkList from './softwareProduct/components/network/SoftwareProductComponentsNetworkList.js';
48 import SoftwareProductComponentsGeneral from './softwareProduct/components/general/SoftwareProductComponentsGeneral.js';
49 import SoftwareProductComponentsCompute from './softwareProduct/components/compute/SoftwareProductComponentCompute.js';
50 import SoftwareProductComponentLoadBalancing from './softwareProduct/components/loadBalancing/SoftwareProductComponentLoadBalancing.js';
51 import SoftwareProductComponentsMonitoring from './softwareProduct/components/monitoring/SoftwareProductComponentsMonitoring.js';
52 import {navigationItems as SoftwareProductNavigationItems, actionTypes as SoftwareProductActionTypes} from 'sdc-app/onboarding/softwareProduct/SoftwareProductConstants.js';
53 import {statusEnum as VCItemStatus} from 'nfvo-components/panel/versionController/VersionControllerConstants.js';
54 import VersionControllerUtils from 'nfvo-components/panel/versionController/VersionControllerUtils.js';
56 import HeatSetupActionHelper from './softwareProduct/attachments/setup/HeatSetupActionHelper.js';
58 import {actionTypes, enums} from './OnboardingConstants.js';
59 import OnboardingActionHelper from './OnboardingActionHelper.js';
62 class OnboardingView extends React.Component {
64 currentScreen: React.PropTypes.shape({
65 screen: React.PropTypes.oneOf(objectValues(enums.SCREEN)).isRequired,
66 props: React.PropTypes.object.isRequired
71 let element = ReactDOM.findDOMNode(this);
72 element.addEventListener('click', event => {
73 if (event.target.tagName === 'A') {
74 event.preventDefault();
77 ['wheel', 'mousewheel', 'DOMMouseScroll'].forEach(eventType =>
78 element.addEventListener(eventType, event => event.stopPropagation())
83 let {currentScreen} = this.props;
84 let {screen, props} = currentScreen;
87 <div className='dox-ui dox-ui-punch-out dox-ui-punch-out-full-page'>
90 case enums.SCREEN.ONBOARDING_CATALOG:
91 return <Onboard {...props}/>;
93 case enums.SCREEN.LICENSE_AGREEMENTS:
94 case enums.SCREEN.FEATURE_GROUPS:
95 case enums.SCREEN.ENTITLEMENT_POOLS:
96 case enums.SCREEN.LICENSE_KEY_GROUPS:
97 case enums.SCREEN.LICENSE_MODEL_OVERVIEW:
98 case enums.SCREEN.ACTIVITY_LOG:
100 <LicenseModel currentScreen={currentScreen}>
104 case enums.SCREEN.LICENSE_MODEL_OVERVIEW:
105 return <LicenseModelOverview {...props}/>;
106 case enums.SCREEN.LICENSE_AGREEMENTS:
107 return <LicenseAgreementListEditor {...props}/>;
108 case enums.SCREEN.FEATURE_GROUPS:
109 return <FeatureGroupListEditor {...props}/>;
110 case enums.SCREEN.ENTITLEMENT_POOLS:
111 return <EntitlementPoolsListEditor {...props}/>;
112 case enums.SCREEN.LICENSE_KEY_GROUPS:
113 return <LicenseKeyGroupsListEditor {...props}/>;
114 case enums.SCREEN.ACTIVITY_LOG:
115 return <ActivityLog {...props}/>;
122 case enums.SCREEN.SOFTWARE_PRODUCT_LANDING_PAGE:
123 case enums.SCREEN.SOFTWARE_PRODUCT_DETAILS:
124 case enums.SCREEN.SOFTWARE_PRODUCT_ATTACHMENTS:
125 case enums.SCREEN.SOFTWARE_PRODUCT_PROCESSES:
126 case enums.SCREEN.SOFTWARE_PRODUCT_NETWORKS:
127 case enums.SCREEN.SOFTWARE_PRODUCT_DEPENDENCIES:
128 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENTS:
129 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_PROCESSES:
130 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_STORAGE:
131 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_NETWORK:
132 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_GENERAL:
133 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_COMPUTE:
134 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_LOAD_BALANCING:
135 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_MONITORING:
136 case enums.SCREEN.SOFTWARE_PRODUCT_ACTIVITY_LOG:
138 <SoftwareProduct currentScreen={currentScreen}>
142 case enums.SCREEN.SOFTWARE_PRODUCT_LANDING_PAGE:
143 return <SoftwareProductLandingPage {...props}/>;
144 case enums.SCREEN.SOFTWARE_PRODUCT_DETAILS:
145 return <SoftwareProductDetails {...props}/>;
146 case enums.SCREEN.SOFTWARE_PRODUCT_ATTACHMENTS:
147 return <SoftwareProductAttachments className='no-padding-content-area' {...props} />;
148 case enums.SCREEN.SOFTWARE_PRODUCT_PROCESSES:
149 return <SoftwareProductProcesses {...props}/>;
150 case enums.SCREEN.SOFTWARE_PRODUCT_NETWORKS:
151 return <SoftwareProductNetworks {...props}/>;
152 case enums.SCREEN.SOFTWARE_PRODUCT_DEPENDENCIES:
153 return <SoftwareProductDependencies {...props} />;
154 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENTS:
155 return <SoftwareProductComponentsList {...props}/>;
156 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_PROCESSES:
157 return <SoftwareProductComponentProcessesList {...props}/>;
158 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_STORAGE:
159 return <SoftwareProductComponentStorage {...props}/>;
160 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_NETWORK:
161 return <SoftwareProductComponentsNetworkList {...props}/>;
162 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_GENERAL:
163 return <SoftwareProductComponentsGeneral{...props}/>;
164 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_COMPUTE:
165 return <SoftwareProductComponentsCompute {...props}/>;
166 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_LOAD_BALANCING:
167 return <SoftwareProductComponentLoadBalancing{...props}/>;
168 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_MONITORING:
169 return <SoftwareProductComponentsMonitoring {...props}/>;
170 case enums.SCREEN.SOFTWARE_PRODUCT_ACTIVITY_LOG:
171 return <ActivityLog {...props}/>;
183 const mapStateToProps = ({currentScreen}) => ({currentScreen});
184 let Onboarding = connect(mapStateToProps, null)(OnboardingView);
186 export default class OnboardingPunchOut {
188 render({options: {data, apiRoot, apiHeaders}, onEvent}, element) {
189 if (!this.unsubscribeFromStore) {
190 this.unsubscribeFromStore = store.subscribe(() => this.handleStoreChange());
193 if (!this.isConfigSet) {
194 Configuration.setATTApiRoot(apiRoot);
195 Configuration.setATTApiHeaders(apiHeaders);
196 this.isConfigSet = true;
199 this.onEvent = (...args) => onEvent(...args);
200 this.handleData(data);
202 if (!this.rendered) {
209 this.rendered = true;
214 ReactDOM.unmountComponentAtNode(element);
215 this.rendered = false;
216 this.unsubscribeFromStore();
217 this.unsubscribeFromStore = null;
221 let {breadcrumbs: {selectedKeys = []} = {}} = data;
222 let dispatch = action => store.dispatch(action);
223 let {currentScreen, softwareProductList, softwareProduct: {softwareProductEditor: {data: vspData = {}},
224 softwareProductComponents = {}, softwareProductQuestionnaire = {}},
225 licenseModelList, licenseModel: {licenseModelEditor: {data: {id: currentLicenseModelId, version: currentLicenseModelVersion} = {}}}} = store.getState();
226 let {id: currentSoftwareProductId, version: currentSoftwareProductVersion} = vspData;
227 let {componentEditor: {data: componentData = {}, qdata: componentQData = {}}} = softwareProductComponents;
228 if (this.programmaticBreadcrumbsUpdate) {
229 this.prevSelectedKeys = selectedKeys;
230 this.programmaticBreadcrumbsUpdate = false;
233 if (!isEqual(selectedKeys, this.prevSelectedKeys)) {
234 this.breadcrumbsPrefixSelected = isEqual(selectedKeys, this.prevSelectedKeys && this.prevSelectedKeys.slice(0, selectedKeys.length));
236 const [, screenType, prevVspId, , prevComponentId] = this.prevSelectedKeys || [];
237 let preNavigate = Promise.resolve();
238 if(screenType === enums.BREADCRUMS.SOFTWARE_PRODUCT && vspData.status === VCItemStatus.CHECK_OUT_STATUS && VersionControllerUtils.isCheckedOutByCurrentUser(vspData)) {
239 let dataToSave = prevVspId ? prevComponentId ? {componentData, qdata: componentQData} : {softwareProduct: vspData, qdata: softwareProductQuestionnaire.qdata} : {};
240 preNavigate = OnboardingActionHelper.autoSaveBeforeNavigate(dispatch, {
241 softwareProductId: prevVspId,
242 version: currentSoftwareProductVersion,
243 vspComponentId: prevComponentId,
248 let {currentScreen: {props: {softwareProductId}}, softwareProduct: {softwareProductAttachments: {heatSetup, heatSetupCache}}} = store.getState();
249 let heatSetupPopupPromise = currentScreen.screen === enums.SCREEN.SOFTWARE_PRODUCT_ATTACHMENTS ?
250 HeatSetupActionHelper.heatSetupLeaveConfirmation(dispatch, {softwareProductId, heatSetup, heatSetupCache}) :
252 Promise.all([preNavigate, heatSetupPopupPromise]).then(() => {
253 this.prevSelectedKeys = selectedKeys;
254 if (selectedKeys.length === 0) {
255 OnboardingActionHelper.navigateToOnboardingCatalog(dispatch);
256 } else if (selectedKeys.length === 1 || selectedKeys[1] === enums.BREADCRUMS.LICENSE_MODEL) {
257 let [licenseModelId, , licenseModelScreen] = selectedKeys;
258 if (!licenseModelScreen) {
259 licenseModelScreen = enums.BREADCRUMS.LICENSE_MODEL_OVERVIEW;
261 if (currentLicenseModelId !== licenseModelId) {
262 currentLicenseModelVersion = licenseModelList.find(lm => lm.id === licenseModelId).version;
264 switch (licenseModelScreen) {
265 case enums.BREADCRUMS.LICENSE_MODEL_OVERVIEW:
266 OnboardingActionHelper.navigateToLicenseModelOverview(dispatch, {licenseModelId, version: currentLicenseModelVersion});
268 case enums.BREADCRUMS.LICENSE_AGREEMENTS:
269 OnboardingActionHelper.navigateToLicenseAgreements(dispatch, {licenseModelId, version: currentLicenseModelVersion});
271 case enums.BREADCRUMS.FEATURE_GROUPS:
272 OnboardingActionHelper.navigateToFeatureGroups(dispatch, {licenseModelId, version: currentLicenseModelVersion});
274 case enums.BREADCRUMS.ENTITLEMENT_POOLS:
275 OnboardingActionHelper.navigateToEntitlementPools(dispatch, {licenseModelId, version: currentLicenseModelVersion});
277 case enums.BREADCRUMS.LICENSE_KEY_GROUPS:
278 OnboardingActionHelper.navigateToLicenseKeyGroups(dispatch, {licenseModelId, version: currentLicenseModelVersion});
280 case enums.BREADCRUMS.ACTIVITY_LOG:
281 OnboardingActionHelper.navigateToLicenseModelActivityLog(dispatch, {licenseModelId, version: currentLicenseModelVersion});
284 } else if (selectedKeys.length <= 4 && selectedKeys[1] === enums.BREADCRUMS.SOFTWARE_PRODUCT) {
285 let [licenseModelId, , softwareProductId, softwareProductScreen] = selectedKeys;
286 let softwareProduct = softwareProductId ?
287 softwareProductList.find(({id}) => id === softwareProductId) :
288 softwareProductList.find(({vendorId}) => vendorId === licenseModelId);
289 if (!softwareProductId) {
290 softwareProductId = softwareProduct.id;
292 if (currentSoftwareProductId !== softwareProductId) {
293 currentSoftwareProductVersion = softwareProduct.version;
295 switch (softwareProductScreen) {
296 case enums.BREADCRUMS.SOFTWARE_PRODUCT_LANDING_PAGE:
297 OnboardingActionHelper.navigateToSoftwareProductLandingPage(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
299 case enums.BREADCRUMS.SOFTWARE_PRODUCT_DETAILS:
300 OnboardingActionHelper.navigateToSoftwareProductDetails(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
302 case enums.BREADCRUMS.SOFTWARE_PRODUCT_ATTACHMENTS:
303 OnboardingActionHelper.navigateToSoftwareProductAttachments(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
305 case enums.BREADCRUMS.SOFTWARE_PRODUCT_PROCESSES:
306 OnboardingActionHelper.navigateToSoftwareProductProcesses(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
308 case enums.BREADCRUMS.SOFTWARE_PRODUCT_NETWORKS:
309 OnboardingActionHelper.navigateToSoftwareProductNetworks(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
311 case enums.BREADCRUMS.SOFTWARE_PRODUCT_DEPENDENCIES:
312 OnboardingActionHelper.navigateToSoftwareProductDependencies(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
314 case enums.BREADCRUMS.SOFTWARE_PRODUCT_ACTIVITY_LOG:
315 OnboardingActionHelper.navigateToSoftwareProductActivityLog(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
317 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENTS:
318 OnboardingActionHelper.navigateToSoftwareProductComponents(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
320 type: SoftwareProductActionTypes.TOGGLE_NAVIGATION_ITEM,
322 [SoftwareProductNavigationItems.COMPONENTS]: true
327 OnboardingActionHelper.navigateToSoftwareProductLandingPage(dispatch, {softwareProductId, version: currentSoftwareProductVersion});
330 } else if (selectedKeys.length === 5 && selectedKeys[1] === enums.BREADCRUMS.SOFTWARE_PRODUCT && selectedKeys[3] === enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENTS) {
331 let [licenseModelId, , softwareProductId, , componentId] = selectedKeys;
332 let softwareProduct = softwareProductId ?
333 softwareProductList.find(({id}) => id === softwareProductId) :
334 softwareProductList.find(({vendorId}) => vendorId === licenseModelId);
335 if (!softwareProductId) {
336 softwareProductId = softwareProduct.id;
338 if (currentSoftwareProductId !== softwareProductId) {
339 currentSoftwareProductVersion = softwareProduct.version;
341 OnboardingActionHelper.navigateToSoftwareProductComponentGeneralAndUpdateLeftPanel(dispatch, {softwareProductId, componentId, version: currentSoftwareProductVersion});
342 } else if (selectedKeys.length === 6 && selectedKeys[1] === enums.BREADCRUMS.SOFTWARE_PRODUCT && selectedKeys[3] === enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENTS) {
343 let [licenseModelId, , softwareProductId, , componentId, componentScreen] = selectedKeys;
344 let softwareProduct = softwareProductId ?
345 softwareProductList.find(({id}) => id === softwareProductId) :
346 softwareProductList.find(({vendorId}) => vendorId === licenseModelId);
347 if (!softwareProductId) {
348 softwareProductId = softwareProduct.id;
350 if (currentSoftwareProductId !== softwareProductId) {
351 currentSoftwareProductVersion = softwareProduct.version;
353 switch (componentScreen) {
354 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_GENERAL:
355 OnboardingActionHelper.navigateToSoftwareProductComponentGeneral(dispatch, {softwareProductId, componentId, version: currentSoftwareProductVersion});
357 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_COMPUTE:
358 OnboardingActionHelper.navigateToComponentCompute(dispatch, {softwareProductId, componentId});
360 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_LOAD_BALANCING:
361 OnboardingActionHelper.navigateToComponentLoadBalancing(dispatch, {softwareProductId, componentId});
363 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_NETWORK:
364 OnboardingActionHelper.navigateToComponentNetwork(dispatch, {softwareProductId, componentId});
366 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_STORAGE:
367 OnboardingActionHelper.navigateToComponentStorage(dispatch, {softwareProductId, componentId});
369 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_PROCESSES:
370 OnboardingActionHelper.navigateToSoftwareProductComponentProcesses(dispatch, {softwareProductId, componentId});
372 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_MONITORING:
373 OnboardingActionHelper.navigateToSoftwareProductComponentMonitoring(dispatch, {softwareProductId, componentId});
377 console.error('Unknown breadcrumbs path: ', selectedKeys);
381 type: actionTypes.SET_CURRENT_SCREEN,
384 forceBreadCrumbsUpdate: true
391 handleStoreChange() {
392 let {currentScreen, licenseModelList, softwareProductList,
393 softwareProduct: {softwareProductComponents: {componentsList}, softwareProductAttachments: {heatSetup}}} = store.getState();
394 let breadcrumbsData = {currentScreen, licenseModelList, softwareProductList, componentsList, heatSetup};
395 if (currentScreen.forceBreadCrumbsUpdate || !isEqual(breadcrumbsData, this.prevBreadcrumbsData) || this.breadcrumbsPrefixSelected) {
396 this.prevBreadcrumbsData = breadcrumbsData;
397 this.breadcrumbsPrefixSelected = false;
398 this.programmaticBreadcrumbsUpdate = true;
399 let breadcrumbs = this.buildBreadcrumbs(breadcrumbsData);
400 this.onEvent('breadcrumbsupdated', breadcrumbs);
402 type: actionTypes.SET_CURRENT_SCREEN,
405 forceBreadCrumbsUpdate: false
411 buildBreadcrumbs({currentScreen: {screen, props}, licenseModelList, softwareProductList, componentsList, heatSetup}) {
412 let screenToBreadcrumb;
414 case enums.SCREEN.ONBOARDING_CATALOG:
417 case enums.SCREEN.LICENSE_AGREEMENTS:
418 case enums.SCREEN.FEATURE_GROUPS:
419 case enums.SCREEN.ENTITLEMENT_POOLS:
420 case enums.SCREEN.LICENSE_KEY_GROUPS:
421 case enums.SCREEN.LICENSE_MODEL_OVERVIEW:
422 case enums.SCREEN.ACTIVITY_LOG:
423 screenToBreadcrumb = {
424 [enums.SCREEN.LICENSE_AGREEMENTS]: enums.BREADCRUMS.LICENSE_AGREEMENTS,
425 [enums.SCREEN.FEATURE_GROUPS]: enums.BREADCRUMS.FEATURE_GROUPS,
426 [enums.SCREEN.ENTITLEMENT_POOLS]: enums.BREADCRUMS.ENTITLEMENT_POOLS,
427 [enums.SCREEN.LICENSE_KEY_GROUPS]: enums.BREADCRUMS.LICENSE_KEY_GROUPS,
428 [enums.SCREEN.LICENSE_MODEL_OVERVIEW]: enums.BREADCRUMS.LICENSE_MODEL_OVERVIEW,
429 [enums.SCREEN.ACTIVITY_LOG]: enums.BREADCRUMS.ACTIVITY_LOG
433 selectedKey: props.licenseModelId,
434 menuItems: licenseModelList.map(({id, vendorName}) => ({
436 displayText: vendorName
440 selectedKey: enums.BREADCRUMS.LICENSE_MODEL,
442 key: enums.BREADCRUMS.LICENSE_MODEL,
443 displayText: i18n('License Model')
445 ...(softwareProductList.findIndex(({vendorId}) => vendorId === props.licenseModelId) === -1 ? [] : [{
446 key: enums.BREADCRUMS.SOFTWARE_PRODUCT,
447 displayText: i18n('Software Products')
450 selectedKey: screenToBreadcrumb[screen],
452 key: enums.BREADCRUMS.LICENSE_MODEL_OVERVIEW,
453 displayText: i18n('Overview')
455 key: enums.BREADCRUMS.LICENSE_AGREEMENTS,
456 displayText: i18n('License Agreements')
458 key: enums.BREADCRUMS.FEATURE_GROUPS,
459 displayText: i18n('Feature Groups')
461 key: enums.BREADCRUMS.ENTITLEMENT_POOLS,
462 displayText: i18n('Entitlement Pools')
464 key: enums.BREADCRUMS.LICENSE_KEY_GROUPS,
465 displayText: i18n('License Key Groups')
467 key: enums.BREADCRUMS.ACTIVITY_LOG,
468 displayText: i18n('Activity Log')
473 case enums.SCREEN.SOFTWARE_PRODUCT_LANDING_PAGE:
474 case enums.SCREEN.SOFTWARE_PRODUCT_DETAILS:
475 case enums.SCREEN.SOFTWARE_PRODUCT_ATTACHMENTS:
476 case enums.SCREEN.SOFTWARE_PRODUCT_PROCESSES:
477 case enums.SCREEN.SOFTWARE_PRODUCT_NETWORKS:
478 case enums.SCREEN.SOFTWARE_PRODUCT_DEPENDENCIES:
479 case enums.SCREEN.SOFTWARE_PRODUCT_ACTIVITY_LOG:
480 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENTS:
482 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_PROCESSES:
483 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_COMPUTE:
484 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_STORAGE:
485 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_NETWORK:
486 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_GENERAL:
487 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_LOAD_BALANCING:
488 case enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_MONITORING:
489 screenToBreadcrumb = {
490 [enums.SCREEN.SOFTWARE_PRODUCT_LANDING_PAGE]: enums.BREADCRUMS.SOFTWARE_PRODUCT_LANDING_PAGE,
491 [enums.SCREEN.SOFTWARE_PRODUCT_DETAILS]: enums.BREADCRUMS.SOFTWARE_PRODUCT_DETAILS,
492 [enums.SCREEN.SOFTWARE_PRODUCT_ATTACHMENTS]: enums.BREADCRUMS.SOFTWARE_PRODUCT_ATTACHMENTS,
493 [enums.SCREEN.SOFTWARE_PRODUCT_PROCESSES]: enums.BREADCRUMS.SOFTWARE_PRODUCT_PROCESSES,
494 [enums.SCREEN.SOFTWARE_PRODUCT_NETWORKS]: enums.BREADCRUMS.SOFTWARE_PRODUCT_NETWORKS,
495 [enums.SCREEN.SOFTWARE_PRODUCT_DEPENDENCIES]: enums.BREADCRUMS.SOFTWARE_PRODUCT_DEPENDENCIES,
496 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENTS]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENTS,
497 [enums.SCREEN.SOFTWARE_PRODUCT_ACTIVITY_LOG]: enums.BREADCRUMS.SOFTWARE_PRODUCT_ACTIVITY_LOG
499 let componentScreenToBreadcrumb = {
500 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_PROCESSES]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_PROCESSES,
501 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_COMPUTE]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_COMPUTE,
502 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_STORAGE]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_STORAGE,
503 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_NETWORK]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_NETWORK,
504 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_GENERAL]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_GENERAL,
505 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_LOAD_BALANCING]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_LOAD_BALANCING,
506 [enums.SCREEN.SOFTWARE_PRODUCT_COMPONENT_MONITORING]: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_MONITORING
508 let licenseModelId = softwareProductList.find(({id}) => id === props.softwareProductId).vendorId;
509 let returnedBreadcrumb = [
511 selectedKey: licenseModelId,
512 menuItems: licenseModelList.map(({id, vendorName}) => ({
514 displayText: vendorName
518 selectedKey: enums.BREADCRUMS.SOFTWARE_PRODUCT,
520 key: enums.BREADCRUMS.LICENSE_MODEL,
521 displayText: i18n('License Model')
523 key: enums.BREADCRUMS.SOFTWARE_PRODUCT,
524 displayText: i18n('Software Products')
528 selectedKey: props.softwareProductId,
529 menuItems: softwareProductList
530 .filter(({vendorId}) => vendorId === licenseModelId)
531 .map(({id, name}) => ({
536 ...(/*screen === enums.SCREEN.SOFTWARE_PRODUCT_LANDING_PAGE ? [] :*/ [{
537 selectedKey: screenToBreadcrumb[screen] || enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENTS,
539 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_LANDING_PAGE,
540 displayText: i18n('Overview')
542 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_DETAILS,
543 displayText: i18n('General')
545 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_PROCESSES,
546 displayText: i18n('Process Details')
548 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_NETWORKS,
549 displayText: i18n('Networks')
551 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_DEPENDENCIES,
552 displayText: i18n('Components Dependencies')
554 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_ATTACHMENTS,
555 displayText: i18n('Attachments')
557 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_ACTIVITY_LOG,
558 displayText: i18n('Activity Log')
560 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENTS,
561 displayText: i18n('Components')
563 let isHeatData = doesHeatDataExist(heatSetup);
564 let isComponentsData = componentsList.length > 0;
566 case enums.BREADCRUMS.SOFTWARE_PRODUCT_ATTACHMENTS:
568 case enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENTS:
569 return isComponentsData;
570 case enums.BREADCRUMS.SOFTWARE_PRODUCT_DEPENDENCIES:
571 return isComponentsData;
578 if(props.componentId) {
579 returnedBreadcrumb = [
580 ...returnedBreadcrumb, {
581 selectedKey: props.componentId,
582 menuItems: componentsList
583 .map(({id, displayName}) => ({
585 displayText: displayName
589 selectedKey: componentScreenToBreadcrumb[screen],
591 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_GENERAL,
592 displayText: i18n('General')
594 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_COMPUTE,
595 displayText: i18n('Compute')
597 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_LOAD_BALANCING,
598 displayText: i18n('High Availability & Load Balancing')
600 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_NETWORK,
601 displayText: i18n('Networks')
603 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_STORAGE,
604 displayText: i18n('Storage')
606 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_PROCESSES,
607 displayText: i18n('Process Details')
609 key: enums.BREADCRUMS.SOFTWARE_PRODUCT_COMPONENT_MONITORING,
610 displayText: i18n('Monitoring')
615 return returnedBreadcrumb;