/*! * 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 PropTypes from 'prop-types'; import i18n from 'nfvo-utils/i18n/i18n.js'; import Modal from 'nfvo-components/modal/Modal.jsx'; import ListEditorView from 'nfvo-components/listEditor/ListEditorView.jsx'; import ListEditorItemView from 'nfvo-components/listEditor/ListEditorItemView.jsx'; import FlowRelatedView from './ImportantLogic.jsx'; import FlowsEditorModal from './FlowsEditorModal.js'; import SequenceDiagram from './SequenceDiagram.jsx'; class FlowsListEditorView extends Component { static propTypes = { flowList: PropTypes.array, currentFlow: PropTypes.object, isDisplayModal: PropTypes.bool, isModalInEditMode: PropTypes.bool, 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 {isDisplayModal, onAddWorkflowClick, isCheckedOut} = this.props; const {localFilter} = this.state; return (