fork/cellxgene
1
0
Fork 0
mirror of https://github.com/chanzuckerberg/cellxgene.git synced 2026-10-07 07:48:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

clear differential expression button interface

Browse Source
This commit is contained in:
Colin Megill
2018-10-15 11:20:52 -07:00
parent 9de44e6fd4
commit a42f9f83f5
1 changed files with 65 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/expression/expressionButtons.js
+65 -29
View File
@@ -20,12 +20,22 @@ class Expression extends React.Component {
computeDiffExp() { computeDiffExp() {
const { dispatch, differential } = this.props; const { dispatch, differential } = this.props;
dispatch( if (differential.celllist1 && differential.celllist2) {
actions.requestDifferentialExpression( dispatch(
differential.celllist1, actions.requestDifferentialExpression(
differential.celllist2 differential.celllist1,
) differential.celllist2
); )
);
}
}
clearDifferentialExpression() {
const { dispatch, differential } = this.props;
dispatch({
type: "clear differential expression",
diffExp: differential.diffExp
});
} }
render() { render() {
@@ -37,29 +47,55 @@ class Expression extends React.Component {
<div style={{ marginRight: 10, marginBottom: 10 }}> <div style={{ marginRight: 10, marginBottom: 10 }}>
<CellSetButton {...this.props} eitherCellSetOneOrTwo={1} /> <CellSetButton {...this.props} eitherCellSetOneOrTwo={1} />
<CellSetButton {...this.props} eitherCellSetOneOrTwo={2} /> <CellSetButton {...this.props} eitherCellSetOneOrTwo={2} />
<button {!differential.diffExp ? (
type="button" <button
style={{ type="button"
fontSize: 14, style={{
fontWeight: 400, fontSize: 14,
color: "#FFF", fontWeight: 400,
padding: "0px 10px", color: "#FFF",
height: 30, padding: "0px 10px",
borderRadius: 2, height: 30,
backgroundColor: borderRadius: 2,
differential.celllist1 && differential.celllist2 backgroundColor:
? globals.brightBlue differential.celllist1 && differential.celllist2
: globals.lightGrey, ? globals.brightBlue
border: "none", : globals.lightGrey,
cursor: border: "none",
differential.celllist1 && differential.celllist2 cursor:
? "pointer" differential.celllist1 && differential.celllist2
: "auto" ? "pointer"
}} : "auto"
onClick={this.computeDiffExp.bind(this)} }}
> onClick={this.computeDiffExp.bind(this)}
Compute differential expression >
</button> {" "}
Compute Differential Expression{" "}
</button>
) : null}
{differential.diffExp ? (
<button
type="button"
style={{
fontSize: 14,
fontWeight: 400,
color: "#FFF",
padding: "0px 10px",
height: 30,
borderRadius: 2,
backgroundColor: globals.brightBlue,
border: "none",
cursor:
differential.celllist1 && differential.celllist2
? "pointer"
: "auto"
}}
onClick={this.clearDifferentialExpression.bind(this)}
>
{" "}
Clear Differential Expression{" "}
</button>
) : null}
</div> </div>
); );
} }