Begin integrating blueprint (#359)

* toast test * modify webpack build to allow for global CSS; use CSS modules to scope component styling * remove heatmap * add label to index resets * swapping out buttons for blueprint * adding constants to globals * swapping out blueprint buttons * title position, sidebar improvements * sidebar styles * adding toasts for validation errors * zebra section trial * integrating blueprint, switching buttons over, breaking out scatter * clean up console
2026-09-28 09:58:12 +08:00 · 2018-10-22 15:46:37 -04:00
parent 0c271bc815
commit df671192be
34 changed files with 717 additions and 737 deletions
@@ -0,0 +1,79 @@
+// jshint esversion: 6
+import React from "react";
+import _ from "lodash";
+import { Button } from "@blueprintjs/core";
+import { connect } from "react-redux";
+import * as globals from "../../globals";
+import actions from "../../actions";
+import CellSetButton from "./cellSetButtons";
+
+@connect(state => ({
+  differential: state.differential,
+  world: state.controls.world,
+  crossfilter: state.controls.crossfilter,
+  selectionUpdate: _.get(state.controls, "crossfilter.updateTime", null)
+}))
+class Expression extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+
+  computeDiffExp() {
+    const { dispatch, differential } = this.props;
+    if (differential.celllist1 && differential.celllist2) {
+      dispatch(
+        actions.requestDifferentialExpression(
+          differential.celllist1,
+          differential.celllist2
+        )
+      );
+    }
+  }
+
+  clearDifferentialExpression() {
+    const { dispatch, differential } = this.props;
+    dispatch({
+      type: "clear differential expression",
+      diffExp: differential.diffExp
+    });
+  }
+
+  render() {
+    const { differential } = this.props;
+    if (!differential) {
+      return null;
+    }
+    const haveBothCellSets =
+      !!differential.celllist1 && !!differential.celllist2;
+    return (
+      <div style={{ marginRight: 10, marginBottom: 10 }}>
+        <CellSetButton {...this.props} eitherCellSetOneOrTwo={1} />
+        <CellSetButton {...this.props} eitherCellSetOneOrTwo={2} />
+        {!differential.diffExp ? (
+          <Button
+            style={{ marginTop: 10 }}
+            disabled={!haveBothCellSets}
+            intent="primary"
+            type="button"
+            onClick={this.computeDiffExp.bind(this)}
+          >
+            Compute Differential Expression
+          </Button>
+        ) : null}
+        {differential.diffExp ? (
+          <Button
+            type="button"
+            style={{ marginTop: 10 }}
+            intent="warning"
+            onClick={this.clearDifferentialExpression.bind(this)}
+          >
+            Clear Differential Expression
+          </Button>
+        ) : null}
+      </div>
+    );
+  }
+}
+
+export default Expression;