renaming backend, cellxgene to server, client respectively

2026-09-25 17:38:12 +08:00 · 2018-06-26 11:41:32 -07:00
parent 59dcfe2bc4
commit dd5fa57259
97 changed files with 4 additions and 7 deletions
@@ -0,0 +1,94 @@
+// jshint esversion: 6
+/* rc slider https://www.npmjs.com/package/rc-slider */
+
+import React from "react";
+import _ from "lodash";
+import { connect } from "react-redux";
+
+import styles from "./parallelCoordinates.css";
+import SectionHeader from "../framework/sectionHeader";
+
+import setupParallelCoordinates from "./setupParallelCoordinates";
+import drawAxes from "./drawAxes";
+import drawLinesCanvas from "./drawLinesCanvas";
+
+import HistogramBrush from "./histogramBrush";
+
+import { margin, width, height, createDimensions } from "./util";
+
+@connect(state => {
+  const ranges =
+    state.cells.cells && state.cells.cells.data.ranges
+      ? state.cells.cells.data.ranges
+      : null;
+  const metadata =
+    state.cells.cells && state.cells.cells.data.metadata
+      ? state.cells.cells.data.metadata
+      : null;
+
+  const initializeRanges =
+    state.initialize.data && state.initialize.data.data.ranges
+      ? state.initialize.data.data.ranges
+      : null;
+
+  return {
+    ranges,
+    metadata,
+    initializeRanges,
+    colorAccessor: state.controls.colorAccessor,
+    colorScale: state.controls.colorScale,
+    graphBrushSelection: state.controls.graphBrushSelection,
+    axesHaveBeenDrawn: state.controls.axesHaveBeenDrawn
+  };
+})
+class Continuous extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      svg: null,
+      ctx: null,
+      axes: null,
+      dimensions: null
+    };
+  }
+  componentDidMount() {}
+  componentWillReceiveProps(nextProps) {}
+
+  componentDidMount() {}
+  handleBrushAction(selection) {
+    this.props.dispatch({
+      type: "continuous selection using parallel coords brushing",
+      data: selection
+    });
+  }
+  handleColorAction(key) {
+    this.props.dispatch({
+      type: "color by continuous metadata",
+      colorAccessor: key,
+      rangeMaxForColorAccessor: this.props.initializeRanges[key].range.max
+    });
+  }
+
+  render() {
+    return (
+      <div>
+        {_.map(this.props.ranges, (value, key) => {
+          const isColorField = key.includes("color") || key.includes("Color");
+          if (value.range && key !== "CellName" && !isColorField) {
+            return (
+              <HistogramBrush
+                key={key}
+                metadataField={key}
+                ranges={value.range}
+              />
+            );
+          }
+        })}
+      </div>
+    );
+  }
+}
+
+export default Continuous;
+
+// <SectionHeader text="Continuous Metadata"/>