SERVER-52576 Added libdeps graph visualizer web service with basic features.

2021-02-25 21:25:11 +00:00
parent dac6c3ae77
commit 27aecefac7
42 changed files with 2366 additions and 55 deletions
--- a/buildscripts/libdeps/graph_visualizer_web_stack/src/LoadingBar.js
+++ b/buildscripts/libdeps/graph_visualizer_web_stack/src/LoadingBar.js
@@ -0,0 +1,25 @@
+import React from "react";
+import LinearProgress from "@material-ui/core/LinearProgress";
+import Fade from "@material-ui/core/Fade";
+
+export default function LoadingBar({ loading, height, children }) {
+  const dimOnTrue = (flag) => {
+    return {
+      opacity: flag ? 0.15 : 1,
+      height: "100%",
+    };
+  };
+
+  return (
+    <div style={{ height: height }}>
+      <Fade
+        in={loading}
+        style={{ transitionDelay: loading ? "300ms" : "0ms" }}
+        unmountOnExit
+      >
+        <LinearProgress />
+      </Fade>
+      <div style={dimOnTrue(loading)}>{children}</div>
+    </div>
+  );
+}