diff options
Diffstat (limited to 'src/client/views/nodes/AudioResizer.tsx')
| -rw-r--r-- | src/client/views/nodes/AudioResizer.tsx | 48 |
1 files changed, 0 insertions, 48 deletions
diff --git a/src/client/views/nodes/AudioResizer.tsx b/src/client/views/nodes/AudioResizer.tsx deleted file mode 100644 index f9ab8353f..000000000 --- a/src/client/views/nodes/AudioResizer.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { observer } from "mobx-react" -import React = require("react"); -import "./AudioResizer.scss"; - -@observer -export class AudioResizer extends React.Component { - private _isPointerDown = false; - - onPointerDown = (e: React.PointerEvent): void => { - e.stopPropagation(); - e.preventDefault(); - this._isPointerDown = true; - console.log("click"); - - document.removeEventListener("pointermove", this.onPointerMove); - document.addEventListener("pointermove", this.onPointerMove); - document.removeEventListener("pointerup", this.onPointerUp); - document.addEventListener("pointerup", this.onPointerUp); - } - - onPointerUp = (e: PointerEvent): void => { - e.stopPropagation(); - e.preventDefault(); - this._isPointerDown = false; - - document.removeEventListener("pointermove", this.onPointerMove); - document.removeEventListener("pointerup", this.onPointerUp); - } - - onPointerMove = (e: PointerEvent): void => { - e.stopPropagation(); - e.preventDefault(); - console.log("drag"); - - if (!this._isPointerDown) { - return; - } - - let resize = document.getElementById("resizer"); - if (resize) { - resize.style.right += e.movementX; - } - } - - render() { - return <div className="resizer" onPointerDown={this.onPointerDown}></div> - } -}
\ No newline at end of file |
