From 90fae26aa4bd0e0eb3272ff6e6524060e9004fbb Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <info@gandreadis.com>
Date: Mon, 29 Jun 2020 15:47:09 +0200
Subject: Prepare frontend repository for monorepo

This change prepares the frontend Git repository for the monorepo
residing at https://github.com/atlarge-research.com/opendc. To
accomodate for this, we move all files into a frontend subdirectory.
---
 .../app/sidebars/elements/LoadBarComponent.js      | 22 ------
 .../app/sidebars/elements/LoadChartComponent.js    | 90 ----------------------
 2 files changed, 112 deletions(-)
 delete mode 100644 src/components/app/sidebars/elements/LoadBarComponent.js
 delete mode 100644 src/components/app/sidebars/elements/LoadChartComponent.js

(limited to 'src/components/app/sidebars/elements')

diff --git a/src/components/app/sidebars/elements/LoadBarComponent.js b/src/components/app/sidebars/elements/LoadBarComponent.js
deleted file mode 100644
index 8c9b164b..00000000
--- a/src/components/app/sidebars/elements/LoadBarComponent.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import classNames from "classnames";
-import React from "react";
-
-const LoadBarComponent = ({ percent, disabled }) => (
-  <div className="mt-1">
-    <strong>Current load</strong>
-    <div className={classNames("progress", { disabled })}>
-      <div
-        className="progress-bar"
-        role="progressbar"
-        aria-valuenow={percent}
-        aria-valuemin="0"
-        aria-valuemax="100"
-        style={{ width: percent + "%" }}
-      >
-        {percent}%
-      </div>
-    </div>
-  </div>
-);
-
-export default LoadBarComponent;
diff --git a/src/components/app/sidebars/elements/LoadChartComponent.js b/src/components/app/sidebars/elements/LoadChartComponent.js
deleted file mode 100644
index 5f0d40cb..00000000
--- a/src/components/app/sidebars/elements/LoadChartComponent.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/server";
-import SvgSaver from "svgsaver";
-import {
-  VictoryAxis,
-  VictoryChart,
-  VictoryLabel,
-  VictoryLine,
-  VictoryScatter
-} from "victory";
-import { convertSecondsToFormattedTime } from "../../../../util/date-time";
-
-const LoadChartComponent = ({ data, currentTick }) => {
-  const onExport = () => {
-    const div = document.createElement("div");
-    div.innerHTML = ReactDOM.renderToString(
-      <VictoryChartComponent
-        data={data}
-        currentTick={currentTick}
-        showCurrentTick={false}
-      />
-    );
-    div.firstChild.style =
-      "font-family: Roboto, Arial, sans-serif; font-size: 10pt;";
-    const svgSaver = new SvgSaver();
-    svgSaver.asSvg(
-      div.firstChild,
-      "opendc-chart-export-" + Date.now() + ".svg"
-    );
-  };
-
-  return (
-    <div className="mt-1" style={{ position: "relative" }}>
-      <strong>Load over time</strong>
-      <VictoryChartComponent
-        data={data}
-        currentTick={currentTick}
-        showCurrentTick={true}
-      />
-      <ExportChartComponent onExport={onExport} />
-    </div>
-  );
-};
-
-const VictoryChartComponent = ({ data, currentTick, showCurrentTick }) => (
-  <VictoryChart
-    height={250}
-    padding={{ top: 10, bottom: 50, left: 50, right: 50 }}
-  >
-    <VictoryAxis
-      tickFormat={tick => convertSecondsToFormattedTime(tick)}
-      fixLabelOverlap={true}
-      label="Simulated Time"
-    />
-    <VictoryAxis dependentAxis label="Load" />
-    <VictoryLine data={data} />
-    <VictoryScatter data={data} />
-    {showCurrentTick ? (
-      <VictoryLine
-        labelComponent={
-          <VictoryLabel renderInPortal angle={90} dy={-5} dx={60} />
-        }
-        data={[{ x: currentTick + 1, y: 0 }, { x: currentTick + 1, y: 1 }]}
-        labels={point =>
-          point.y === 1
-            ? "Current tick : " + convertSecondsToFormattedTime(currentTick)
-            : ""}
-        style={{
-          data: { stroke: "#00A6D6", strokeWidth: 4 },
-          labels: { fill: "#00A6D6" }
-        }}
-      />
-    ) : (
-      undefined
-    )}
-  </VictoryChart>
-);
-
-const ExportChartComponent = ({ onExport }) => (
-  <button
-    className="btn btn-success btn-circle btn-sm"
-    title="Export Chart to PNG Image"
-    onClick={onExport}
-    style={{ position: "absolute", top: 0, right: 0 }}
-  >
-    <span className="fa fa-camera" />
-  </button>
-);
-
-export default LoadChartComponent;
-- 
cgit v1.2.3