mirror of
https://github.com/Part-DB/Part-DB-server.git
synced 2025-06-21 09:35:49 +02:00
Added an info panel to categories list.
This commit is contained in:
Jan Böhmer
parent
1ac5995729
commit
8dc9c7b9ae
4 changed files with 81 additions and 6 deletions
|
|
@ -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 {
|
.card-header a[data-toggle=collapse]:after {
|
||||||
/*noinspection CssNoGenericFontName*/
|
/*noinspection CssNoGenericFontName*/
|
||||||
font-family: "FA5";
|
font-family: "Font Awesome 5 Free";
|
||||||
content: "\f106";
|
content: "\f106";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 400;
|
font-weight: 900;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
margin-top: -10px;
|
margin-top: -10px;
|
||||||
|
|
|
||||||
|
|
@ -54,7 +54,10 @@ class PartListsController extends AbstractController
|
||||||
return $table->getResponse();
|
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
74
templates/Parts/lists/_info_card.html.twig
Normal 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>
|
||||||
|
|
@ -2,9 +2,7 @@
|
||||||
|
|
||||||
{% block content %}
|
{% 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 id="part_list" class="table-responsive" data-datatable data-settings='{{ datatable_settings(datatable) }}'>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue