/* * Copyright © 2016-2018 European Support Limited * * 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 PropTypes from 'prop-types'; import i18n from 'nfvo-utils/i18n/i18n.js'; import ListEditorView from 'nfvo-components/listEditor/ListEditorView.jsx'; import ListEditorItemView from 'nfvo-components/listEditor/ListEditorItemView.jsx'; import SequenceDiagram from './SequenceDiagram.jsx'; class FlowsListEditorView extends Component { static propTypes = { flowList: PropTypes.array, currentFlow: PropTypes.object, isCheckedOut: PropTypes.bool, shouldShowWorkflowsEditor: PropTypes.bool, readonly: PropTypes.bool, onAddWorkflowClick: PropTypes.func, onEditFlowDetailsClick: PropTypes.func, onEditFlowDiagramClick: PropTypes.func, onDeleteFlowClick: PropTypes.func, onSequenceDiagramSaveClick: PropTypes.func, onSequenceDiagramCloseClick: PropTypes.func }; state = { localFilter: '' }; render() { let CurrentView = null; if (this.props.shouldShowWorkflowsEditor) { CurrentView = this.renderWorkflowsEditor(); } else { CurrentView = this.renderSequenceDiagramTool(); } return CurrentView; } renderWorkflowsEditor() { let { onAddWorkflowClick, isCheckedOut } = this.props; const { localFilter } = this.state; return (