/* * ============LICENSE_START======================================================= * org.onap.aai * ================================================================================ * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved. * Copyright © 2017-2018 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========================================================= */ 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_ORCH_STATUS} from 'app/vnfSearch/VnfSearchConstants.js'; import {COLOR_BLUE} from 'utils/GlobalConstants.js'; import Spinner from 'utils/SpinnerContainer.jsx'; let mapStateToProps = ({vnfSearch}) => { let { processedOrchStatusCountChartData = CHART_ORCH_STATUS.emptyData, enableBusyFeedback = false } = vnfSearch; return { processedOrchStatusCountChartData, enableBusyFeedback }; }; class VnfSearchOrchStatusVisualizations extends Component { static propTypes = { processedOrchStatusCountChartData: React.PropTypes.object, enableBusyFeedback: React.PropTypes.bool }; render() { let { processedOrchStatusCountChartData, enableBusyFeedback } = this.props; let visualizationClass = 'visualizations'; if (processedOrchStatusCountChartData.values === null || processedOrchStatusCountChartData.values.size <= 0) { visualizationClass = 'visualizations hidden'; } const xAxisAttrName = 'x'; const yAxisAttrName = 'y'; return (

{i18n(CHART_ORCH_STATUS.title)}

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