diff options
Diffstat (limited to 'src/client/views/nodes/PhysicsBox/PhysicsSimulationWeight.tsx')
-rw-r--r-- | src/client/views/nodes/PhysicsBox/PhysicsSimulationWeight.tsx | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/src/client/views/nodes/PhysicsBox/PhysicsSimulationWeight.tsx b/src/client/views/nodes/PhysicsBox/PhysicsSimulationWeight.tsx index b973d30c8..7407d6fa6 100644 --- a/src/client/views/nodes/PhysicsBox/PhysicsSimulationWeight.tsx +++ b/src/client/views/nodes/PhysicsBox/PhysicsSimulationWeight.tsx @@ -919,6 +919,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { className="weightContainer" onPointerDown={(e) => { if (this.draggable) { + console.log('dragging = true') this.props.dataDoc['paused'] = true; this.setState({dragging: true}); this.setState({clickPositionX: e.clientX}); @@ -927,6 +928,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { }} onPointerMove={(e) => { if (this.state.dragging) { + console.log('dragging') let newY = this.state.yPosition + e.clientY - this.state.clickPositionY; if (newY > this.props.yMax - 2 * this.props.radius - 10) { newY = this.props.yMax - 2 * this.props.radius - 10; @@ -968,6 +970,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { }} onPointerUp={(e) => { if (this.state.dragging) { + console.log('dragging = false') if ( this.props.dataDoc['simulationType'] != "Pendulum" && this.props.dataDoc['simulationType'] != "Suspension" @@ -1339,7 +1342,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { position: "absolute", left: this.state.xPosition + this.props.radius + this.state.xAccel * 3 + 25 + "px", top: this.state.yPosition + this.props.radius + this.state.yAccel * 3 + 70 + "px", - lineHeight: 0.5, + lineHeight: 1, }} > <p> @@ -1393,7 +1396,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { position: "absolute", left: this.state.xPosition + this.props.radius + this.state.xVelocity * 3 + 25 + "px", top: this.state.yPosition + this.props.radius + this.state.yVelocity * 3 + "px", - lineHeight: 0.5, + lineHeight: 1, }} > <p> @@ -1506,7 +1509,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { position: "absolute", left: labelLeft + "px", top: labelTop + "px", - lineHeight: 0.5, + lineHeight: 1, backgroundColor: this.labelBackgroundColor, }} > @@ -1519,7 +1522,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { </div> ); })} - {/* {!this.state.dragging && + {!this.state.dragging && this.props.showForces && this.props.updatedForces && this.props.updatedForces.map((force, index) => { if (force.magnitude < this.epsilon) { @@ -1615,7 +1618,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { position: "absolute", left: labelLeft + "px", top: labelTop + "px", - lineHeight: 0.5, + lineHeight: 1, backgroundColor: this.labelBackgroundColor, }} > @@ -1627,7 +1630,7 @@ export default class Weight extends React.Component<IWeightProps, IState> { </div> </div> ); - })} */} + })} </div> )} }; |