iv-org-mirror/invidious-copy-2023-06-08
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious-copy-2023-06-08.git synced 2024-08-15 00:53:38 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2814 from SamantazFox/fix-search-autofocus

Browse source 
Fix search autofocus
This commit is contained in:
Samantaz Fox 2022-01-16 15:24:27 +01:00 committed by GitHub
commit 250a9191cb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
assets/js/handlers.js
View file

@ -142,4 +142,16 @@
var csrf_token = target.parentNode.querySelector('input[name="csrf_token"]').value; var csrf_token = target.parentNode.querySelector('input[name="csrf_token"]').value;
xhr.send('csrf_token=' + csrf_token); xhr.send('csrf_token=' + csrf_token);
} }
// Handle keypresses
window.addEventListener('keydown', (event) => {
// Ignore modifier keys
if (event.ctrlKey || event.metaKey) { return; }
// Focus search bar on '/'
if (event.key == "/") {
document.getElementById('searchbox').focus();
event.preventDefault();
}
});
})(); })();

4
src/invidious/views/components/search_box.ecr
View file

@ -1,8 +1,8 @@
<form class="pure-form" action="/search" method="get"> <form class="pure-form" action="/search" method="get">
<fieldset> <fieldset>
<input type="search" id="searchbox" autocomplete="off" autocorrect="off" <input type="search" id="searchbox" autocomplete="off" autocorrect="off"
autocapitalize="none" spellcheck="false" autofocus name="q" autocapitalize="none" spellcheck="false" <% if autofocus %>autofocus<% end %>
placeholder="<%= translate(locale, "search") %>" name="q" placeholder="<%= translate(locale, "search") %>"
title="<%= translate(locale, "search") %>" title="<%= translate(locale, "search") %>"
value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>"> value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
</fieldset> </fieldset>

2
src/invidious/views/search_homepage.ecr
View file

@ -14,7 +14,7 @@
</div> </div>
<div class="pure-u-1-4"></div> <div class="pure-u-1-4"></div>
<div class="pure-u-1 pure-u-md-12-24 searchbar"> <div class="pure-u-1 pure-u-md-12-24 searchbar">
<%= rendered "components/search_box" %> <% autofocus = true %><%= rendered "components/search_box" %>
</div> </div>
<div class="pure-u-1-4"></div> <div class="pure-u-1-4"></div>
</div> </div>

2
src/invidious/views/template.ecr
View file

@ -35,7 +35,7 @@
<a href="/" class="index-link pure-menu-heading">Invidious</a> <a href="/" class="index-link pure-menu-heading">Invidious</a>
</div> </div>
<div class="pure-u-1 pure-u-md-12-24 searchbar"> <div class="pure-u-1 pure-u-md-12-24 searchbar">
<%= rendered "components/search_box" %> <% autofocus = false %><%= rendered "components/search_box" %>
</div> </div>
<% end %> <% end %>