From 2b303a0cfc352954390866c56035308abac2b186 Mon Sep 17 00:00:00 2001 From: Andrew Kim Date: Mon, 29 Apr 2019 18:16:43 -0400 Subject: new changessssssss --- src/client/views/nodes/Timeline.tsx | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) (limited to 'src') diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx index 4b6767e7d..5f4eab796 100644 --- a/src/client/views/nodes/Timeline.tsx +++ b/src/client/views/nodes/Timeline.tsx @@ -21,6 +21,8 @@ export class Timeline extends React.Component { @observable private _newBar: any = null; private _reactionDisposers: IReactionDisposer[] = []; private _keyFrames: HTMLDivElement[] = []; + private _actualKeyFrame: KeyFrame[] = []; + private _currentBarX:number = 0; @observable private _onBar: Boolean = false; @@ -86,14 +88,15 @@ export class Timeline extends React.Component { // this._keyFrames.push(keyFrame); let keys = [KeyStore.X, KeyStore.Y]; const addReaction = (element: Document) => { - let keyFrame = new KeyFrame(); - if (this._inner.current){ - this._inner.current.appendChild(this.createBar(5, this._currentBarX, "orange")); - } + return reaction(() => { return keys.map(key => element.GetNumber(key, 0)); }, data => { - + let keyFrame = new KeyFrame(); + if (this._inner.current){ + this._inner.current.appendChild(this.createBar(5, this._currentBarX, "orange")); + + } keys.forEach((key, index) => { console.log("moved!"); //store key frames -> need to create a way to do this (data structure??) keyFrame.document().SetNumber(key, data[index]); //Tyler working on better Doc.ts functions...(this is currently not comprehensive...) -- cgit v1.2.3-70-g09d2