blob: 13444af63f4e444a888c8cbd18736bf012750a31 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
//Copyright Chris Xiong 2017
//License: Expat (MIT)
var fold=true;
function setupevents()
{
window.ontouchstart=function(e)
{
x1=e.touches[0].screenX;
y1=e.touches[0].screenY;
}
window.ontouchmove=function(e)
{
x2=e.touches[0].screenX;
y2=e.touches[0].screenY;
}
window.ontouchend=function(e)
{
x2=e.changedTouches[0].screenX;
y2=e.changedTouches[0].screenY;
if(Math.abs(x1-x2)<20&&Math.abs(y1-y2)<20)
{
if(x2<document.getElementById("panel").getClientRects()[0].right&&fold)
{document.getElementById("panel").style.left="0";fold=false;}
if(x2>document.getElementById("panel").getClientRects()[0].right&&!fold)
{document.getElementById("panel").style.left="-15em";fold=true;}
}
if(x2-x1>window.innerWidth*0.2)
{document.getElementById("panel").style.left="0";fold=false;}
if(x1-x2>window.innerWidth*0.2)
{document.getElementById("panel").style.left="-15em";fold=true;}
}
document.getElementById("panel").onmouseenter=function()
{
if(fold)
{document.getElementById("panel").style.left="0";fold=false;}
}
document.getElementById("panel").onmouseleave=function()
{
if(!fold)
{document.getElementById("panel").style.left="-15em";fold=true;}
}
document.getElementById("panel").classList.remove("collapsed");
document.getElementById("content").classList.remove("expanded");
}
function unsetevents()
{
window.ontouchstart=undefined;
window.ontouchmove=undefined;
window.ontouchend=undefined;
const p=document.getElementById("panel");
p.onmouseenter=undefined;
p.onmouseleave=undefined;
p.style.left=null;
if (!p.classList.contains("collapsed"))
document.getElementById("paneltoggle").innerHTML="«";
}
function togglepanel()
{
let c = document.getElementById("panel").classList.toggle("collapsed");
if (c) document.getElementById("content").classList.add("expanded");
else document.getElementById("content").classList.remove("expanded");
document.getElementById("paneltoggle").innerHTML=c?"»":"«";
}
|
