mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2025-08-18 01:22:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix zip touch events on iOS

Browse source
This commit is contained in:
ed 2021-04-03 02:52:19 +02:00
parent 9761b4e3e9
commit 302302a2ac
5 changed files with 41 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
README.md
View file

@ -199,25 +199,28 @@ copyparty can invoke external programs to collect additional metadata for files
# browser support # browser support
| feature | ie6 | ie9 | ie10 | ie11 | ff 52+ | chr 49+ | `ie`internet-explorer, `ff`firefox, `chr`chrome, `iOS`iPhone/iPad, `Andr`Android
| --------------- | --- | --- | ---- | ---- | ------ | ------- |
| browse files | yep | yep | yep | yep | yep | yep | | feature | ie6 | ie9 | ie10 | ie11 | ff 52+ | chr 49+ | iOS | Andr |
| basic uploader | yep | yep | yep | yep | yep | yep | | --------------- | --- | --- | ---- | ---- | ------ | ------- | --- | ---- |
| make directory | yep | yep | yep | yep | yep | yep | | browse files | yep | yep | yep | yep | yep | yep | yep | yep |
| send message | yep | yep | yep | yep | yep | yep | | basic uploader | yep | yep | yep | yep | yep | yep | yep | yep |
| set sort order | - | yep | yep | yep | yep | yep | | make directory | yep | yep | yep | yep | yep | yep | yep | yep |
| zip selection | - | yep | yep | yep | yep | yep | | send message | yep | yep | yep | yep | yep | yep | yep | yep |
| directory tree | - | - | `*1` | yep | yep | yep | | set sort order | - | yep | yep | yep | yep | yep | yep | yep |
| up2k | - | - | yep | yep | yep | yep | | zip selection | - | yep | yep | yep | yep | yep | yep | yep |
| icons work | - | - | yep | yep | yep | yep | | directory tree | - | - | `*1` | yep | yep | yep | yep | yep |
| markdown editor | - | - | yep | yep | yep | yep | | up2k | - | - | yep | yep | yep | yep | yep | yep |
| markdown viewer | - | - | yep | yep | yep | yep | | icons work | - | - | yep | yep | yep | yep | yep | yep |
| play mp3/mp4 | - | yep | yep | yep | yep | yep | | markdown editor | - | - | yep | yep | yep | yep | yep | yep |
| play ogg/opus | - | - | - | - | yep | yep | | markdown viewer | - | - | yep | yep | yep | yep | yep | yep |
| play mp3/m4a | - | yep | yep | yep | yep | yep | yep | yep |
| play ogg/opus | - | - | - | - | yep | yep | `*2` | yep |
* internet explorer 6 to 8 (and netscape 4.0) behave the same * internet explorer 6 to 8 (and netscape 4.0) behave the same
* firefox 52 and chrome 49 are the last winxp versions * firefox 52 and chrome 49 are the last winxp versions
* `*1` only public folders (login session is dropped) and no history / back-button * `*1` only public folders (login session is dropped) and no history / back-button
* `*2` using a wasm decoder which can sometimes get stuck and consumes a bit more power
# client examples # client examples

24
copyparty/web/browser.css
View file

@ -243,7 +243,7 @@ a, #files tbody div a:last-child {
height: 100%; height: 100%;
background: #3c3c3c; background: #3c3c3c;
} }
#wtoggle { #wtico {
cursor: url(/.cpr/dd/1.png), pointer; cursor: url(/.cpr/dd/1.png), pointer;
animation: cursor 500ms infinite; animation: cursor 500ms infinite;
} }
@ -273,24 +273,32 @@ a, #files tbody div a:last-child {
padding: .2em 0 0 .07em; padding: .2em 0 0 .07em;
color: #fff; color: #fff;
} }
#wtoggle>span { #wzip {
display: none; display: none;
margin-right: .3em;
padding-right: .3em;
border-right: .1em solid #555;
}
#wtoggle,
#wtoggle * {
line-height: 1em;
} }
#wtoggle.sel { #wtoggle.sel {
width: 4.27em; width: 6em;
} }
#wtoggle.sel>span { #wtoggle.sel #wzip {
display: inline-block; display: inline-block;
line-height: 0;
} }
#wtoggle.sel>span a { #wtoggle.sel #wzip a {
font-size: .4em; font-size: .4em;
margin: -.3em 0; padding: 0 .3em;
margin: -.3em .2em;
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
#wtoggle.sel>span #selzip { #wtoggle.sel #wzip #selzip {
top: -.6em; top: -.6em;
padding: .4em .3em;
} }
#barpos, #barpos,
#barbuf { #barbuf {

4
copyparty/web/browser.html
View file

@ -113,12 +113,12 @@
<div id="widget"> <div id="widget">
<div id="wtoggle"> <div id="wtoggle">
<span> <span id="wzip">
<a href="#" id="selall">sel.<br />all</a> <a href="#" id="selall">sel.<br />all</a>
<a href="#" id="selinv">sel.<br />inv.</a> <a href="#" id="selinv">sel.<br />inv.</a>
<a href="#" id="selzip">zip</a> <a href="#" id="selzip">zip</a>
</span> </span>
♫ <a href="#" id="wtico">♫</a>
</div> </div>
<div id="widgeti"> <div id="widgeti">
<div id="pctl"><a href="#" id="bprev">⏮</a><a href="#" id="bplay">▶</a><a href="#" id="bnext">⏭</a></div> <div id="pctl"><a href="#" id="bprev">⏮</a><a href="#" id="bplay">▶</a><a href="#" id="bnext">⏭</a></div>

11
copyparty/web/browser.js
View file

@ -75,7 +75,7 @@ makeSortable(ebi('files'), mp.read_order.bind(mp));
var widget = (function () { var widget = (function () {
var ret = {}; var ret = {};
var widget = ebi('widget'); var widget = ebi('widget');
var wtoggle = ebi('wtoggle'); var wtico = ebi('wtico');
var touchmode = false; var touchmode = false;
var side_open = false; var side_open = false;
var was_paused = true; var was_paused = true;
@ -113,14 +113,7 @@ var widget = (function () {
return false; return false;
}; };
if (window.Touch) { wtico.onclick = click_handler;
var touch_handler = function (e) {
touchmode = true;
return ret.toggle(e);
};
wtoggle.addEventListener('touchstart', touch_handler, false);
}
wtoggle.onclick = click_handler;
return ret; return ret;
})(); })();

3
copyparty/web/util.js
View file

@ -6,6 +6,9 @@ if (!window['console'])
}; };
var clickev = window.Touch ? 'touchstart' : 'click';
// error handler for mobile devices // error handler for mobile devices
function hcroak(msg) { function hcroak(msg) {
document.body.innerHTML = msg; document.body.innerHTML = msg;