Свойства
@@ -458,7 +508,7 @@
'
' +
(isZip?' ':'') +
(e.is_dir?'':' '+ICON_DL+'') +
- ' ' +
+ ' ' +
' ' +
' | ';
const nm = tr.querySelector('.nm');
@@ -1087,12 +1137,110 @@
}
}
- async function move(e) {
- const dst = prompt('Переместить / переименовать в (полный путь):', join(cwd, e.name));
- if (!dst) return;
- const r = await api('move', {src: join(cwd, e.name), dst});
- r.ok ? (toast('перемещено'), load(cwd)) : toast(r.error||'ошибка', true);
+ // ---------- Move or copy ----------
+ const M = { src: '', op: 'move', sug: [], sel: -1, seq: 0 };
+ const dirCache = new Map(); // folder -> {at, names} of its subfolders
+ // Lists a folder for the suggestions, quietly: no spinner, kept a little.
+ async function subdirs(path) {
+ const c = dirCache.get(path);
+ if (c && Date.now() - c.at < 30000) return c.names;
+ try {
+ const r = await fetch('/api/panel/agents/' + encodeURIComponent(agentID) + '/fs/list', {
+ method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({path})
+ }).then(r => r.json());
+ const names = r.ok ? (r.data.entries || []).filter(e => e.is_dir).map(e => e.name).sort(byNameStr) : [];
+ dirCache.set(path, {at: Date.now(), names});
+ return names;
+ } catch (e) { return []; }
}
+ const byNameStr = (a, b) => a.localeCompare(b, undefined, {numeric: true, sensitivity: 'base'});
+ function setOp(op) {
+ M.op = op;
+ document.querySelectorAll('#mv-op button').forEach(b => { b.classList.toggle('on', b.dataset.op === op); b.setAttribute('aria-checked', b.dataset.op === op); });
+ $('mv-go').textContent = op === 'move' ? 'Переместить' : 'Копировать';
+ }
+ document.querySelectorAll('#mv-op button').forEach(b => b.onclick = () => setOp(b.dataset.op));
+ // Suggestions: the subfolders of what is typed, matching its last part.
+ async function suggest() {
+ const v = $('mv-dir').value, seq = ++M.seq;
+ const i = v.lastIndexOf('/');
+ const parent = i <= 0 ? '/' : v.slice(0, i), pre = v.slice(i + 1).toLowerCase();
+ const names = await subdirs(parent);
+ if (seq !== M.seq) return;
+ M.sug = names.filter(n => n.toLowerCase().startsWith(pre)).slice(0, 60)
+ .map(n => (parent === '/' ? '' : parent) + '/' + n + '/');
+ M.sel = -1;
+ showSug();
+ }
+ function showSug() {
+ const ul = $('mv-sug');
+ ul.innerHTML = '';
+ M.sug.forEach((full, k) => {
+ const li = document.createElement('li');
+ const cut = full.slice(0, -1).lastIndexOf('/') + 1;
+ li.innerHTML = '
';
+ li.firstChild.textContent = full.slice(0, cut);
+ li.lastChild.textContent = full.slice(cut);
+ if (k === M.sel) li.className = 'sel';
+ li.onmousedown = ev => { ev.preventDefault(); pick(k); };
+ ul.appendChild(li);
+ });
+ ul.hidden = !M.sug.length || document.activeElement !== $('mv-dir');
+ const sel = ul.children[M.sel];
+ if (sel) sel.scrollIntoView({block: 'nearest'});
+ }
+ function pick(k) {
+ $('mv-dir').value = M.sug[k];
+ suggest();
+ }
+ let sugTimer = null;
+ $('mv-dir').addEventListener('input', () => { clearTimeout(sugTimer); sugTimer = setTimeout(suggest, 120); });
+ $('mv-dir').addEventListener('focus', suggest);
+ $('mv-dir').addEventListener('blur', () => setTimeout(() => { $('mv-sug').hidden = true; }, 100));
+ $('mv-dir').addEventListener('keydown', ev => {
+ const open = !$('mv-sug').hidden && M.sug.length;
+ if (ev.key === 'ArrowDown' && open) { ev.preventDefault(); M.sel = (M.sel + 1) % M.sug.length; showSug(); }
+ else if (ev.key === 'ArrowUp' && open) { ev.preventDefault(); M.sel = (M.sel - 1 + M.sug.length) % M.sug.length; showSug(); }
+ else if ((ev.key === 'Tab' || ev.key === 'Enter') && open && (M.sel >= 0 || ev.key === 'Tab')) { ev.preventDefault(); pick(Math.max(0, M.sel)); }
+ else if (ev.key === 'Enter') { ev.preventDefault(); $('mv-go').click(); }
+ else if (ev.key === 'Escape' && open) { ev.preventDefault(); ev.stopPropagation(); $('mv-sug').hidden = true; }
+ });
+ $('mv-name').addEventListener('keydown', ev => { if (ev.key === 'Enter') { ev.preventDefault(); $('mv-go').click(); } });
+
+ function move(e) {
+ M.src = join(cwd, e.name);
+ $('mv-src').textContent = M.src + (e.is_dir ? '/' : '');
+ setOp('move');
+ $('mv-dir').value = cwd === '/' ? '/' : cwd + '/';
+ $('mv-name').value = e.name;
+ $('mv-conflict').value = 'error';
+ dirCache.clear();
+ openModal($('mvdlg'));
+ $('mv-dir').focus();
+ const end = $('mv-dir').value.length;
+ $('mv-dir').setSelectionRange(end, end);
+ }
+ $('mv-go').onclick = async () => {
+ const dir = $('mv-dir').value.trim().replace(/\/+$/, '') || '/';
+ const name = $('mv-name').value.trim();
+ if (!name || name.includes('/')) { toast('имя - без «/»', true); return; }
+ const dst = (dir === '/' ? '' : dir) + '/' + name;
+ const conflict = $('mv-conflict').value, move = M.op === 'move';
+ const btn = $('mv-go');
+ btn.disabled = true;
+ let r = await api('copy', {src: M.src, dst, move, conflict});
+ // A client that predates copying still moves, when nothing is in the way.
+ if (!r.ok && /неизвестная операция/.test(r.error || '')) {
+ r = move && conflict === 'error' ? await api('move', {src: M.src, dst}) : {ok: false, error: 'копирование и замена: обновите клиента'};
+ }
+ btn.disabled = false;
+ if (!r.ok) { toast(r.error || 'ошибка', true); return; }
+ const skipped = r.data && r.data.skipped;
+ toast((move ? 'перемещено' : 'скопировано') + (skipped ? ', оставлено как было: ' + skipped : ''));
+ $('mvdlg').close();
+ load(cwd);
+ };
+ $('mvdlg-close').onclick = () => $('mvdlg').close();
async function unzip(e) {
const r = await api('unzip', {path: join(cwd, e.name), dest: cwd});