Integrate VNF Repository with SDC

[sdc.git] / openecomp-ui / src / sdc-app / onboarding / softwareProduct / landingPage / SoftwareProductLandingPageView.jsx

diff --git a/openecomp-ui/src/sdc-app/onboarding/softwareProduct/landingPage/SoftwareProductLandingPageView.jsx b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/landingPage/SoftwareProductLandingPageView.jsx
index 72a4164..e18860c 100644 (file)
--- a/openecomp-ui/src/sdc-app/onboarding/softwareProduct/landingPage/SoftwareProductLandingPageView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/landingPage/SoftwareProductLandingPageView.jsx
@@ -19,7 +19,9 @@ import Dropzone from 'react-dropzone';
 
 
 import i18n from 'nfvo-utils/i18n/i18n.js';
+import Configuration from 'sdc-app/config/Configuration.js';
 import DraggableUploadFileBox from 'nfvo-components/fileupload/DraggableUploadFileBox.jsx';
+import VnfRepositorySearchBox from 'nfvo-components/vnfMarketPlace/VnfRepositorySearchBox.jsx';
 
 import SVGIcon from 'sdc-ui/lib/react/SVGIcon.js';
 import SoftwareProductComponentsList from '../components/SoftwareProductComponentsList.js';
@@ -104,19 +106,38 @@ class SoftwareProductLandingPageView extends React.Component {
        }
 
        renderProductDetails(isManual, isReadOnlyMode) {
-               return (
-                       <div className='details-panel'>
-                               { !isManual && <div>
-                                       <div className='software-product-landing-view-heading-title'>{i18n('Software Product Attachments')}</div>
-                                               <DraggableUploadFileBox
-                                                       dataTestId='upload-btn'
-                                                       isReadOnlyMode={isReadOnlyMode}
-                                                       className={classnames('software-product-landing-view-top-block-col-upl', {'disabled': isReadOnlyMode})}
-                                                       onClick={() => this.refs.fileInput.open()}/>
-                                       </div>
-                               }
-                       </div>
-               );
+               let {onBrowseVNF, currentSoftwareProduct} = this.props;
+
+               if(Configuration.get('showBrowseVNF')) {
+                       return (
+                               <div className='details-panel'>
+                                       { !isManual && <div>
+                                               <div className='software-product-landing-view-heading-title'>{i18n('Software Product Attachments')}</div>
+                                                       <VnfRepositorySearchBox
+                                                               dataTestId='upload-btn'
+                                                               isReadOnlyMode={isReadOnlyMode}
+                                                               className={classnames('software-product-landing-view-top-block-col-upl showVnf', {'disabled': isReadOnlyMode})}
+                                                               onClick={() => this.refs.fileInput.open()} onBrowseVNF={() => onBrowseVNF(currentSoftwareProduct)}/>
+                                               </div>
+                                       }
+                               </div>
+                       );
+               }
+               else {
+                       return (
+                               <div className='details-panel'>
+                                       { !isManual && <div>
+                                               <div className='software-product-landing-view-heading-title'>{i18n('Software Product Attachments')}</div>
+                                                       <DraggableUploadFileBox
+                                                               dataTestId='upload-btn'
+                                                               isReadOnlyMode={isReadOnlyMode}
+                                                               className={classnames('software-product-landing-view-top-block-col-upl', {'disabled': isReadOnlyMode})}
+                                                               onClick={() => this.refs.fileInput.open()} onBrowseVNF={() => onBrowseVNF()}/>
+                                               </div>
+                                       }
+                               </div>
+                       );
+               }       
        }
 
        handleImportSubmit(files, isReadOnlyMode, isManual) {