Put the filter menu into the accordion on part list

This commit is contained in:
Jan Böhmer 2022-09-08 22:46:40 +02:00
parent b464607793
commit b52c61bfa3
4 changed files with 229 additions and 221 deletions

View file

@ -1,6 +1,9 @@
<div class="card mb-4">
<div class="card-header"><i class="fa-solid fa-filter fa-fw"></i> {% trans %}filter.title{% endtrans %}</div>
<div class="card-body">
<div class="accordion-item">
<div class="accordion-header">
<button class="accordion-button collapsed py-2" type="button" data-bs-toggle="collapse" data-bs-target="#filterFormCollapse" aria-expanded="false" aria-controls="filterFormCollapse"><i class="fa-solid fa-filter fa-fw"></i> {% trans %}filter.title{% endtrans %}</button>
</div>
<div id="filterFormCollapse" class="accordion-collapse collapse" data-bs-parent="#listAccordion">
<div class="accordion-body">
<ul class="nav nav-tabs" id="filterTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="filter-common-tab" data-bs-toggle="tab" data-bs-target="#filter-common"><i class="fas fa-id-card fa-fw"></i> {% trans %}part.edit.tab.common{% endtrans %}</button>
@ -122,4 +125,5 @@
{{ form_end(filterForm) }}
</div>
</div>
</div>

View file

@ -3,10 +3,10 @@
{{ helper.breadcrumb_entity_link(entity) }}
<div class="accordion">
<div class="accordion-item mb-3">
<div class="accordion mb-4" id="listAccordion">
<div class="accordion-item">
<div class="accordion-header">
<button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#entityInfo">
<button class="accordion-button collapsed py-2" data-bs-toggle="collapse" data-bs-target="#entityInfo">
{% if entity.masterPictureAttachment is not null and attachment_manager.isFileExisting(entity.masterPictureAttachment) %}
<img class="hoverpic ms-0 me-1 d-inline" {{ stimulus_controller('elements/hoverpic') }} data-thumbnail="{{ entity.masterPictureAttachment | entityURL('file_view') }}" src="{{ attachment_thumbnail(entity.masterPictureAttachment, 'thumbnail_sm') }}">
{% else %}
@ -15,7 +15,7 @@
{{ header_label | trans }}:&nbsp;<b>{{ entity.name }}</b>
</button>
</div>
<div id="entityInfo" class="accordion-collapse collapse">
<div id="entityInfo" class="accordion-collapse collapse" data-bs-parent="#listAccordion">
<div class="accordion-body">
<div class="row">
<div class="col-sm-2">
@ -131,5 +131,9 @@
</div>
</div>
</div>
</div>
</div>
{% if filterForm is defined %}
{% include "Parts/lists/_filter.html.twig" %}
{% endif %}
</div>

View file

@ -1,12 +1,14 @@
{% extends "base.html.twig" %}
{% block title %}
{% trans %}parts_list.all.title{% endtrans %}
{% trans %}parts_list.all.title{% endtrans %}
{% endblock %}
{% block content %}
<div class="accordion mb-3">
{% include "Parts/lists/_filter.html.twig" %}
</div>
{% include "Parts/lists/_action_bar.html.twig" with {'url_options': {}} %}
{% include "Parts/lists/_parts_list.html.twig" %}

View file

@ -8,8 +8,6 @@
{% include "Parts/lists/_info_card.html.twig" with {'header_label': 'category.label'} %}
{% include "Parts/lists/_filter.html.twig" %}
{% include "Parts/lists/_action_bar.html.twig" with {'url_options': {'category': entity.iD}} %}
{% include "Parts/lists/_parts_list.html.twig" %}