hina/MMM-HomeAssistant-Touch
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adds touch events for covers and fixes bug

Browse Source
This commit is contained in:
Mathias Scherer 2021-04-04 22:35:25 +02:00
parent 5458ee0654
commit 586c7a39d8
No known key found for this signature in database
GPG Key ID: 6A618EAA2BC2C1E5
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
UIClasses/Cover.js
View File

@ -10,9 +10,11 @@ class Cover extends Base {
entity.onmousedown = (event) => {
this.addSlider(event.x, event.y);
};
entity.onmouseup = () => {
this.removeSlider();
};
entity.onpointerdown = (event) => {
this.addSlider(event.x, event.y)
}
entity.onmouseup = this.removeSlider
entity.ontouchend = this.removeSlider
return entity;
}
@ -50,7 +52,9 @@ class Cover extends Base {
document.body.appendChild(slider);
document.body.addEventListener("mouseup", this.removeSlider);
document.body.addEventListener("touchend", this.removeSlider)
document.body.addEventListener("mousemove", this.onSliderMove);
document.body.addEventListener("touchmove", this.onSliderMove);
this.sliderStartY = offsetY;
this.sliderState = this.state;
@ -61,6 +65,8 @@ class Cover extends Base {
if (sliderFill) {
const offset = this.sliderStartY - event.y;
this.sliderState = this.state + Math.round((100 / 200) * offset);
if(this.sliderState > 100) this.sliderState = 100
if(this.sliderState < 0) this.sliderState = 0
sliderFill.style.height = `${this.sliderState}%`;
sliderFill.innerHTML = this.sliderState;
}
@ -72,7 +78,9 @@ class Cover extends Base {
slider.remove();
}
document.body.removeEventListener("mouseup", this.removeSlider);
document.body.removeEventListener("touchend", this.removeSlider)
document.body.removeEventListener("mousemove", this.onSliderMove);
document.body.removeEventListener("touchmove", this.onSliderMove);
this.sendNewState();
}