diff --git a/src/scenario/scenario.js b/src/scenario/scenario.js index 8d3495e..0b9df12 100644 --- a/src/scenario/scenario.js +++ b/src/scenario/scenario.js @@ -17,7 +17,7 @@ import React from 'react'; import { Container } from 'flux/utils'; -import { Button, InputGroup, FormControl } from 'react-bootstrap'; +import { Button, InputGroup, FormControl, Tooltip, OverlayTrigger } from 'react-bootstrap'; import FileSaver from 'file-saver'; @@ -35,6 +35,7 @@ import TableColumn from '../common/table-column'; import ImportConfigDialog from '../componentconfig/import-config'; import ImportDashboardDialog from "../dashboard/import-dashboard"; import NewDashboardDialog from "../dashboard/new-dashboard"; +import EditFiles from '../file/edit-files' import ICAction from '../ic/ic-action'; import DeleteDialog from '../common/dialogs/delete-dialog'; @@ -93,6 +94,8 @@ class Scenario extends React.Component { modalConfigData: (prevState.modalConfigData !== {} && prevState.modalConfigData !== undefined )? prevState.modalConfigData : {}, selectedConfigs: [], modalConfigIndex: 0, + filesEditModal: prevState.filesEditModal || false, + filesEditSaveState: prevState.filesEditSaveState || [], editOutputSignalsModal: prevState.editOutputSignalsModal || false, editInputSignalsModal: prevState.editInputSignalsModal || false, @@ -391,6 +394,24 @@ class Scenario extends React.Component { this.setState({editOutputSignalsModal: false}); } } + + onEditFiles(){ + console.log("here r the files in scenario:"); + console.log(this.state.file); + let tempFiles = []; + this.state.files.forEach( file => { + tempFiles.push({ + id: file.id, + name: file.name + }); + }) + this.setState({filesEditModal: true, filesEditSaveState: tempFiles}); + } + + closeEditFiles(){ + this.setState({ filesEditModal: false }); + // TODO do we need this if the dispatches happen in the dialog? + } /* ############################################## * File modification methods @@ -419,8 +440,24 @@ class Scenario extends React.Component { } return