summaryrefslogtreecommitdiff
path: root/src/containers/modals
diff options
context:
space:
mode:
Diffstat (limited to 'src/containers/modals')
-rw-r--r--src/containers/modals/DeleteMachineModal.js47
-rw-r--r--src/containers/modals/DeleteProfileModal.js47
-rw-r--r--src/containers/modals/DeleteRackModal.js47
-rw-r--r--src/containers/modals/DeleteRoomModal.js47
-rw-r--r--src/containers/modals/EditRackNameModal.js57
-rw-r--r--src/containers/modals/EditRoomNameModal.js54
-rw-r--r--src/containers/modals/NewExperimentModal.js55
-rw-r--r--src/containers/modals/NewSimulationModal.js46
8 files changed, 209 insertions, 191 deletions
diff --git a/src/containers/modals/DeleteMachineModal.js b/src/containers/modals/DeleteMachineModal.js
index c2b658d9..eba37833 100644
--- a/src/containers/modals/DeleteMachineModal.js
+++ b/src/containers/modals/DeleteMachineModal.js
@@ -1,36 +1,37 @@
import React from "react";
-import {connect} from "react-redux";
-import {closeDeleteMachineModal} from "../../actions/modals/topology";
-import {deleteMachine} from "../../actions/topology/machine";
+import { connect } from "react-redux";
+import { closeDeleteMachineModal } from "../../actions/modals/topology";
+import { deleteMachine } from "../../actions/topology/machine";
import ConfirmationModal from "../../components/modals/ConfirmationModal";
-const DeleteMachineModalComponent = ({visible, callback}) => (
- <ConfirmationModal title="Delete this machine"
- message="Are you sure you want to delete this machine?"
- show={visible}
- callback={callback}/>
+const DeleteMachineModalComponent = ({ visible, callback }) => (
+ <ConfirmationModal
+ title="Delete this machine"
+ message="Are you sure you want to delete this machine?"
+ show={visible}
+ callback={callback}
+ />
);
const mapStateToProps = state => {
- return {
- visible: state.modals.deleteMachineModalVisible
- };
+ return {
+ visible: state.modals.deleteMachineModalVisible
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (isConfirmed) => {
- if (isConfirmed) {
- dispatch(deleteMachine());
- }
- dispatch(closeDeleteMachineModal());
- }
- };
+ return {
+ callback: isConfirmed => {
+ if (isConfirmed) {
+ dispatch(deleteMachine());
+ }
+ dispatch(closeDeleteMachineModal());
+ }
+ };
};
-const DeleteMachineModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(DeleteMachineModalComponent);
+const DeleteMachineModal = connect(mapStateToProps, mapDispatchToProps)(
+ DeleteMachineModalComponent
+);
export default DeleteMachineModal;
diff --git a/src/containers/modals/DeleteProfileModal.js b/src/containers/modals/DeleteProfileModal.js
index 709b4a92..674e9408 100644
--- a/src/containers/modals/DeleteProfileModal.js
+++ b/src/containers/modals/DeleteProfileModal.js
@@ -1,36 +1,37 @@
import React from "react";
-import {connect} from "react-redux";
-import {closeDeleteProfileModal} from "../../actions/modals/profile";
-import {deleteCurrentUser} from "../../actions/users";
+import { connect } from "react-redux";
+import { closeDeleteProfileModal } from "../../actions/modals/profile";
+import { deleteCurrentUser } from "../../actions/users";
import ConfirmationModal from "../../components/modals/ConfirmationModal";
-const DeleteProfileModalComponent = ({visible, callback}) => (
- <ConfirmationModal title="Delete my account"
- message="Are you sure you want to delete your OpenDC account?"
- show={visible}
- callback={callback}/>
+const DeleteProfileModalComponent = ({ visible, callback }) => (
+ <ConfirmationModal
+ title="Delete my account"
+ message="Are you sure you want to delete your OpenDC account?"
+ show={visible}
+ callback={callback}
+ />
);
const mapStateToProps = state => {
- return {
- visible: state.modals.deleteProfileModalVisible
- };
+ return {
+ visible: state.modals.deleteProfileModalVisible
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (isConfirmed) => {
- if (isConfirmed) {
- dispatch(deleteCurrentUser());
- }
- dispatch(closeDeleteProfileModal());
- }
- };
+ return {
+ callback: isConfirmed => {
+ if (isConfirmed) {
+ dispatch(deleteCurrentUser());
+ }
+ dispatch(closeDeleteProfileModal());
+ }
+ };
};
-const DeleteProfileModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(DeleteProfileModalComponent);
+const DeleteProfileModal = connect(mapStateToProps, mapDispatchToProps)(
+ DeleteProfileModalComponent
+);
export default DeleteProfileModal;
diff --git a/src/containers/modals/DeleteRackModal.js b/src/containers/modals/DeleteRackModal.js
index 6515ab96..41bacb37 100644
--- a/src/containers/modals/DeleteRackModal.js
+++ b/src/containers/modals/DeleteRackModal.js
@@ -1,36 +1,37 @@
import React from "react";
-import {connect} from "react-redux";
-import {closeDeleteRackModal} from "../../actions/modals/topology";
-import {deleteRack} from "../../actions/topology/rack";
+import { connect } from "react-redux";
+import { closeDeleteRackModal } from "../../actions/modals/topology";
+import { deleteRack } from "../../actions/topology/rack";
import ConfirmationModal from "../../components/modals/ConfirmationModal";
-const DeleteRackModalComponent = ({visible, callback}) => (
- <ConfirmationModal title="Delete this rack"
- message="Are you sure you want to delete this rack?"
- show={visible}
- callback={callback}/>
+const DeleteRackModalComponent = ({ visible, callback }) => (
+ <ConfirmationModal
+ title="Delete this rack"
+ message="Are you sure you want to delete this rack?"
+ show={visible}
+ callback={callback}
+ />
);
const mapStateToProps = state => {
- return {
- visible: state.modals.deleteRackModalVisible
- };
+ return {
+ visible: state.modals.deleteRackModalVisible
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (isConfirmed) => {
- if (isConfirmed) {
- dispatch(deleteRack());
- }
- dispatch(closeDeleteRackModal());
- }
- };
+ return {
+ callback: isConfirmed => {
+ if (isConfirmed) {
+ dispatch(deleteRack());
+ }
+ dispatch(closeDeleteRackModal());
+ }
+ };
};
-const DeleteRackModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(DeleteRackModalComponent);
+const DeleteRackModal = connect(mapStateToProps, mapDispatchToProps)(
+ DeleteRackModalComponent
+);
export default DeleteRackModal;
diff --git a/src/containers/modals/DeleteRoomModal.js b/src/containers/modals/DeleteRoomModal.js
index a32c9ca1..339ff22c 100644
--- a/src/containers/modals/DeleteRoomModal.js
+++ b/src/containers/modals/DeleteRoomModal.js
@@ -1,36 +1,37 @@
import React from "react";
-import {connect} from "react-redux";
-import {closeDeleteRoomModal} from "../../actions/modals/topology";
-import {deleteRoom} from "../../actions/topology/room";
+import { connect } from "react-redux";
+import { closeDeleteRoomModal } from "../../actions/modals/topology";
+import { deleteRoom } from "../../actions/topology/room";
import ConfirmationModal from "../../components/modals/ConfirmationModal";
-const DeleteRoomModalComponent = ({visible, callback}) => (
- <ConfirmationModal title="Delete this room"
- message="Are you sure you want to delete this room?"
- show={visible}
- callback={callback}/>
+const DeleteRoomModalComponent = ({ visible, callback }) => (
+ <ConfirmationModal
+ title="Delete this room"
+ message="Are you sure you want to delete this room?"
+ show={visible}
+ callback={callback}
+ />
);
const mapStateToProps = state => {
- return {
- visible: state.modals.deleteRoomModalVisible
- };
+ return {
+ visible: state.modals.deleteRoomModalVisible
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (isConfirmed) => {
- if (isConfirmed) {
- dispatch(deleteRoom());
- }
- dispatch(closeDeleteRoomModal());
- }
- };
+ return {
+ callback: isConfirmed => {
+ if (isConfirmed) {
+ dispatch(deleteRoom());
+ }
+ dispatch(closeDeleteRoomModal());
+ }
+ };
};
-const DeleteRoomModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(DeleteRoomModalComponent);
+const DeleteRoomModal = connect(mapStateToProps, mapDispatchToProps)(
+ DeleteRoomModalComponent
+);
export default DeleteRoomModal;
diff --git a/src/containers/modals/EditRackNameModal.js b/src/containers/modals/EditRackNameModal.js
index 6f638bbc..748e847b 100644
--- a/src/containers/modals/EditRackNameModal.js
+++ b/src/containers/modals/EditRackNameModal.js
@@ -1,39 +1,44 @@
import React from "react";
-import {connect} from "react-redux";
-import {closeEditRackNameModal} from "../../actions/modals/topology";
-import {editRackName} from "../../actions/topology/rack";
+import { connect } from "react-redux";
+import { closeEditRackNameModal } from "../../actions/modals/topology";
+import { editRackName } from "../../actions/topology/rack";
import TextInputModal from "../../components/modals/TextInputModal";
-const EditRackNameModalComponent = ({visible, previousName, callback}) => (
- <TextInputModal title="Edit rack name"
- label="Rack name"
- show={visible}
- initialValue={previousName}
- callback={callback}/>
+const EditRackNameModalComponent = ({ visible, previousName, callback }) => (
+ <TextInputModal
+ title="Edit rack name"
+ label="Rack name"
+ show={visible}
+ initialValue={previousName}
+ callback={callback}
+ />
);
const mapStateToProps = state => {
- return {
- visible: state.modals.editRackNameModalVisible,
- previousName: state.interactionLevel.mode === "RACK" ?
- state.objects.rack[state.objects.tile[state.interactionLevel.tileId].objectId].name : "",
- };
+ return {
+ visible: state.modals.editRackNameModalVisible,
+ previousName:
+ state.interactionLevel.mode === "RACK"
+ ? state.objects.rack[
+ state.objects.tile[state.interactionLevel.tileId].objectId
+ ].name
+ : ""
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (name) => {
- if (name) {
- dispatch(editRackName(name));
- }
- dispatch(closeEditRackNameModal());
- }
- };
+ return {
+ callback: name => {
+ if (name) {
+ dispatch(editRackName(name));
+ }
+ dispatch(closeEditRackNameModal());
+ }
+ };
};
-const EditRackNameModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(EditRackNameModalComponent);
+const EditRackNameModal = connect(mapStateToProps, mapDispatchToProps)(
+ EditRackNameModalComponent
+);
export default EditRackNameModal;
diff --git a/src/containers/modals/EditRoomNameModal.js b/src/containers/modals/EditRoomNameModal.js
index be6230d0..be6c547c 100644
--- a/src/containers/modals/EditRoomNameModal.js
+++ b/src/containers/modals/EditRoomNameModal.js
@@ -1,38 +1,42 @@
import React from "react";
-import {connect} from "react-redux";
-import {closeEditRoomNameModal} from "../../actions/modals/topology";
-import {editRoomName} from "../../actions/topology/room";
+import { connect } from "react-redux";
+import { closeEditRoomNameModal } from "../../actions/modals/topology";
+import { editRoomName } from "../../actions/topology/room";
import TextInputModal from "../../components/modals/TextInputModal";
-const EditRoomNameModalComponent = ({visible, previousName, callback}) => (
- <TextInputModal title="Edit room name"
- label="Room name"
- show={visible}
- initialValue={previousName}
- callback={callback}/>
+const EditRoomNameModalComponent = ({ visible, previousName, callback }) => (
+ <TextInputModal
+ title="Edit room name"
+ label="Room name"
+ show={visible}
+ initialValue={previousName}
+ callback={callback}
+ />
);
const mapStateToProps = state => {
- return {
- visible: state.modals.editRoomNameModalVisible,
- previousName: state.interactionLevel.mode === "ROOM" ? state.objects.room[state.interactionLevel.roomId].name : "",
- };
+ return {
+ visible: state.modals.editRoomNameModalVisible,
+ previousName:
+ state.interactionLevel.mode === "ROOM"
+ ? state.objects.room[state.interactionLevel.roomId].name
+ : ""
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (name) => {
- if (name) {
- dispatch(editRoomName(name));
- }
- dispatch(closeEditRoomNameModal());
- }
- };
+ return {
+ callback: name => {
+ if (name) {
+ dispatch(editRoomName(name));
+ }
+ dispatch(closeEditRoomNameModal());
+ }
+ };
};
-const EditRoomNameModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(EditRoomNameModalComponent);
+const EditRoomNameModal = connect(mapStateToProps, mapDispatchToProps)(
+ EditRoomNameModalComponent
+);
export default EditRoomNameModal;
diff --git a/src/containers/modals/NewExperimentModal.js b/src/containers/modals/NewExperimentModal.js
index 13aed74d..c703c39a 100644
--- a/src/containers/modals/NewExperimentModal.js
+++ b/src/containers/modals/NewExperimentModal.js
@@ -1,36 +1,39 @@
-import {connect} from "react-redux";
-import {addExperiment} from "../../actions/experiments";
-import {closeNewExperimentModal} from "../../actions/modals/experiments";
+import { connect } from "react-redux";
+import { addExperiment } from "../../actions/experiments";
+import { closeNewExperimentModal } from "../../actions/modals/experiments";
import NewExperimentModalComponent from "../../components/modals/custom-components/NewExperimentModalComponent";
const mapStateToProps = state => {
- return {
- show: state.modals.newExperimentModalVisible,
- paths: Object.values(state.objects.path).filter(path => path.simulationId === state.currentSimulationId),
- traces: Object.values(state.objects.trace),
- schedulers: Object.values(state.objects.scheduler),
- };
+ return {
+ show: state.modals.newExperimentModalVisible,
+ paths: Object.values(state.objects.path).filter(
+ path => path.simulationId === state.currentSimulationId
+ ),
+ traces: Object.values(state.objects.trace),
+ schedulers: Object.values(state.objects.scheduler)
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (name, pathId, traceId, schedulerName) => {
- if (name) {
- dispatch(addExperiment({
- name,
- pathId,
- traceId,
- schedulerName
- }));
- }
- dispatch(closeNewExperimentModal());
- }
- };
+ return {
+ callback: (name, pathId, traceId, schedulerName) => {
+ if (name) {
+ dispatch(
+ addExperiment({
+ name,
+ pathId,
+ traceId,
+ schedulerName
+ })
+ );
+ }
+ dispatch(closeNewExperimentModal());
+ }
+ };
};
-const NewExperimentModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(NewExperimentModalComponent);
+const NewExperimentModal = connect(mapStateToProps, mapDispatchToProps)(
+ NewExperimentModalComponent
+);
export default NewExperimentModal;
diff --git a/src/containers/modals/NewSimulationModal.js b/src/containers/modals/NewSimulationModal.js
index d85b59ef..80789cd2 100644
--- a/src/containers/modals/NewSimulationModal.js
+++ b/src/containers/modals/NewSimulationModal.js
@@ -1,35 +1,37 @@
import React from "react";
-import {connect} from "react-redux";
-import {closeNewSimulationModal} from "../../actions/modals/simulations";
-import {addSimulation} from "../../actions/simulations";
+import { connect } from "react-redux";
+import { closeNewSimulationModal } from "../../actions/modals/simulations";
+import { addSimulation } from "../../actions/simulations";
import TextInputModal from "../../components/modals/TextInputModal";
-const NewSimulationModalComponent = ({visible, callback}) => (
- <TextInputModal title="New Simulation" label="Simulation title"
- show={visible}
- callback={callback}/>
+const NewSimulationModalComponent = ({ visible, callback }) => (
+ <TextInputModal
+ title="New Simulation"
+ label="Simulation title"
+ show={visible}
+ callback={callback}
+ />
);
const mapStateToProps = state => {
- return {
- visible: state.modals.newSimulationModalVisible
- };
+ return {
+ visible: state.modals.newSimulationModalVisible
+ };
};
const mapDispatchToProps = dispatch => {
- return {
- callback: (text) => {
- if (text) {
- dispatch(addSimulation(text));
- }
- dispatch(closeNewSimulationModal());
- }
- };
+ return {
+ callback: text => {
+ if (text) {
+ dispatch(addSimulation(text));
+ }
+ dispatch(closeNewSimulationModal());
+ }
+ };
};
-const NewSimulationModal = connect(
- mapStateToProps,
- mapDispatchToProps
-)(NewSimulationModalComponent);
+const NewSimulationModal = connect(mapStateToProps, mapDispatchToProps)(
+ NewSimulationModalComponent
+);
export default NewSimulationModal;
generated by cgit v1.2.3 (git 2.25.1) at 2026-02-04 16:38:28 +0000