aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/animationtimeline/Timeline.tsx
diff options
context:
space:
mode:
authormonikahedman <monika_hedman@brown.edu>2020-02-08 12:54:07 -0500
committermonikahedman <monika_hedman@brown.edu>2020-02-08 12:54:07 -0500
commite310c0fdcef6ac71ee492470d4ac689cbb094167 (patch)
tree0d9c32cdf8f23239c18c5c1113fe90f381de7410 /src/client/views/animationtimeline/Timeline.tsx
parent8f64bbe94e496558208af85a1d498ad69dfcf923 (diff)
small changes
Diffstat (limited to 'src/client/views/animationtimeline/Timeline.tsx')
-rw-r--r--src/client/views/animationtimeline/Timeline.tsx15
1 files changed, 7 insertions, 8 deletions
diff --git a/src/client/views/animationtimeline/Timeline.tsx b/src/client/views/animationtimeline/Timeline.tsx
index f74d4c71e..5d5e78652 100644
--- a/src/client/views/animationtimeline/Timeline.tsx
+++ b/src/client/views/animationtimeline/Timeline.tsx
@@ -453,7 +453,7 @@ export class Timeline extends React.Component<FieldViewProps> {
</div>
<div className="time-box overview-tool" style={{ display: this._timelineVisible ? "flex" : "none" }}>
<div key="time-text" className="animation-text" style={{ visibility: this.props.Document.isATOn ? "visible" : "hidden", display: this.props.Document.isATOn ? "flex" : "none" }}>{lengthString}</div>
- <input className="time-input" style={{ visibility: this.props.Document.isATOn ? "visible" : "hidden", display: this.props.Document.isATOn ? "flex" : "none" }} placeholder={String(Math.floor(this._time) / 1000) + " s"} ref={this._timeInputRef} onKeyDown={this.onTimeInput} />
+ <input className="time-input" disabled style={{ visibility: this.props.Document.isATOn ? "visible" : "hidden", display: this.props.Document.isATOn ? "flex" : "none" }} placeholder={String(Math.floor(this._time) / 1000) + " s"} ref={this._timeInputRef} onKeyDown={this.onTimeInput} />
<div style={{ width: "100%", display: !this.props.Document.isATOn ? "flex" : "none" }}>Current: {this.getCurrentTime()}</div>
</div>
</div>
@@ -466,12 +466,12 @@ export class Timeline extends React.Component<FieldViewProps> {
*/
@action
private onTimeInput = (e: React.KeyboardEvent) => {
- if (e.keyCode === 13) {
- let timeInput = this._timeInputRef.current!;
- this._time = parseInt(timeInput.value, 10);
- this._totalLength = KeyframeFunc.convertPixelTime(this._time, "mili", "pixel", this._tickSpacing, this._tickIncrement);
- this.props.Document.AnimationLength = this._time;
- }
+ // if (e.keyCode === 13) {
+ // let timeInput = this._timeInputRef.current!;
+ // this._time = parseInt(timeInput.value, 10);
+ // this._totalLength = KeyframeFunc.convertPixelTime(this._time, "mili", "pixel", this._tickSpacing, this._tickIncrement);
+ // this.props.Document.AnimationLength = this._time;
+ // }
}
@@ -535,7 +535,6 @@ export class Timeline extends React.Component<FieldViewProps> {
* basically the only thing you need to edit besides render methods in track (individual track lines) and keyframe (green region)
*/
render() {
- console.log(this.props.Document.isATOn);
runInAction(() => {
this._panelWidth = this.props.PanelWidth();
this.changeLenths();