/* * ============LICENSE_START======================================================= * org.onap.aai * ================================================================================ * Copyright © 2017 AT&T Intellectual Property. All rights reserved. * Copyright © 2017 Amdocs * ================================================================================ * 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. * ============LICENSE_END========================================================= * * ECOMP is a trademark and service mark of AT&T Intellectual Property. */ import React, {Component} from 'react'; import {connect} from 'react-redux'; import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, } from 'recharts'; import i18n from 'utils/i18n/i18n'; import {CHART_PROV_STATUS} from 'app/vnfSearch/VnfSearchConstants.js'; import {COLOR_BLUE} from 'utils/GlobalConstants.js'; import { ClipLoader } from 'react-spinners'; let mapStateToProps = ({vnfSearch}) => { let { processedProvStatusCountChartData = CHART_PROV_STATUS.emptyData, enableBusyFeedback = false } = vnfSearch; return { processedProvStatusCountChartData, enableBusyFeedback }; }; class VnfSearchProvStatusVisualization extends Component { static propTypes = { processedProvStatusCountChartData: React.PropTypes.object, enableBusyFeedback: React.PropTypes.bool }; render() { let { processedProvStatusCountChartData, enableBusyFeedback } = this.props; let componentVisibitliyClassName = 'showContainer'; if(enableBusyFeedback){ componentVisibitliyClassName = 'hideContainer'; } let visualizationClass = 'visualizations'; if (processedProvStatusCountChartData.values === null || processedProvStatusCountChartData.values.size <= 0) { visualizationClass = 'visualizations hidden'; } const xAxisAttrName = 'x'; const yAxisAttrName = 'y'; return (

{i18n(CHART_PROV_STATUS.title)}

); } } export default connect(mapStateToProps)(VnfSearchProvStatusVisualization);