Ainias/wordRotator
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

LineNumberSegment angepasst

Browse Source
This commit is contained in:
silas
2018-10-24 23:28:56 +02:00
parent 9cdd126a5d
commit b1bfeaffc1
5 changed files with 97 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@@ -55,7 +55,7 @@
</div>
<nav class="top-bar title-bar">
<div class="row">
<div class="row relative">
<div class="top-bar-title">
<strong>
<a class="hidden-link" href=".">
@@ -64,7 +64,7 @@
</a>
</strong>
</div>
<span id='level-number-container'>
<span id='level-number-container' >
<span id='level-number'></span>
</span>
<span data-responsive-toggle="responsive-menu" id="responsive-menu-toggle" class="right" data-hide-for="always"

27
public/js/app.js
View File

@@ -5458,6 +5458,10 @@ class ParentSegment extends Segment {
ParentSegment.mouseDownTarget = e.targetTouches[0].target;
ParentSegment.clickPosition = {x: e.targetTouches[0].pageX, y: e.targetTouches[0].pageY};
}
else if (Array.isArray(e.path) && e.path.length >= 1) {
ParentSegment.mouseDownTarget = e.path[0];
ParentSegment.clickPosition = null;
}
});
window.addEventListener("touchend", (e) => {
ParentSegment.mouseDownTarget = null;
@@ -5478,16 +5482,21 @@ class ParentSegment extends Segment {
let self = this;
this.touchendListener = function (e) {
console.log("touchend", e);
let target = null;
let position = null;
if (e.changedTouches.length >= 1) {
let target = document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
if (e.targetTouches.length === 0 && e.changedTouches.length === 1 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(target)) {
let position = {x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY};
self.getLevel().segmentClickedListener(self);
self.rotate(ParentSegment.mouseDownTarget, target, ParentSegment.clickPosition, position);
e.stopPropagation();
e.preventDefault();
}
target = document.elementFromPoint(e.changedTouches[0].pageX, e.changedTouches[0].pageY);
position = {x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY};
}
else if (Array.isArray(e.path) && e.path.length >= 1) {
target = e.path[0];
}
if (e.targetTouches.length === 0 && self.element.contains(ParentSegment.mouseDownTarget) && self.element.contains(target)) {
self.getLevel().segmentClickedListener(self);
self.rotate(ParentSegment.mouseDownTarget, target, ParentSegment.clickPosition, position);
e.stopPropagation();
e.preventDefault();
}
};
this.mouseupListener = function (e) {