openecomp-ui/src/sdc-app/onboarding/softwareProduct/components/SoftwareProductComponents.js

   1 import {connect} from 'react-redux';
   2 import React from 'react';
   3 import i18n from 'nfvo-utils/i18n/i18n.js';
   4
   5 import SoftwareProductComponentsList from './SoftwareProductComponentsList.js';
   6 import OnboardingActionHelper from 'sdc-app/onboarding/OnboardingActionHelper.js';
   7 import VersionControllerUtils from 'nfvo-components/panel/versionController/VersionControllerUtils.js';
   8 import SoftwareProductComponentsActionHelper from '../components/SoftwareProductComponentsActionHelper.js';
   9 import {onboardingMethod} from '../SoftwareProductConstants.js';
  10 import ConfirmationModalConstants from 'nfvo-components/modal/GlobalModalConstants.js';
  11
  12 const generateMessage = (name) => {
  13         return i18n(`Are you sure you want to delete ${name}?`);
  14 };
  15
  16 const mapStateToProps = ({softwareProduct}) => {
  17         let {softwareProductEditor: {data: currentSoftwareProduct}, softwareProductComponents} = softwareProduct;
  18         let {componentsList} = softwareProductComponents;
  19         let isReadOnlyMode = VersionControllerUtils.isReadOnly(currentSoftwareProduct);
  20
  21         return {
  22                 currentSoftwareProduct,
  23                 isReadOnlyMode,
  24                 componentsList,
  25                 isManual: currentSoftwareProduct.onboardingMethod === onboardingMethod.MANUAL
  26
  27         };
  28 };
  29
  30 class SoftwareProductComponentsView extends React.Component {
  31         render() {
  32                 let {currentSoftwareProduct, isReadOnlyMode, componentsList, isManual, onDeleteComponent} = this.props;
  33                 return (
  34                         <SoftwareProductComponentsList
  35                                 isReadOnlyMode={isReadOnlyMode}
  36                                 componentsList={componentsList}
  37                                 onDeleteComponent={onDeleteComponent}
  38                                 isManual={isManual}
  39                                 currentSoftwareProduct={currentSoftwareProduct}/>);
  40         }
  41
  42 }
  43
  44 const mapActionToProps = (dispatch) => {
  45         return {
  46                 onComponentSelect: ({id: softwareProductId, componentId, version}) => {
  47                         OnboardingActionHelper.navigateToSoftwareProductComponentGeneralAndUpdateLeftPanel(dispatch, {softwareProductId, componentId, version });
  48                 },
  49                 onAddComponent: (softwareProductId) => SoftwareProductComponentsActionHelper.addComponent(dispatch, {softwareProductId}),
  50                 onDeleteComponent: (component, softwareProductId, version) => dispatch({
  51                         type: ConfirmationModalConstants.GLOBAL_MODAL_WARNING,
  52                         data:{
  53                                 msg: generateMessage(component.displayName),
  54                                 onConfirmed: ()=>SoftwareProductComponentsActionHelper.deleteComponent(dispatch,
  55                                         {
  56                                                 softwareProductId,
  57                                                 componentId: component.id,
  58                                                 version
  59                                         })
  60                         }
  61                 })
  62         };
  63 };
  64
  65 export default connect(mapStateToProps, mapActionToProps, null, {withRef: true})(SoftwareProductComponentsView);