|
@@ -4,6 +4,7 @@ import { ButtonLineComponent } from '../../../lines/buttonLineComponent';
|
|
|
|
|
|
interface IGraphActionsBarProps {
|
|
interface IGraphActionsBarProps {
|
|
addKeyframe: () => void;
|
|
addKeyframe: () => void;
|
|
|
|
+ removeKeyframe: () => void;
|
|
handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
handleValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
flatTangent: () => void;
|
|
flatTangent: () => void;
|
|
currentValue: number;
|
|
currentValue: number;
|
|
@@ -19,9 +20,10 @@ export class GraphActionsBar extends React.Component<IGraphActionsBarProps>{
|
|
<div className="actions-wrapper">
|
|
<div className="actions-wrapper">
|
|
<div className="action-input">
|
|
<div className="action-input">
|
|
<label>Value</label>
|
|
<label>Value</label>
|
|
- <input type="number" value={this.props.currentValue} onChange={this.props.handleValueChange}/>
|
|
|
|
|
|
+ <input type="number" value={this.props.currentValue.toFixed(3)} onChange={this.props.handleValueChange}/>
|
|
</div>
|
|
</div>
|
|
<ButtonLineComponent label={"Add Keyframe"} onClick={this.props.addKeyframe} />
|
|
<ButtonLineComponent label={"Add Keyframe"} onClick={this.props.addKeyframe} />
|
|
|
|
+ <ButtonLineComponent label={"Remove Keyframe"} onClick={this.props.removeKeyframe} />
|
|
<ButtonLineComponent label={"Flat Tangent"} onClick={this.props.flatTangent} />
|
|
<ButtonLineComponent label={"Flat Tangent"} onClick={this.props.flatTangent} />
|
|
</div>
|
|
</div>
|
|
)
|
|
)
|