vmario/Doodle3D-Slicer
0
0
Fork 0
mirror of https://github.com/Doodle3D/Doodle3D-Slicer.git synced 2024-11-22 13:37:58 +01:00
Code Issues Projects Releases Wiki Activity

hide buttons bar when sliced

Browse Source
This commit is contained in:
casperlamboo 2017-11-12 00:47:06 +01:00
parent 624a178bb2
commit 4654858c3e
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/interface/index.js
View File

@ -49,6 +49,7 @@ class Interface extends React.Component {
};
state = {
controlMode: 'translate',
sliced: false
};
componentDidMount() {
@ -113,18 +114,19 @@ class Interface extends React.Component {
render() {
const { width, height, classes } = this.props;
const { sliced } = this.state;
return (
<div style={{ width, height }} className={classes.container}>
<canvas className={classes.canvas} ref="canvas" width={width} height={height} />
<div className={classes.controlBar}>
{!sliced && <div className={classes.controlBar}>
<button onClick={this.resetMesh}>Reset</button>
<button onClick={() => this.setState({ controlMode: 'translate' })}>Translate</button>
<button onClick={() => this.setState({ controlMode: 'rotate' })}>Rotate</button>
<button onClick={() => this.setState({ controlMode: 'scale' })}>Scale</button>
</div>
<div className={classes.sliceBar}>
</div>}
{!sliced && <div className={classes.sliceBar}>
<button onClick={this.slice}>Slice</button>
</div>
</div>}
</div>
);
}