inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-04-29 20:16:44 +00:00
Code

Fixes for input autofocus, etc

Browse Source
This commit is contained in:
Oliver Walters 2022-03-29 23:49:06 +11:00
parent f724f4a845
commit 016d802a10
3 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
InvenTree/InvenTree/static/script/inventree/inventree.js
View File

@ -157,7 +157,7 @@ function inventreeDocReady() {
}); });
// Calbacks for search panel // Calbacks for search panel
$('#offcanvas-search').on('show.bs.offcanvas', openSearchPanel); $('#offcanvas-search').on('shown.bs.offcanvas', openSearchPanel);
$('#offcanvas-search').on('hidden.bs.offcanvas', closeSearchPanel); $('#offcanvas-search').on('hidden.bs.offcanvas', closeSearchPanel);
// Callbacks for notifications panel // Callbacks for notifications panel

18
InvenTree/templates/js/translated/search.js
View File

@ -27,16 +27,23 @@ function openSearchPanel() {
clearSearchResults(); clearSearchResults();
// Finally, grab keyboard focus in the search bar
panel.find('#search-input').focus();
panel.find('#search-input').on('keyup change', searchTextChanged); panel.find('#search-input').on('keyup change', searchTextChanged);
// Callback for "clear search" button // Callback for "clear search" button
panel.find('#search-clear').click(function() { panel.find('#search-clear').click(function(event) {
// Prevent this button from actually submitting the form
event.preventDefault();
panel.find('#search-input').val(''); panel.find('#search-input').val('');
clearSearchResults(); clearSearchResults();
}); });
// Callback for the "close search" button
panel.find('#search-close').click(function(event) {
// Prevent this button from actually submitting the form
event.preventDefault();
});
} }
var searchRequests = []; var searchRequests = [];
@ -211,6 +218,9 @@ function clearSearchResults() {
// Delete any existing search results // Delete any existing search results
panel.find('#search-results').empty(); panel.find('#search-results').empty();
// Finally, grab keyboard focus in the search bar
panel.find('#search-input').focus();
} }

8
InvenTree/templates/search.html
View File

@ -5,13 +5,13 @@
<form action='{% url "search" %}' method='post' class='d-flex' style='width: 100%;'> <form action='{% url "search" %}' method='post' class='d-flex' style='width: 100%;'>
{% csrf_token %} {% csrf_token %}
<div class='input-group'> <div class='input-group'>
<input type="text" name='search' class="form-control" aria-label='{% trans "Search" %}' id="search-input" placeholder="{% trans 'Search' %}"{% if query_text %} value="{{ query }}"{% endif %}> <input type="text" name='search' class="form-control" aria-label='{% trans "Search" %}' id="search-input" placeholder="{% trans 'Search' %}" autofocus>
<button id='search-clear' class='btn btn-outline-secondary' title='{% trans "Clear search" %}'>
<span class='fas fa-backspace'></span>
</button>
<button type='submit' id='search-complete' class='btn btn-outline-secondary' title='{% trans "Show full search results" %}'> <button type='submit' id='search-complete' class='btn btn-outline-secondary' title='{% trans "Show full search results" %}'>
<span class='fas fa-search'></span> <span class='fas fa-search'></span>
</button> </button>
<button id='search-clear' class='btn btn-outline-secondary' title='{% trans "Clear search" %}'>
<span class='fas fa-backspace'></span>
</button>
<!-- <!--
<button id='search-filter' class="btn btn-outline-secondary" title='{% trans "Filter results" %}'> <button id='search-filter' class="btn btn-outline-secondary" title='{% trans "Filter results" %}'>
<span class='fas fa-filter'></span> <span class='fas fa-filter'></span>