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

   1 import {connect} from 'react-redux';
   2 import i18n from 'nfvo-utils/i18n/i18n.js';
   3
   4 import SoftwareProductComponentsActionHelper from '../components/SoftwareProductComponentsActionHelper.js';
   5 import {onboardingMethod as onboardingMethodTypes} from '../SoftwareProductConstants.js';
   6 import ConfirmationModalConstants from 'nfvo-components/modal/GlobalModalConstants.js';
   7 import ScreensHelper from 'sdc-app/common/helpers/ScreensHelper.js';
   8 import {screenTypes} from 'sdc-app/onboarding/OnboardingConstants.js';
   9 import SoftwareProductComponentsView from './SoftwareProductComponentsListView.jsx';
  10 import SoftwareProductActionHelper from 'sdc-app/onboarding/softwareProduct/SoftwareProductActionHelper.js';
  11
  12 const generateMessage = (name) => {
  13         return i18n('Are you sure you want to delete {name}?', {name: name});
  14 };
  15
  16 const mapStateToProps = ({softwareProduct, currentScreen: {props: {version}}}) => {
  17         let {softwareProductEditor: {data: currentSoftwareProduct = {}}, softwareProductComponents} = softwareProduct;
  18         let {componentsList} = softwareProductComponents;
  19         let {onboardingMethod = onboardingMethodTypes.HEAT} = currentSoftwareProduct;
  20         return {
  21                 currentSoftwareProduct,
  22                 componentsList,
  23                 isManual: onboardingMethod === onboardingMethodTypes.MANUAL,
  24                 version
  25         };
  26 };
  27
  28 const mapActionToProps = (dispatch) => {
  29         return {
  30                 onComponentSelect: ({id: softwareProductId, componentId, version}) =>
  31                         ScreensHelper.loadScreen(dispatch, {
  32                                 screen: screenTypes.SOFTWARE_PRODUCT_COMPONENT_DEFAULT_GENERAL, screenType: screenTypes.SOFTWARE_PRODUCT,
  33                                 props: {softwareProductId, version, componentId}
  34                         }),
  35                 onAddComponent: (softwareProductId, version) => SoftwareProductActionHelper.addComponent(dispatch, {softwareProductId, version, modalClassName: 'create-vfc-modal'}),
  36                 onDeleteComponent: (component, softwareProductId, version) => dispatch({
  37                         type: ConfirmationModalConstants.GLOBAL_MODAL_WARNING,
  38                         data:{
  39                                 msg: generateMessage(component.displayName),
  40                                 onConfirmed: ()=>SoftwareProductComponentsActionHelper.deleteComponent(dispatch, {
  41                                         softwareProductId,
  42                                         componentId: component.id,
  43                                         version
  44                                 })
  45                         }
  46                 })
  47         };
  48 };
  49
  50 export default connect(mapStateToProps, mapActionToProps, null, {withRef: true})(SoftwareProductComponentsView);