aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/AudioResizer.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/AudioResizer.tsx')
-rw-r--r--src/client/views/nodes/AudioResizer.tsx48
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