diff options
| -rw-r--r-- | src/client/views/nodes/Timeline.tsx | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx index 7872649a0..45e37dd8a 100644 --- a/src/client/views/nodes/Timeline.tsx +++ b/src/client/views/nodes/Timeline.tsx @@ -1,9 +1,11 @@ import * as React from "react" import * as ReactDOM from "react-dom" import { observer } from "mobx-react" -import { observable } from "mobx" +import { observable, reaction } from "mobx" import { TimelineField } from "../../../fields/TimelineField"; import "./Timeline.scss" +import { KeyStore } from "../../../fields/KeyStore"; +import { Document } from "../../../fields/Document"; @observer export class Timeline extends React.Component<TimelineField>{ @@ -17,6 +19,19 @@ export class Timeline extends React.Component<TimelineField>{ this._isRecording = false; } + componentDidMount() { + let doc: Document; + let keyFrame: Document; + let keys = [KeyStore.X, KeyStore.Y]; + reaction(() => { + return keys.map(key => doc.GetNumber(key, 0)); + }, data => { + keys.forEach((key, index) => { + keyFrame.SetNumber(key, data[index]); + }); + }); + } + render() { return ( <div> |