diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index f5f472a5..83c3445f 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1332,7 +1332,7 @@ html.y #widget.open {
color: var(--a);
text-shadow: 1px 1px 1px var(--op-a-sh);
font-size: 1.5em;
- padding: .25em .4em;
+ padding: 0em .4em;
margin: 0;
}
#ops a.act {
@@ -1355,6 +1355,13 @@ html.y #ops svg circle {
#ops {
padding: .3em .6em;
white-space: nowrap;
+ display: flex;
+ align-items: center;
+}
+
+#opa_filter {
+ margin: 0em .4em;
+ min-width: 50px;
}
#noie {
color: #b60;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 92bba2ba..b89125ad 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -236,6 +236,10 @@ var Ls = {
"ct_idxh": 'show index.html instead of folder listing">htm',
"ct_sbars": 'show scrollbars">⟊',
+ "qs_off": 'disable quicksearch, hotkeys will work">off',
+ "qs_filter": 'typing without a focused item will hide all items that do not start with this text; disables hotkeys">filter',
+ "qs_jump": 'typing without a focused item will jump to the next item that starts with this text; disables hotkeys">jump',
+
"cut_umod": "if a file already exists on the server, update the server's last-modified timestamp to match your local file (requires write+delete permissions)\">re📅",
"cut_turbo": "the yolo button, you probably DO NOT want to enable this:$N$Nuse this if you were uploading a huge amount of files and had to restart for some reason, and want to continue the upload ASAP$N$Nthis replaces the hash-check with a simple "does this have the same filesize on the server?" so if the file contents are different it will NOT be uploaded$N$Nyou should turn this off when the upload is done, and then "upload" the same files again to let the client verify them\">turbo",
@@ -867,6 +871,10 @@ var Ls = {
"ct_idxh": 'vis index.html istedenfor fil-liste">htm',
"ct_sbars": 'vis rullgardiner / skrollefelt">⟊',
+ "qs_off": 'deaktiver hurtigsøk, hurtigtaster vil fungere">av',
+ "qs_filter": 'skriving uten et fokusert element vil skjule alle elementer som ikke starter med denne teksten; deaktiverer hurtigtaster">filter',
+ "qs_jump": 'skriving uten et fokusert element vil hoppe til neste element som starter med denne teksten; deaktiverer hurtigtaster">hopp',
+
"cut_umod": 'i tilfelle en fil du laster opp allerede finnes på serveren, så skal serverens tidsstempel oppdateres slik at det stemmer overens med din lokale fil (krever rettighetene write+delete)">re📅',
"cut_turbo": "forenklet befaring ved opplastning; bør sannsynlig ikke skrus på:$N$Nnyttig dersom du var midt i en svær opplastning som måtte restartes av en eller annen grunn, og du vil komme igang igjen så raskt som overhodet mulig.$N$Nnår denne er skrudd på så forenkles befaringen kraftig; istedenfor å utføre en trygg sjekk på om filene finnes på serveren i god stand, så sjekkes kun om filstørrelsen stemmer. Så dersom en korrupt fil skulle befinne seg på serveren allerede, på samme sted med samme størrelse og navn, så blir det ikke oppdaget.$N$Ndet anbefales å kun benytte denne funksjonen for å komme seg raskt igjennom selve opplastningen, for så å skru den av, og til slutt "laste opp" de samme filene én gang til -- slik at integriteten kan verifiseres\">turbo",
@@ -1497,6 +1505,10 @@ var Ls = {
"ct_idxh": '显示 index.html 代替文件夹列表">htm',
"ct_sbars": '显示滚动条">⟊',
+ "qs_off": '禁用快速搜索，热键将正常工作">关闭',
+ "qs_filter": '在没有焦点项目时输入将隐藏所有不以此文本开头的项目；禁用热键">过滤',
+ "qs_jump": '在没有焦点项目时输入将跳转到下一个以此文本开头的项目；禁用热键">跳转',
+
"cut_umod": "如果文件已存在于服务器上，将服务器的最后修改时间戳更新为与你的本地文件匹配（需要写入和删除权限）\">re📅",
"cut_turbo": "YOLO 按钮，你可能不想启用这个：$N$N如果你上传了大量文件并且由于某些原因需要重新启动，$N并且想要尽快继续上传，使用此选项$N$N这会用简单的 "服务器上的文件大小是否相同？" 替代哈希检查，$N因此如果文件内容不同，它将不会被上传$N$N上传完成后，你应该关闭此选项，$N然后重新"上传"相同的文件以让客户端验证它们\">加速",
@@ -10765,6 +10777,7 @@ ebi('ops').innerHTML = (
'📟' +
'🎺' +
'⚙️' +
+ '' +
(IE ? '' + L.ot_noie + '' : '') +
''
);
@@ -10922,6 +10935,119 @@ x.parentNode.insertBefore(mknod('div', null,
})();
+//
+// Quicksearch setting logic
+//
+var qsearch = 0; // 0=off, 1=filter, 2=jump
+var qsearch_str = "";
+var qsearch_timer = null;
+
+function set_qsearch_mode(mode) {
+ qsearch = mode;
+ swrite("qsearch_mode", qsearch);
+ set_qsearch_str("");
+ clear_qsearch_highlight();
+ do_qsearch_filter();
+}
+
+function clear_qsearch_highlight() {
+ var rows = QSA("#files tbody tr");
+ for (var i = 0; i < rows.length; i++) {
+ clmod(rows[i], "sel", 0);
+ }
+}
+
+function do_qsearch_filter() {
+ if (!treectl) return;
+ var substr = qsearch_str.toLowerCase();
+ if (!treectl._originalFiles)
+ treectl._originalFiles = treectl.lsc.files.slice();
+ if (!treectl._originalDirs)
+ treectl._originalDirs = treectl.lsc.dirs.slice();
+
+ function filter(items) {
+ return items.filter(function(item) {
+ var name = (item.href || '').split('/').filter(Boolean).pop() || '';
+ return name.toLowerCase().startsWith(substr);
+ });
+ }
+
+ var filteredDirs = substr ? filter(treectl._originalDirs) : treectl._originalDirs;
+ var filteredFiles = substr ? filter(treectl._originalFiles) : treectl._originalFiles;
+
+ var filteredLsc = Object.assign({}, treectl.lsc, {
+ dirs: filteredDirs,
+ files: filteredFiles
+ });
+
+ treectl.gentab(get_evpath(), filteredLsc);
+}
+
+var opaFilter = ebi('opa_filter')
+
+opaFilter.addEventListener('input', function () {
+ qsearch_str = this.value
+ do_qsearch_filter();
+});
+
+function set_qsearch_str(val) {
+ qsearch_str = val;
+ if (!val || qsearch !== 2) {
+ opaFilter.value = val;
+ }
+}
+
+function do_qsearch_jump() {
+ clear_qsearch_highlight();
+ var substr = qsearch_str.toLowerCase();
+ if (!substr) {
+ return;
+ }
+ var rows = QSA("#files tbody tr");
+ for (var i = 0; i < rows.length; i++) {
+ var tds = rows[i].getElementsByTagName("td");
+ if (tds.length < 2) continue;
+ var name = tds[1].textContent.trim().toLowerCase();
+ if (name.startsWith(substr)) {
+ clmod(rows[i], "sel", 1);
+ rows[i].scrollIntoView({ block: "nearest" });
+ break;
+ }
+ }
+}
+
+function handle_qsearch_key(e) {
+ if (qsearch === 0) return false;
+ if (e.ctrlKey || e.altKey || e.metaKey) {
+ return false;
+ }
+ var ch = e.key;
+ if (ch.length === 1) {
+ set_qsearch_str(qsearch_str + ch);
+ if (qsearch === 1) {
+ do_qsearch_filter();
+ } else if (qsearch === 2) {
+ do_qsearch_jump();
+ }
+ if (qsearch_timer) clearTimeout(qsearch_timer);
+ qsearch_timer = setTimeout(function() {
+ // reset on next input, don't reset current view
+ qsearch_str = "";
+ }, 2000);
+ return true;
+ }
+ if (ch === "Backspace") {
+ set_qsearch_str("");
+ if (qsearch === 1) {
+ do_qsearch_filter();
+ } else if (qsearch === 2) {
+ do_qsearch_jump();
+ }
+ return true;
+ }
+ return false;
+}
+
// config panel
ebi('op_cfg').innerHTML = (
'