YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #107 from nicofrand/fixRefreshOnTouchmove

Browse source 
Fix refresh on touchmove
This commit is contained in:
Bram 2018-09-11 08:03:33 +02:00 committed by GitHub
commit ba2773b127
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
portal/assets/js/ynhpanel.js
View file

@ -90,9 +90,14 @@ Element.toggleClass = function(element, className) {
/* Add Event /* Add Event
https://github.com/Darklg/JavaScriptUtilities/blob/master/assets/js/vanilla-js/libs/vanilla-events.js https://github.com/Darklg/JavaScriptUtilities/blob/master/assets/js/vanilla-js/libs/vanilla-events.js
-------------------------- */ -------------------------- */
window.addEvent = function(el, eventName, callback) { window.addEvent = function(el, eventName, callback, options) {
if (el.addEventListener) { if (el.addEventListener) {
el.addEventListener(eventName, callback, false); if (!options || typeof(options) !== "object") {
options = {};
}
options.capture = false;
el.addEventListener(eventName, callback, options);
} }
else if (el.attachEvent) { else if (el.attachEvent) {
el.attachEvent("on" + eventName, function(e) { el.attachEvent("on" + eventName, function(e) {
@ -142,12 +147,15 @@ var dragg = function(id) {
x_pos = document.all ? window.event: e.pageX; x_pos = document.all ? window.event: e.pageX;
y_pos = document.all ? window.event : e.pageY; y_pos = document.all ? window.event : e.pageY;
if (e.type === "touchmove"){ if (e.type === "touchmove") {
x_pos = e.touches[0].clientX; x_pos = e.touches[0].clientX;
y_pos = e.touches[0].clientY; y_pos = e.touches[0].clientY;
} }
if (selected !== null) { if (selected !== null) {
if (e.type === "touchmove"){
event.preventDefault();
}
dragged = true; dragged = true;
selected.style.left = (x_pos - x_elem) + 'px'; selected.style.left = (x_pos - x_elem) + 'px';
selected.style.top = (y_pos - y_elem) + 'px'; selected.style.top = (y_pos - y_elem) + 'px';
@ -165,7 +173,7 @@ var dragg = function(id) {
// Will be called when user dragging an element // Will be called when user dragging an element
window.addEvent(window, 'mousemove', _onMove); window.addEvent(window, 'mousemove', _onMove);
window.addEvent(window, 'touchmove', _onMove); window.addEvent(window, 'touchmove', _onMove, {passive: false});
// Destroy the object when we are done // Destroy the object when we are done
window.addEvent(window, 'mouseup', _shutDrag); window.addEvent(window, 'mouseup', _shutDrag);