mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-21 01:25:55 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added an info panel to categories list.

Browse source
This commit is contained in:
Jan Böhmer 2019-09-08 13:37:11 +02:00
parent 1ac5995729
commit 8dc9c7b9ae
4 changed files with 81 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/app.css
View file

@ -433,12 +433,12 @@ table .input-group-btn:last-child>.btn, table .input-group-btn:last-child>.btn-g
.card-header a[data-toggle=collapse]:after {
/*noinspection CssNoGenericFontName*/
font-family: "FA5";
font-family: "Font Awesome 5 Free";
content: "\f106";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
font-weight: 900;
top: 50%;
line-height: 1;
margin-top: -10px;

5
src/Controller/PartListsController.php
View file

@ -54,7 +54,10 @@ class PartListsController extends AbstractController
return $table->getResponse();
}
return $this->render('Parts/lists/category_list.html.twig', ['datatable' => $table]);
return $this->render('Parts/lists/category_list.html.twig', [
'datatable' => $table,
'entity' => $category
]);
}
/**

74
templates/Parts/lists/_info_card.html.twig Normal file
View file

@ -0,0 +1,74 @@
<div class="card mb-3">
<div class="card-header">
<a class="card-link" data-toggle="collapse" href="#entityInfo">
{% trans %}category.label{% endtrans %}: <b>{{ entity.fullPath }}</b>
</a>
</div>
<div id="entityInfo" class="collapse">
<div class="card-body">
<div class="row">
<div class="col-2">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">
{% trans %}entity.info.common.tab{% endtrans %}
</a>
<a class="nav-link" id="v-pills-statistics-tab" data-toggle="pill" href="#v-pills-statistics" role="tab" aria-controls="v-pills-profile" aria-selected="false">
{% trans %}entity.info.statistics.tab{% endtrans %}
</a>
</div>
</div>
<div class="col-10">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
<div class="row">
<div class="col-8 form-horizontal">
<div class="form-group">
<label class="col-3">{% trans %}entity.info.name{% endtrans %}:</label>
<span class="col form-control-static">{{ entity.name }}</span>
</div>
<div class="form-group">
<label class="col-3">{% trans %}entity.info.parent{% endtrans %}:</label>
<span class="col form-control-static">
{% if entity.parent %}
{{ entity.parent.fullPath }}
{% else %}
-
{% endif %}
</span>
</div>
</div>
<div class="col-4">
<a class="btn btn-secondary btn-block mb-2" href="{{ entity | entityURL('edit') }}">
<i class="fas fa-edit"></i> {% trans %}entity.edit.btn{% endtrans %}
</a>
<div class="">
<span class="text-muted" title="{% trans %}lastModified{% endtrans %}">
<i class="fas fa-history fa-fw"></i> {{ entity.lastModified | localizeddate("short") }}
</span>
<br>
<span class="text-muted mt-1" title="{% trans %}createdAt{% endtrans %}">
<i class="fas fa-calendar-plus fa-fw"></i> {{ entity.addedDate | localizeddate("short") }}
</span>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-statistics" role="tabpanel" aria-labelledby="v-pills-statistics-tab">
<div class="form-horizontal">
<div class="form-group">
<label class="col-3">{% trans %}entity.info.children_count{% endtrans %}:</label>
<span class="col form-control-static">{{ entity.children | length }}</span>
</div>
<div class="form-group">
<label class="col-3">{% trans %}entity.info.parent{% endtrans %}:</label>
<span class="col form-control-static">{{ entity.parts | length }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

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

@ -2,10 +2,8 @@
{% block content %}
{% include "Parts/lists/_info_card.html.twig" %}
{# Set the title for the table here. It will be inserted into the table later.#}
<div style="display:none;" id="part-card-header-src">Test</div>
<div id="part_list" class="table-responsive" data-datatable data-settings='{{ datatable_settings(datatable) }}'>
<div class="card-body">
<div class="card">