openecomp-ui/src/sdc-app/onboarding/onboard/onboardingCatalog/VendorCatalogView.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 VendorItem from './VendorItem.jsx';
  18 import CatalogList from '../CatalogList.jsx';
  19 import CatalogItemDetails from '../CatalogItemDetails.jsx';
  20 import {catalogItemTypes, catalogItemTypeClasses} from './OnboardingCatalogConstants.js';
  21 import {filterCatalogItemsByType} from './OnboardingCatalogUtils.js';
  22
  23 const VendorList = ({onAddVLM, onAddVSP, onSelectVSP, licenseModelList = [], vspOverlay: currentOverlay, onVspOverlayChange, onVendorSelect, filter, onMigrate}) => {
  24         return(
  25                 <CatalogList onAddVLM={onAddVLM} onAddVSP={onAddVSP}>
  26                         {
  27                                 filterCatalogItemsByType(licenseModelList, catalogItemTypes.LICENSE_MODEL, filter).map(vlm =>
  28                                         <VendorItem
  29                                                 key={vlm.id}
  30                                                 onAddVSP={onAddVSP}
  31                                                 onSelectVSP={onSelectVSP}
  32                                                 shouldShowOverlay={currentOverlay === vlm.id}
  33                                                 onVSPIconClick={(hasVSP) => onVspOverlayChange(vlm.id === currentOverlay || !hasVSP ? null : vlm)}
  34                                                 onVendorSelect={onVendorSelect}
  35                                                 onMigrate={onMigrate}
  36                                                 vendor={vlm}/>)
  37                         }
  38                 </CatalogList>
  39         );
  40 };
  41
  42 const SoftwareProductListByVendor = ({onAddVSP, selectedVendor, onVendorSelect, onSelectVSP, onSelectVLM, filter, onMigrate}) => {
  43         return(
  44                 <div>
  45                         <CatalogList onAddVSP={()=>{onAddVSP(selectedVendor.id);}} vendorPageOptions={{selectedVendor, onBack: () => onVendorSelect(false)}}>
  46                                 <CatalogItemDetails
  47                                         key={selectedVendor.id}
  48                                         onSelect={() => onSelectVLM(selectedVendor)}
  49                                         catalogItemTypeClass={catalogItemTypeClasses.LICENSE_MODEL}
  50                                         onMigrate={onMigrate}
  51                                         catalogItemData={{...selectedVendor, name: selectedVendor.vendorName}}/>
  52                                 {
  53                                         filterCatalogItemsByType(selectedVendor.softwareProductList, catalogItemTypes.SOFTWARE_PRODUCT, filter).map(vsp =>
  54                                                 <CatalogItemDetails
  55                                                         key={vsp.id}
  56                                                         catalogItemTypeClass={catalogItemTypeClasses.SOFTWARE_PRODUCT}
  57                                                         onMigrate={onMigrate}
  58                                                         onSelect={() => onSelectVSP(vsp)}
  59                                                         catalogItemData={vsp}/>
  60                                         )
  61                                 }
  62                         </CatalogList>
  63                 </div>
  64         );
  65 };
  66
  67 class VendorCatalogView extends React.Component {
  68         render() {
  69                 let {selectedVendor} = this.props;
  70                 return( selectedVendor ? <SoftwareProductListByVendor {...this.props}/> : <VendorList {...this.props}/>);
  71         }
  72 }
  73
  74 export default VendorCatalogView;