summaryrefslogtreecommitdiff
path: root/src/components/sidebars/simulation
diff options
context:
space:
mode:
authorGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-09-22 21:20:54 +0200
committerGeorgios Andreadis <g.andreadis@student.tudelft.nl>2017-09-23 10:06:18 +0200
commitbf7708f658cc6299a3b775afe24459b5a808c54d (patch)
tree227520267968759e2a2f1e29e6f3edfeb4e3cf8a /src/components/sidebars/simulation
parente722cf117d0e3ebac20237f96764fb08cab49a62 (diff)
Restructure component and container directories
Diffstat (limited to 'src/components/sidebars/simulation')
-rw-r--r--src/components/sidebars/simulation/ExperimentMetadataComponent.js12
-rw-r--r--src/components/sidebars/simulation/LoadMetricComponent.js33
-rw-r--r--src/components/sidebars/simulation/SimulationSidebarComponent.js22
-rw-r--r--src/components/sidebars/simulation/SimulationSidebarComponent.sass8
-rw-r--r--src/components/sidebars/simulation/TaskComponent.js42
-rw-r--r--src/components/sidebars/simulation/TraceComponent.js20
6 files changed, 0 insertions, 137 deletions
diff --git a/src/components/sidebars/simulation/ExperimentMetadataComponent.js b/src/components/sidebars/simulation/ExperimentMetadataComponent.js
deleted file mode 100644
index 3649045b..00000000
--- a/src/components/sidebars/simulation/ExperimentMetadataComponent.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from "react";
-
-const ExperimentMetadataComponent = ({experimentName, pathName, traceName, schedulerName}) => (
- <div>
- <h2>{experimentName}</h2>
- <p>Path: <strong>{pathName}</strong></p>
- <p>Trace: <strong>{traceName}</strong></p>
- <p>Scheduler: <strong>{schedulerName}</strong></p>
- </div>
-);
-
-export default ExperimentMetadataComponent;
diff --git a/src/components/sidebars/simulation/LoadMetricComponent.js b/src/components/sidebars/simulation/LoadMetricComponent.js
deleted file mode 100644
index d9a1ed71..00000000
--- a/src/components/sidebars/simulation/LoadMetricComponent.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from "react";
-import {SIM_HIGH_COLOR, SIM_LOW_COLOR, SIM_MID_HIGH_COLOR, SIM_MID_LOW_COLOR} from "../../../util/colors";
-import {LOAD_NAME_MAP} from "../../../util/simulation-load";
-
-const LoadMetricComponent = ({loadMetric}) => (
- <div>
- <div>Colors represent <strong>{LOAD_NAME_MAP[loadMetric]}</strong></div>
- <div className="btn-group mb-2" style={{display: "flex"}}>
- <span
- className="btn btn-secondary"
- style={{backgroundColor: SIM_LOW_COLOR, flex: 1}}
- title="0-25%"
- />
- <span
- className="btn btn-secondary"
- style={{backgroundColor: SIM_MID_LOW_COLOR, flex: 1}}
- title="25-50%"
- />
- <span
- className="btn btn-secondary"
- style={{backgroundColor: SIM_MID_HIGH_COLOR, flex: 1}}
- title="50-75%"
- />
- <span
- className="btn btn-secondary"
- style={{backgroundColor: SIM_HIGH_COLOR, flex: 1}}
- title="75-100%"
- />
- </div>
- </div>
-);
-
-export default LoadMetricComponent;
diff --git a/src/components/sidebars/simulation/SimulationSidebarComponent.js b/src/components/sidebars/simulation/SimulationSidebarComponent.js
deleted file mode 100644
index 5cb83c2c..00000000
--- a/src/components/sidebars/simulation/SimulationSidebarComponent.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from "react";
-import ExperimentMetadataContainer from "../../../containers/sidebars/simulation/ExperimentMetadataContainer";
-import LoadMetricContainer from "../../../containers/sidebars/simulation/LoadMetricContainer";
-import TraceContainer from "../../../containers/sidebars/simulation/TraceContainer";
-import Sidebar from "../Sidebar";
-import "./SimulationSidebarComponent.css";
-
-const SimulationSidebarComponent = () => {
- return (
- <Sidebar isRight={false}>
- <div className="simulation-sidebar-container flex-column">
- <ExperimentMetadataContainer/>
- <LoadMetricContainer/>
- <div className="trace-container">
- <TraceContainer/>
- </div>
- </div>
- </Sidebar>
- );
-};
-
-export default SimulationSidebarComponent;
diff --git a/src/components/sidebars/simulation/SimulationSidebarComponent.sass b/src/components/sidebars/simulation/SimulationSidebarComponent.sass
deleted file mode 100644
index 82af97fa..00000000
--- a/src/components/sidebars/simulation/SimulationSidebarComponent.sass
+++ /dev/null
@@ -1,8 +0,0 @@
-.simulation-sidebar-container
- display: flex
- height: 100%
- max-height: 100%
-
-.trace-container
- flex: 1
- overflow-y: scroll
diff --git a/src/components/sidebars/simulation/TaskComponent.js b/src/components/sidebars/simulation/TaskComponent.js
deleted file mode 100644
index 03b6a279..00000000
--- a/src/components/sidebars/simulation/TaskComponent.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import approx from "approximate-number";
-import React from "react";
-import {convertSecondsToFormattedTime} from "../../../util/date-time";
-
-const TaskComponent = ({task, flopsLeft}) => {
- let stateInfo;
-
- if (flopsLeft === task.totalFlopCount) {
- stateInfo = (
- <div>
- <span className="fa fa-hourglass-half mr-2"/>
- Waiting
- </div>
- );
- } else if (flopsLeft > 0) {
- stateInfo = (
- <div>
- <span className="fa fa-refresh mr-2"/>
- Running ({approx(task.totalFlopCount - flopsLeft)} / {approx(task.totalFlopCount)} FLOPS)
- </div>
- );
- } else {
- stateInfo = (
- <div>
- <span className="fa fa-check mr-2"/>
- Completed
- </div>
- );
- }
-
- return (
- <li className="list-group-item flex-column align-items-start">
- <div className="d-flex w-100 justify-content-between">
- <h5 className="mb-1">{approx(task.totalFlopCount)} FLOPS</h5>
- <small>Starts at {convertSecondsToFormattedTime(task.startTick)}</small>
- </div>
- {stateInfo}
- </li>
- );
-};
-
-export default TaskComponent;
diff --git a/src/components/sidebars/simulation/TraceComponent.js b/src/components/sidebars/simulation/TraceComponent.js
deleted file mode 100644
index ffb470ba..00000000
--- a/src/components/sidebars/simulation/TraceComponent.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from "react";
-import TaskContainer from "../../../containers/sidebars/simulation/TaskContainer";
-
-const TraceComponent = ({jobs}) => (
- <div>
- <h3>Trace</h3>
- {jobs.map(job => (
- <div key={job.id}>
- <h4>Job: {job.name}</h4>
- <ul className="list-group">
- {job.taskIds.map(taskId => (
- <TaskContainer taskId={taskId} key={taskId}/>
- ))}
- </ul>
- </div>
- ))}
- </div>
-);
-
-export default TraceComponent;