openecomp-ui/src/sdc-app/onboarding/onboard/CatalogModal.jsx

   1 /*!
   2  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   3  *
   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
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  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.
  15  */
  16 import React from 'react';
  17 import {modalMapper, catalogItemTypes, catalogItemTypeClasses } from './onboardingCatalog/OnboardingCatalogConstants.js';
  18 import i18n from 'nfvo-utils/i18n/i18n.js';
  19 import Modal from 'nfvo-components/modal/Modal.jsx';
  20 import LicenseModelCreation from '../licenseModel/creation/LicenseModelCreation.js';
  21 import SoftwareProductCreation from '../softwareProduct/creation/SoftwareProductCreation.js';
  22
  23 class CatalogModal extends React.Component{
  24
  25         getModalDetails(){
  26                 const {modalToShow} = this.props;
  27                 switch (modalToShow) {
  28                         case catalogItemTypes.LICENSE_MODEL:
  29                                 return {
  30                                         title: i18n('New License Model'),
  31                                         element: <LicenseModelCreation/>
  32                                 };
  33                         case catalogItemTypes.SOFTWARE_PRODUCT:
  34                                 return {
  35                                         title: i18n('New Software Product'),
  36                                         element: <SoftwareProductCreation/>
  37                                 };
  38                 }
  39         }
  40
  41         render(){
  42                 const {modalToShow} = this.props;
  43                 const modalDetails = this.getModalDetails(modalToShow);
  44
  45                 return (
  46                         <Modal
  47                                 show={Boolean(modalDetails)}
  48                                 className={`${catalogItemTypeClasses[modalMapper[modalToShow]]}-modal`}>
  49                                 <Modal.Header>
  50                                         <Modal.Title>{modalDetails && modalDetails.title}</Modal.Title>
  51                                 </Modal.Header>
  52                                 <Modal.Body>
  53                                         {
  54                                                 modalDetails && modalDetails.element
  55                                         }
  56                                 </Modal.Body>
  57                         </Modal>
  58                 );
  59         }
  60 }
  61
  62 export default CatalogModal;