mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-23 10:18:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Put the filter menu into the accordion on part list

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

10
templates/Parts/lists/_filter.html.twig
View file

@ -1,6 +1,9 @@
<div class="card mb-4"> <div class="accordion-item">
<div class="card-header"><i class="fa-solid fa-filter fa-fw"></i> {% trans %}filter.title{% endtrans %}</div> <div class="accordion-header">
<div class="card-body"> <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"> <ul class="nav nav-tabs" id="filterTabs" role="tablist">
<li class="nav-item" role="presentation"> <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> <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) }} {{ form_end(filterForm) }}
</div> </div>
</div>
</div> </div>

14
templates/Parts/lists/_info_card.html.twig
View file

@ -3,10 +3,10 @@
{{ helper.breadcrumb_entity_link(entity) }} {{ helper.breadcrumb_entity_link(entity) }}
<div class="accordion"> <div class="accordion mb-4" id="listAccordion">
<div class="accordion-item mb-3"> <div class="accordion-item">
<div class="accordion-header"> <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) %} {% 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') }}"> <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 %} {% else %}
@ -15,7 +15,7 @@
{{ header_label | trans }}:&nbsp;<b>{{ entity.name }}</b> {{ header_label | trans }}:&nbsp;<b>{{ entity.name }}</b>
</button> </button>
</div> </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="accordion-body">
<div class="row"> <div class="row">
<div class="col-sm-2"> <div class="col-sm-2">
@ -131,5 +131,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{% if filterForm is defined %}
{% include "Parts/lists/_filter.html.twig" %}
{% endif %}
</div> </div>

4
templates/Parts/lists/all_list.html.twig
View file

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

2
templates/Parts/lists/category_list.html.twig
View file

@ -8,8 +8,6 @@
{% include "Parts/lists/_info_card.html.twig" with {'header_label': 'category.label'} %} {% 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/_action_bar.html.twig" with {'url_options': {'category': entity.iD}} %}
{% include "Parts/lists/_parts_list.html.twig" %} {% include "Parts/lists/_parts_list.html.twig" %}