1
0
mirror of https://github.com/netbox-community/netbox.git synced 2024-05-10 07:54:54 +00:00
checktheroads 63435f2ec1 #6732: Fix search filtering
This was broken after implementing mobile screen size support in #6327
2021-05-07 11:07:06 -07:00

54 lines
1.5 KiB
HTML

<form class="input-group w-100" action="{% url 'search' %}" method="get">
<input
name="q"
id="id_q"
type="text"
aria-label="Search"
placeholder="Search"
class="form-control"
value="{{ request.GET.q }}"
aria-describedby="search-button"
/>
<input name="obj_type" hidden type="text" class="search-obj-type" />
<span class="input-group-text search-obj-selected">All Objects</span>
<button
type="button"
aria-expanded="false"
data-bs-toggle="dropdown"
class="btn btn-outline-secondary dropdown-toggle"
>
<i class="mdi mdi-filter-variant"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end search-obj-selector">
{% for option in options %} {% if option.items|length == 0 %}
<li>
<button
class="dropdown-item"
type="button"
data-search-value="{{ option.value }}"
>
{{ option.label }}
</button>
</li>
{% else %}
<li><h6 class="dropdown-header">{{ option.label }}</h6></li>
{% endif %} {% for item in option.items %}
<li>
<button
class="dropdown-item"
type="button"
data-search-value="{{ item.value }}"
>
{{ item.label }}
</button>
</li>
{% endfor %} {% if forloop.counter != options|length %}
<li><hr class="dropdown-divider" /></li>
{% endif %} {% endfor %}
</ul>
<button class="btn btn-primary" type="submit" id="search-button">
<i class="mdi mdi-magnify"></i>
</button>
</form>