From bf7708f658cc6299a3b775afe24459b5a808c54d Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 22 Sep 2017 21:20:54 +0200
Subject: Restructure component and container directories

---
 .../simulation/ExperimentMetadataComponent.js      | 12 -------
 .../sidebars/simulation/LoadMetricComponent.js     | 33 -----------------
 .../simulation/SimulationSidebarComponent.js       | 22 ------------
 .../simulation/SimulationSidebarComponent.sass     |  8 -----
 .../sidebars/simulation/TaskComponent.js           | 42 ----------------------
 .../sidebars/simulation/TraceComponent.js          | 20 -----------
 6 files changed, 137 deletions(-)
 delete mode 100644 src/components/sidebars/simulation/ExperimentMetadataComponent.js
 delete mode 100644 src/components/sidebars/simulation/LoadMetricComponent.js
 delete mode 100644 src/components/sidebars/simulation/SimulationSidebarComponent.js
 delete mode 100644 src/components/sidebars/simulation/SimulationSidebarComponent.sass
 delete mode 100644 src/components/sidebars/simulation/TaskComponent.js
 delete mode 100644 src/components/sidebars/simulation/TraceComponent.js

(limited to 'src/components/sidebars/simulation')

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;
-- 
cgit v1.2.3