diff options
Diffstat (limited to 'openecomp-ui/src/nfvo-components')
| -rw-r--r-- | openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx | 14 | ||||
| -rw-r--r-- | openecomp-ui/src/nfvo-components/vnfMarketPlace/VnfRepositorySearchBox.jsx | 60 |
2 files changed, 61 insertions, 13 deletions
diff --git a/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx b/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx index 629b9449a2..5bea858ab7 100644 --- a/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx +++ b/openecomp-ui/src/nfvo-components/fileupload/DraggableUploadFileBox.jsx @@ -13,19 +13,7 @@ * or implied. See the License for the specific language governing * permissions and limitations under the License. */ -/** - * The HTML structure here is aligned with bootstrap HTML structure for form elements. - * In this way we have proper styling and it is aligned with other form elements on screen. - * - * Select and MultiSelect options: - * - * label - the label to be shown which paired with the input - * - * all other "react-select" props - as documented on - * http://jedwatson.github.io/react-select/ - * or - * https://github.com/JedWatson/react-select - */ + import React, {Component} from 'react'; import i18n from 'nfvo-utils/i18n/i18n.js'; import Button from 'sdc-ui/lib/react/Button.js'; diff --git a/openecomp-ui/src/nfvo-components/vnfMarketPlace/VnfRepositorySearchBox.jsx b/openecomp-ui/src/nfvo-components/vnfMarketPlace/VnfRepositorySearchBox.jsx new file mode 100644 index 0000000000..0673e6d698 --- /dev/null +++ b/openecomp-ui/src/nfvo-components/vnfMarketPlace/VnfRepositorySearchBox.jsx @@ -0,0 +1,60 @@ +/*! + * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express + * or implied. See the License for the specific language governing + * permissions and limitations under the License. + */ + +import React, {Component} from 'react'; +import DraggableUploadFileBox from 'nfvo-components/fileupload/DraggableUploadFileBox.jsx'; +import Configuration from 'sdc-app/config/Configuration.js'; +import i18n from 'nfvo-utils/i18n/i18n.js'; +import SVGIcon from 'sdc-ui/lib/react/SVGIcon.js'; + +function VNFBrowse({onBrowseVNF, isReadOnlyMode}) { + if(!Configuration.get('showBrowseVNF')) { + return ( + <div/> + ); + } + else { + return ( + <div className={`${'vnfRepo'}${isReadOnlyMode ? ' disabled' : ''}`} onClick={onBrowseVNF}> + <div className={`${'searchRepo-text'}`}>{i18n('Search in Repository')}</div> + <SVGIcon name='search' color='positive' iconClassName='searchIcon'/> + </div> + ); + } +} + +class VnfRepositorySearchBox extends Component { + render() { + let {className, onClick, onBrowseVNF, dataTestId, isReadOnlyMode} = this.props; + let showVNF = Configuration.get('showBrowseVNF'); + return ( + <div + className={`${className}${isReadOnlyMode ? ' disabled' : ''}`}> + <DraggableUploadFileBox + dataTestId={dataTestId} + isReadOnlyMode={isReadOnlyMode} + className={'upload'} + onClick={onClick}/> + + <div className={`${'verticalLine'}${showVNF ? '' : ' hide'}`}></div> + + <VNFBrowse onBrowseVNF={onBrowseVNF} isReadOnlyMode={isReadOnlyMode}/> + </div> + ); + + } +} +export default VnfRepositorySearchBox; |