From 5567bb433ccc94a57ce12bf4dc4bd77c0253ce9f Mon Sep 17 00:00:00 2001 From: irismarie Date: Thu, 9 Jul 2020 16:04:38 +0200 Subject: [PATCH] edit dashboard name, closes #233 --- src/dashboard/edit-dashboard.js | 6 +++--- src/scenario/scenario.js | 20 ++++++++++++++++++++ 2 files changed, 23 insertions(+), 3 deletions(-) diff --git a/src/dashboard/edit-dashboard.js b/src/dashboard/edit-dashboard.js index 7de6012..900a6c8 100644 --- a/src/dashboard/edit-dashboard.js +++ b/src/dashboard/edit-dashboard.js @@ -21,14 +21,14 @@ import { FormGroup, FormControl, FormLabel } from 'react-bootstrap'; import Dialog from '../common/dialogs/dialog'; class EditDashboardDialog extends React.Component { - valid: false; + valid = true; constructor(props) { super(props); this.state = { name: '', - _id: '' + id: '' } } @@ -49,7 +49,7 @@ class EditDashboardDialog extends React.Component { resetState() { this.setState({ name: this.props.dashboard.name, - _id: this.props.dashboard._id + id: this.props.dashboard.id }); } diff --git a/src/scenario/scenario.js b/src/scenario/scenario.js index 615f0ed..1155aa1 100644 --- a/src/scenario/scenario.js +++ b/src/scenario/scenario.js @@ -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 EditDashboardDialog from '../dashboard/edit-dashboard'; import EditFiles from '../file/edit-files' import ICAction from '../ic/ic-action'; @@ -101,6 +102,7 @@ class Scenario extends React.Component { editInputSignalsModal: prevState.editInputSignalsModal || false, newDashboardModal: false, + dashboardEditModal: prevState.dashboardEditModal || false, deleteDashboardModal: false, importDashboardModal: false, modalDashboardData: {}, @@ -336,6 +338,21 @@ class Scenario extends React.Component { } } + closeEditDashboardModal(data) { + this.setState({ dashboardEditModal: false }); + + let editDashboard = this.state.modalDashboardData; + + if (data != null) { + editDashboard.name = data.name; + AppDispatcher.dispatch({ + type: 'dashboards/start-edit', + data: editDashboard, + token: this.state.sessionToken + }); + } + } + closeDeleteDashboardModal(confirmDelete) { this.setState({ deleteDashboardModal: false }); @@ -600,8 +617,10 @@ class Scenario extends React.Component { this.setState({ dashboardEditModal: true, modalDashboardData: this.state.dashboards[index] })} onDelete={(index) => this.setState({ deleteDashboardModal: true, modalDashboardData: this.state.dashboards[index], modalDashboardIndex: index })} onExport={index => this.exportDashboard(index)} /> @@ -615,6 +634,7 @@ class Scenario extends React.Component {
this.closeNewDashboardModal(data)} /> + this.closeEditDashboardModal(data)} /> this.closeImportDashboardModal(data)} /> this.closeDeleteDashboardModal(e)} />