mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-20 21:22:26 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix mobile add folder button

Browse source
This commit is contained in:
Til Schmitter 2026-04-11 02:27:32 +02:00
parent 8b8ae57b44
commit 40fbb3d997
1 changed files with 68 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

135
copyparty/web/browser.js
View file

@ -760,6 +760,61 @@ ebi('ops').innerHTML = (
'<div id="opdesc"></div>' '<div id="opdesc"></div>'
); );
// mkdir + md
function mktemp(is_dir) {
qsr('#rcm_tmp');
if (!thegrid.en) {
var row = mknod('tr', 'rcm_tmp',
'<td>-new-</td><td colspan="' + (QSA("#files thead th").length - 1) + '"><input id="tempname" class="i" type="text" placeholder="' + (is_dir ? 'Folder' : 'File') + ' Name"></td>');
QS("#files tbody").appendChild(row);
}
else {
var row = mknod('a', 'rcm_tmp',
'<span class="dir" style="align-self:end"><input id="tempname" class="dir" type="text" placeholder="' + (is_dir ? 'Folder' : 'File') + ' Name"></span>');
if (is_dir)
row.className = 'dir';
row.style.display = 'flex';
QS("#ggrid").appendChild(row);
}
function sendit(name) {
name = ('' + name).trim();
if (!name)
return;
var data = new FormData();
data.set("act", is_dir ? "mkdir" : "new_md");
data.set("name", name);
var req = new XHR();
req.open("POST", get_evpath());
req.onload = req.onerror = function() {
if (req.status == 405 || req.status == 500)
return toast.err(3, "a " + (is_dir ? "folder" : "file") + " with that name already exists.");
if (req.status < 200 || req.status > 399)
return toast.err(3, "couldn't create " + (is_dir ? "folder" : "file") + ": <br><code>" + esc(req.responseText) + '</code>');
treectl.goto();
};
req.send(data);
}
var input = ebi("tempname");
input.onblur = function() {
sendit(input.value);
// Chrome blurs elements when calling remove for some reason
input.onblur = null;
row.remove();
};
input.onkeydown = function(e) {
if (e.key == "Enter")
sendit(input.value);
if (e.key == "Enter" || e.key == "Escape") {
input.onblur = null;
row.remove();
ev(e);
}
};
input.focus();
}
// media player // media player
@ -1189,6 +1244,17 @@ ebi('rcm').innerHTML = (
modalopen('cfg') modalopen('cfg')
e.stopPropagation(); e.stopPropagation();
}; };
// new file
ebi('opa_md').onclick = function(){
mktemp();
}
// new folder
ebi('opa_mkd').onclick = function(){
mktemp(true);
}
})(); })();
function modalopen(dest){ function modalopen(dest){
@ -5897,8 +5963,8 @@ var thegrid = (function () {
var ths = QSA('#ggrid>a'); var ths = QSA('#ggrid>a');
for (var a = 0, aa = ths.length; a < aa; a++) { for (var a = 0, aa = ths.length; a < aa; a++) {
var tr = ebi(ths[a].getAttribute('ref')).closest('tr'), var tr = ebi(ths[a].getAttribute('ref'))?.closest('tr'),
cl = tr.className || ''; cl = tr?.className || '';
if (noq_href(ths[a]).endsWith('/')) if (noq_href(ths[a]).endsWith('/'))
cl += ' dir'; cl += ' dir';
@ -9898,71 +9964,6 @@ var rcm = (function () {
}; };
var selFile = jcp(nsFile); var selFile = jcp(nsFile);
function mktemp(is_dir) {
qsr('#rcm_tmp');
if (!thegrid.en) {
var row = mknod('tr', 'rcm_tmp',
'<td>-new-</td><td colspan="' + (QSA("#files thead th").length - 1) + '"><input id="tempname" class="i" type="text" placeholder="' + (is_dir ? 'Folder' : 'File') + ' Name"></td>');
QS("#files tbody").appendChild(row);
}
else {
var row = mknod('a', 'rcm_tmp',
'<span class="dir" style="align-self:end"><input id="tempname" class="dir" type="text" placeholder="' + (is_dir ? 'Folder' : 'File') + ' Name"></span>');
if (is_dir)
row.className = 'dir';
row.style.display = 'flex';
QS("#ggrid").appendChild(row);
}
function sendit(name) {
name = ('' + name).trim();
if (!name)
return;
var data = new FormData();
data.set("act", is_dir ? "mkdir" : "new_md");
data.set("name", name);
var req = new XHR();
req.open("POST", get_evpath());
req.onload = req.onerror = function() {
if (req.status == 405 || req.status == 500)
return toast.err(3, "a " + (is_dir ? "folder" : "file") + " with that name already exists.");
if (req.status < 200 || req.status > 399)
return toast.err(3, "couldn't create " + (is_dir ? "folder" : "file") + ": <br><code>" + esc(req.responseText) + '</code>');
treectl.goto();
};
req.send(data);
}
var input = ebi("tempname");
input.onblur = function() {
sendit(input.value);
// Chrome blurs elements when calling remove for some reason
input.onblur = null;
row.remove();
};
input.onkeydown = function(e) {
if (e.key == "Enter")
sendit(input.value);
if (e.key == "Enter" || e.key == "Escape") {
input.onblur = null;
row.remove();
ev(e);
}
};
input.focus();
}
// new file
ebi('opa_md').onclick = function(){
mktemp();
}
// new file
ebi('opa_mkd').onclick = function(){
mktemp(true);
}
var opts = QSA('#rcm a'); var opts = QSA('#rcm a');
for (var i = 0; i < opts.length; i++) { for (var i = 0; i < opts.length; i++) {
opts[i].onclick = function(e) { opts[i].onclick = function(e) {