diff options
| author | Andrew Kim <andrewdkim@users.noreply.github.com> | 2019-08-19 00:25:14 -0400 |
|---|---|---|
| committer | Andrew Kim <andrewdkim@users.noreply.github.com> | 2019-08-19 00:25:14 -0400 |
| commit | 1b7e8873ead3cc15349bd4c9e669f3b1edcbbc2b (patch) | |
| tree | 6b511a58ac3a8f36603e649d9d09442196b6ed34 /src/client/views/animationtimeline/TimelineMenu.tsx | |
| parent | 8ab017ac1928db4a9a9f8eb6b579245814cde725 (diff) | |
updates
Diffstat (limited to 'src/client/views/animationtimeline/TimelineMenu.tsx')
| -rw-r--r-- | src/client/views/animationtimeline/TimelineMenu.tsx | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/client/views/animationtimeline/TimelineMenu.tsx b/src/client/views/animationtimeline/TimelineMenu.tsx index 3e63eec61..572b35b90 100644 --- a/src/client/views/animationtimeline/TimelineMenu.tsx +++ b/src/client/views/animationtimeline/TimelineMenu.tsx @@ -31,31 +31,31 @@ export class TimelineMenu extends React.Component { closeMenu = () => { this._opacity = 0; this._currentMenu = []; + this._x = -1000000; + this._y = -1000000; } + @action addItem = (type: "input" | "button", title: string, event: (e:any) => void) => { if (type === "input"){ - let ref = React.createRef<HTMLInputElement>(); - return <div className="timeline-menu-item"><FontAwesomeIcon icon={faClipboard} size="lg"/><input className="timeline-menu-input" ref = {ref} placeholder={title} onChange={(e) => { + let inputRef = React.createRef<HTMLInputElement>(); + this._currentMenu.push( <div className="timeline-menu-item"><FontAwesomeIcon icon={faClipboard} size="lg"/><input className="timeline-menu-input" ref = {inputRef} placeholder={title} onChange={(e) => { let text = e.target.value; document.addEventListener("keypress", (e:KeyboardEvent) => { if (e.keyCode === 13) { event(text); } }); - }}/></div>; + }}/></div>); } else if (type === "button") { - let ref = React.createRef<HTMLDivElement>(); - return <div className="timeline-menu-item"><FontAwesomeIcon icon={faChartLine}size="lg"/><p className="timeline-menu-desc" onClick={event}>{title}</p></div>; + let buttonRef = React.createRef<HTMLDivElement>(); + this._currentMenu.push( <div className="timeline-menu-item"><FontAwesomeIcon icon={faChartLine}size="lg"/><p className="timeline-menu-desc" onClick={event}>{title}</p></div>); } - return <div></div>; } @action - addMenu = (title:string, items: JSX.Element[]) => { - items.unshift(<div className="timeline-menu-header"><p className="timeline-menu-header-desc">{title}</p></div>); - this._currentMenu = items; - + addMenu = (title:string) => { + this._currentMenu.unshift(<div className="timeline-menu-header"><p className="timeline-menu-header-desc">{title}</p></div>); } render() { |
