diff options
author | andrewdkim <adkim414@gmail.com> | 2019-06-20 11:09:03 -0400 |
---|---|---|
committer | andrewdkim <adkim414@gmail.com> | 2019-06-20 11:09:03 -0400 |
commit | b856d4c0be0b08bf154d552226457b82d31cf81c (patch) | |
tree | fbcf2ac0ebe6ea358bada7efb5689f92bf3d2bc9 /src/client/views/nodes/Keyframe.tsx | |
parent | da2157616ca4e614dacbf26fb5fa6758b51a209e (diff) | |
parent | a5478b2d4cc3b66c6b58471cbb05c623d0109724 (diff) |
merge with master
Diffstat (limited to 'src/client/views/nodes/Keyframe.tsx')
-rw-r--r-- | src/client/views/nodes/Keyframe.tsx | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/src/client/views/nodes/Keyframe.tsx b/src/client/views/nodes/Keyframe.tsx index eaa816f2c..cef6aac83 100644 --- a/src/client/views/nodes/Keyframe.tsx +++ b/src/client/views/nodes/Keyframe.tsx @@ -24,12 +24,11 @@ interface IProp { export class Keyframe extends React.Component<IProp> { @observable private _display:string = "none"; + @observable private _duration:number = 200; async componentDidMount() { console.log("mounted"); if (this.props.node){ - let field = FieldValue(this.props.node.creationDate)! as DateField; - console.log(field.date.toISOString()); } @@ -70,23 +69,20 @@ export class Keyframe extends React.Component<IProp> { e.preventDefault(); e.stopPropagation(); } - - - render() { return ( <div> - <div className="bar" style={{ transform: `translate(${this.props.position}px)` }} onPointerOver={this.onPointerEnter} onPointerLeave={this.onPointerOut}> + <div className="bar" style={{ transform: `translate(${this.props.position - (this._duration/2)}px)`, width:`${this._duration}px`}} onPointerOver={this.onPointerEnter} onPointerLeave={this.onPointerOut}> + <div className="leftResize"></div> + <div className="rightResize"></div> <div className="menubox" style={{display: this._display}}> - <table className="menutable"> + {/* <table className="menutable"> <tr> <th>Time: </th> <input placeholder={this.props.position.toString()}></input> </tr> <tr> - <th>Date Created: </th> - <th>{(FieldValue(this.props.node!.creationDate)! as DateField).date.toLocaleString()}</th> </tr> <tr> <th onPointerDown={this.onPointerDown}>Title</th> @@ -100,7 +96,7 @@ export class Keyframe extends React.Component<IProp> { <th>Y</th> <th>{this.props.node!.y}</th> </tr> - </table> + </table> */} </div> </div> </div> |