Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: Allow mouse to resize chat drawer on touch devices (#23061)

This commit is contained in:
Jan Cernik 2023-08-18 05:02:11 -03:00 committed by GitHub
parent 7c8e978b54
commit b2dc2d1063
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 21 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
plugins/chat/assets/javascripts/discourse/modifiers/chat/resizable-node.js
View File

@ -1,13 +1,10 @@
import Modifier from "ember-modifier";
import { registerDestructor } from "@ember/destroyable";
import { bind } from "discourse-common/utils/decorators";
import { inject as service } from "@ember/service";
const MINIMUM_SIZE = 20;
export default class ResizableNode extends Modifier {
@service capabilities;
element = null;
resizerSelector = null;
didResizeContainer = null;
@ -34,27 +31,21 @@ export default class ResizableNode extends Modifier {
options
);
if (this.capabilities.touch) {
this.element
.querySelector(this.resizerSelector)
?.addEventListener("touchstart", this._startResize);
} else {
this.element
.querySelector(this.resizerSelector)
?.addEventListener("mousedown", this._startResize);
}
this.element
.querySelector(this.resizerSelector)
?.addEventListener("touchstart", this._startResize);
this.element
.querySelector(this.resizerSelector)
?.addEventListener("mousedown", this._startResize);
}
cleanup() {
if (this.capabilities.touch) {
this.element
.querySelector(this.resizerSelector)
?.addEventListener("touchstart", this._startResize);
} else {
this.element
.querySelector(this.resizerSelector)
?.removeEventListener("mousedown", this._startResize);
}
this.element
.querySelector(this.resizerSelector)
?.addEventListener("touchstart", this._startResize);
this.element
.querySelector(this.resizerSelector)
?.removeEventListener("mousedown", this._startResize);
}
@bind
@ -77,13 +68,10 @@ export default class ResizableNode extends Modifier {
this._originalPageX = this._eventValueForProperty(event, "pageX");
this._originalPageY = this._eventValueForProperty(event, "pageY");
if (this.capabilities.touch) {
window.addEventListener("touchmove", this._resize);
window.addEventListener("touchend", this._stopResize);
} else {
window.addEventListener("mousemove", this._resize);
window.addEventListener("mouseup", this._stopResize);
}
window.addEventListener("touchmove", this._resize);
window.addEventListener("touchend", this._stopResize);
window.addEventListener("mousemove", this._resize);
window.addEventListener("mouseup", this._stopResize);
}
/*
@ -154,17 +142,14 @@ export default class ResizableNode extends Modifier {
@bind
_stopResize() {
if (this.capabilities.touch) {
window.removeEventListener("touchmove", this._resize);
window.removeEventListener("touchend", this._stopResize);
} else {
window.removeEventListener("mousemove", this._resize);
window.removeEventListener("mouseup", this._stopResize);
}
window.removeEventListener("touchmove", this._resize);
window.removeEventListener("touchend", this._stopResize);
window.removeEventListener("mousemove", this._resize);
window.removeEventListener("mouseup", this._stopResize);
}
_eventValueForProperty(event, property) {
if (this.capabilities.touch) {
if (event.changedTouches) {
return event.changedTouches[0][property];
} else {
return event[property];