aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/Keyframe.tsx
diff options
context:
space:
mode:
authorandrewdkim <adkim414@gmail.com>2019-06-20 11:09:03 -0400
committerandrewdkim <adkim414@gmail.com>2019-06-20 11:09:03 -0400
commitb856d4c0be0b08bf154d552226457b82d31cf81c (patch)
treefbcf2ac0ebe6ea358bada7efb5689f92bf3d2bc9 /src/client/views/nodes/Keyframe.tsx
parentda2157616ca4e614dacbf26fb5fa6758b51a209e (diff)
parenta5478b2d4cc3b66c6b58471cbb05c623d0109724 (diff)
merge with master
Diffstat (limited to 'src/client/views/nodes/Keyframe.tsx')
-rw-r--r--src/client/views/nodes/Keyframe.tsx16
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>