diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css index 0e0142ce..b0da13ca 100644 --- a/copyparty/web/browser.css +++ b/copyparty/web/browser.css @@ -598,7 +598,7 @@ html .ayjump:focus { padding: .35em 0 .2em 0; font-size: 1.4em; } -#srch_namev { +#folder_search { font-size: medium; max-width: 12em; height: 1.5em; @@ -3434,7 +3434,7 @@ html.d #treepar { #pathBar { display: block; } - #srch_namev { + #folder_search { margin: .5em 1em 0 1em; } #wrap { @@ -3521,7 +3521,7 @@ html.d #treepar { #pathBar { display: block; } - #srch_namev { + #folder_search { margin: .5em .5em 0 .5em ; } #path { diff --git a/copyparty/web/browser.html b/copyparty/web/browser.html index 20ef0b82..d34e7723 100644 --- a/copyparty/web/browser.html +++ b/copyparty/web/browser.html @@ -86,7 +86,7 @@ {%- endfor %} - + {%- if doc %} diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js index f7b24962..48e4b73d 100644 --- a/copyparty/web/browser.js +++ b/copyparty/web/browser.js @@ -6690,10 +6690,21 @@ var search_ui = (function () { o[a].oninput = ev_search_input; o[a].onkeydown = ev_search_keydown; } - // extract name search bar and place it next to path - var searchBar = document.getElementById('srch_namev'); - searchBar.placeholder = "🔎 search for files"; - ebi('pathBar').appendChild(searchBar); + + var folderSearch = ebi('folder_search'); + folderSearch.placeholder = '🔎 search this folder'; + folderSearch.onclick = function(){ + ebi('srch_pathc').checked = true; + var path = get_evpath(); + ebi('srch_pathv').value = path.slice(1, -1); + } + folderSearch.oninput = function(){ + var v = unsmart(this.value) + var nsearch = ebi('srch_namev'); + nsearch.value = v; + nsearch.oninput(); + } + folderSearch.onkeydown = ev_search_keydown; function srch_msg(err, txt) { var o = ebi('srch_q');