Start advanced search

This commit is contained in:
2022-01-02 20:00:29 +01:00
parent 3c51c2485c
commit 5c9f0d0f0a
4 changed files with 109 additions and 6 deletions

View File

@@ -1,4 +1,5 @@
{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}
<div class="container">
@@ -11,8 +12,23 @@
<button type="submit" class="btn btn-primary">
<i class="bi bi-search"></i>
</button>
<button class="btn btn-success" type="button" data-bs-toggle="modal" data-bs-target="#comp-edit-modal"><i class="bi bi-plus-circle"></i> Add Component</button> </div>
<button class="btn btn-secondary" type="button" data-bs-toggle="collapse" href="#advanced-search-collapse">Advanced <i class="bi bi-search"></i></button>
<button class="btn btn-success" type="button" data-bs-toggle="modal" data-bs-target="#comp-edit-modal"><i class="bi bi-plus-circle"></i> Add Component</button>
</div>
</form>
<div class="collapse mb-3" id="advanced-search-collapse">
<form method="POST">
<div class="row">
<div class="col-sm">
{% crispy advanced_search_form %}
</div>
<div class="col-sm">
Foo
</div>
<input type="submit" name="submit-advanced-search" value="Search" class="btn btn-success">
</div>
</form>
</div>
<div class="list-group mb-3">
{% for comp in components %}
<a href="{% url 'parts-components-detail' uuid=comp.id %}" class="text-decoration-none">
@@ -53,5 +69,8 @@
{% if comp_form.errors %}
bootstrap.Modal.getOrCreateInstance(document.getElementById('comp-edit-modal')).show()
{% endif %}
{% if advanced_search_shown %}
bootstrap.Collapse.getOrCreateInstance(document.getElementById('advanced-search-collapse')).show()
{% endif %}
</script>
{% endblock custom_scripts %}