Move search results panel into new template

This commit is contained in:
Oliver Walters 2022-03-28 10:10:02 +11:00
parent ce396759a1
commit ffb89af9e5
3 changed files with 23 additions and 16 deletions

View File

@ -126,9 +126,11 @@
{% endblock %}
</main>
</div>
{% include 'modals.html' %}
{% include 'about.html' %}
{% include "notifications.html" %}
{% include "search.html" %}
</div>
<!-- Scripts -->

View File

@ -14,19 +14,3 @@
</div>
</div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-search" data-bs-scroll="true" aria-labelledby="offcanvas-search-label">
<div class="offcanvas-header">
<div class='input-group'>
<input type="text" name='search' class="form-control" aria-label='{% trans "Search" %}' id="search-bar" placeholder="{% trans 'Search' %}"{% if query_text %} value="{{ query }}"{% endif %}>
<button type="submit" id='search-submit' class="btn btn-secondary" title='{% trans "Search" %}'>
<span class='fas fa-search'></span>
</button>
</div>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div id="search-center">
<p id='serach-no-results' class='text-muted'><em>{% trans "No results" %}</em></p>
</div>
</div>
</div>

View File

@ -0,0 +1,21 @@
{% load i18n %}
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-search" data-bs-scroll="true" aria-labelledby="offcanvas-search-label">
<div class="offcanvas-header">
<div class='input-group'>
<input type="text" name='search' class="form-control" aria-label='{% trans "Search" %}' id="search-bar" placeholder="{% trans 'Search' %}"{% if query_text %} value="{{ query }}"{% endif %}>
<button type="submit" id='search-submit' class="btn btn-secondary" title='{% trans "Search" %}'>
<span class='fas fa-search'></span>
</button>
</div>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div id="search-center">
<p id='serach-no-results' class='text-muted'>
<em>{% trans "No search results" %}</em>
</p>
</div>
</div>
</div>