[EEG Browser] Visualization

.eslintignore

@@ -4,6 +4,7 @@ vendor/*
 # compiled js ignored since it is run on the jsx directory
 modules/*/js/*
 modules/*/js/*/*
+modules/electrophysiology_browser/jsx/react-series-data-viewer/src/protocol-buffers/chunk_pb.js
 htdocs/js/components/*
 
 # Ignore external libs

.flowconfig

@@ -0,0 +1,15 @@
+[ignore]
+<PROJECT_ROOT>/project/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/npm/test/fixtures/config/package.json
+<PROJECT_ROOT>/project/modules/electrophysiology_browser/jsx/react-series-data-viewer/node_modules/npm/node_modules/config-chain/test/broken.json
+
+[include]
+<PROJECT_ROOT>/project/modules/electrophysiology_browser/jsx/react-series-data-viewer/src
+
+[libs]
+
+[lints]
+
+[options]
+react.runtime=automatic
+
+[strict]

babel.config.js

@@ -0,0 +1,20 @@
+module.exports = function(api) {
+  api.cache(true);
+  const presets = [
+    "@babel/preset-flow",
+    "@babel/preset-react",
+    "@babel/preset-env"
+  ];
+  const plugins = [
+    "@babel/plugin-proposal-object-rest-spread",
+    ["@babel/plugin-transform-runtime",
+      {
+        "regenerator": true
+      }
+    ]
+  ];
+  return {
+    presets,
+    plugins
+  };
+}

modules/electrophysiology_browser/css/electrophysiology_browser.css

@@ -0,0 +1,80 @@
+.react-series-data-viewer-scoped .dropdown-menu {
+  width: calc(100% - 5px);
+}
+
+.react-series-data-viewer-scoped .dropdown-menu li {
+  margin-top: 0;
+  padding: 0 10px;
+}
+
+.react-series-data-viewer-scoped .dropdown-menu li:hover {
+  background: #eee;
+  cursor: pointer;
+  margin-top: 0;
+  width: 100%;
+}
+
+.btn.btn-xs {
+  font-size: 12px;
+}
+
+.btn-group .btn {
+  margin: 0;
+}
+
+.btn-group {
+  margin-right: 10px;
+}
+
+.btn-primary:focus:not(.active),
+.btn-primary:active:not(.active) {
+  color: #246EB6;
+  background-color: white;
+  border-color: #246EB6;
+  outline: 0;
+}
+
+.no-gutters > div {
+  padding:0;
+}
+
+svg {
+  user-select: none;
+}
+
+.annotation.list-group-item {
+  background: #fffae6;
+  border-left: 5px solid #ff6600;
+}
+
+.event-list .btn.btn-primary {
+  color: #555;
+  border: 1px solid #555;
+}
+
+.event-list .btn.btn-primary.active {
+  color: #000;
+  background-color: #ddd;
+  border: 1px solid #000;
+}
+
+.event-list .btn.btn-primary:hover {
+  color: #333;
+  background-color: #eee;
+  border: 1px solid #333;
+}
+
+#electrode-montage .list-group {
+  border: 1px solid #ddd;
+}
+
+#electrode-montage .list-group-item:first-child {
+  border-top: none;
+}
+
+#electrode-montage .list-group-item {
+  margin-bottom: 0;
+  border-left: none;
+  border-right: none;
+  border-bottom: none;
+}