Doni/ModelHandle
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Create function from splitter class.

Browse Source
This commit is contained in:
kovacsv 2021-11-06 08:36:34 +01:00
parent c088ab205f
commit 316c722390
2 changed files with 21 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/o3dv/js/navigator.js
View File

@ -86,7 +86,7 @@ OV.Navigator = class
});
let originalWidth = null;
new OV.VerticalSplitter (this.splitterDiv, {
OV.CreateVerticalSplitter (this.splitterDiv, {
onSplitStart : () => {
originalWidth = this.mainDiv.outerWidth (true);
},

57
website/o3dv/js/splitter.js
View File

@ -1,43 +1,26 @@
OV.VerticalSplitter = class
OV.CreateVerticalSplitter = function (splitterDiv, callbacks)
{
constructor (splitterDiv, callbacks)
{
this.callbacks = callbacks;
this.mouseMoveHandler = (ev) => {
this.OnMouseMove (ev);
};
this.mouseUpHandler = () => {
this.OnMouseUp ();
};
splitterDiv.mousedown ((ev) => {
this.OnMouseDown (ev);
});
this.originalPosition = null;
}
let originalPosition = null;
OnMouseDown (ev)
{
this.originalPosition = ev.clientX;
this.callbacks.onSplitStart ();
document.addEventListener ('mousemove', this.mouseMoveHandler);
document.addEventListener ('mouseup', this.mouseUpHandler);
document.addEventListener ('mouseleave', this.mouseUpHandler);
}
OnMouseMove (ev)
{
let mouseMoveHandler = (ev) => {
ev.preventDefault ();
const diff = ev.clientX - this.originalPosition;
this.callbacks.onSplit (diff);
}
const diff = ev.clientX - originalPosition;
callbacks.onSplit (diff);
};
OnMouseUp ()
{
document.removeEventListener ('mousemove', this.mouseMoveHandler);
document.removeEventListener ('mouseup', this.mouseUpHandler);
document.removeEventListener ('mouseleave', this.mouseUpHandler);
let mouseUpHandler = () => {
document.removeEventListener ('mousemove', mouseMoveHandler);
document.removeEventListener ('mouseup', mouseUpHandler);
document.removeEventListener ('mouseleave', mouseUpHandler);
originalPosition = null;
};
this.originalPosition = null;
}
splitterDiv.mousedown ((ev) => {
originalPosition = ev.clientX;
callbacks.onSplitStart ();
document.addEventListener ('mousemove', mouseMoveHandler);
document.addEventListener ('mouseup', mouseUpHandler);
document.addEventListener ('mouseleave', mouseUpHandler);
});
};