314 lines
18 KiB
Twig
314 lines
18 KiB
Twig
{% extends '@Core/admin/layout.html.twig' %}
|
|
|
|
{% set context = context ?? 'index' %}
|
|
|
|
{% block title %}{{ configuration.pageTitle(context)|trans }} - {{ parent() }}{% endblock %}
|
|
|
|
{% block body %}
|
|
{% block header %}
|
|
{%- set pb -%}
|
|
{% if pager.paginationData.pageCount < 2 %}
|
|
{% if filters.show %}
|
|
pb-3
|
|
{% else %}
|
|
pb-5
|
|
{% endif %}
|
|
{% else %}
|
|
pb-3
|
|
{% endif %}
|
|
{%- endset -%}
|
|
|
|
<div class="bg-light pl-5 pr-4 pt-5 {{ pb }}">
|
|
<div class="crud-header">
|
|
{% block header_title %}
|
|
<h1 class="crud-header-title">{{ configuration.pageTitle(context)|trans }}</h1>
|
|
{% endblock %}
|
|
|
|
{% block header_actions %}
|
|
<div class="crud-header-actions">
|
|
<div class="btn-group">
|
|
{% block header_actions_before %}{% endblock %}
|
|
|
|
{% if configuration.action(context, 'new', true) %}
|
|
<a href="{{ path(configuration.pageRoute('new'), configuration.pageRouteParams('new')) }}" class="btn btn-primary">
|
|
<span class="fa fa-plus pr-1"></span>
|
|
{{ configuration.actionTitle(context, 'new', 'New')|trans }}
|
|
</a>
|
|
{% endif %}
|
|
|
|
{% if header_actions_dropdown_menu is not defined %}
|
|
{% set header_actions_dropdown_menu = '' %}
|
|
{% endif %}
|
|
|
|
{% block header_actions_after %}{% endblock %}
|
|
|
|
{% block header_actions_dropdown %}
|
|
{% if header_actions_dropdown_menu %}
|
|
<button type="button" class="btn btn-white dropdown-toggle dropdown-toggle-hide-after" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<span class="font-weight-bold">
|
|
⋅⋅⋅
|
|
</span>
|
|
</button>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
{{ header_actions_dropdown_menu|raw }}
|
|
</div>
|
|
{% endif %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
</div>
|
|
|
|
{% block header_filter_pager %}
|
|
{% if filters.show %}
|
|
<div class="row pb-3">
|
|
<div class="col-auto ml-auto {% if pager.getPaginationData.pageCount > 1 %}mr-3{% endif %}">
|
|
<button data-modal="{{ path(configuration.pageRoute('filter'), configuration.pageRouteParams('filter')) }}" class="btn btn-sm btn-secondary">
|
|
{{ 'Filter'|trans }} {% if not filters.isEmpty %}({{ 'yes'|trans }}){% endif %}
|
|
</button>
|
|
</div>
|
|
<div class="col-auto">
|
|
{{ knp_pagination_render(pager) }}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
{{ knp_pagination_render(pager) }}
|
|
{% endif %}
|
|
{% endblock %}
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block list %}
|
|
{% set isSortable = configuration.isSortableCollection(context) %}
|
|
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
{% block list_header %}
|
|
<thead class="thead-light">
|
|
<tr>
|
|
{% if configuration.hasBatchAction(context) %}
|
|
<th class="crud-batch-column">
|
|
<input type="checkbox">
|
|
</th>
|
|
{% endif %}
|
|
|
|
{% for label, config in configuration.fields(context) %}
|
|
{% block list_header_item %}
|
|
{% set attr = config.options.attr is defined ? config.options.attr : [] %}
|
|
{% set isSortable = config.options.sort ?? false %}
|
|
|
|
<th {% for key, value in attr %}{{ key }}="{{ value }}"{% endfor %}>
|
|
{% if isSortable %}
|
|
{% if sort %}
|
|
{% if sort.label == label %}
|
|
{% if sort.direction == 'asc' %}
|
|
{% set newDirection = 'desc' %}
|
|
{% set icon = 'fa fa-sort-amount-down-alt' %}
|
|
{% else %}
|
|
{% set newDirection = 'asc' %}
|
|
{% set icon = 'fa fa-sort-amount-up-alt' %}
|
|
{% endif %}
|
|
|
|
{% set url = path(configuration.getPageRoute(context), {
|
|
_sort: config.options.sort[0],
|
|
_sort_direction: newDirection,
|
|
}|merge(configuration.pageRouteParams(context))) %}
|
|
{% else %}
|
|
{% set url = path(configuration.getPageRoute(context), {
|
|
_sort: config.options.sort[0],
|
|
_sort_direction: 'asc',
|
|
}|merge(configuration.pageRouteParams(context))) %}
|
|
|
|
{% set icon = null %}
|
|
{% endif %}
|
|
|
|
<a href="{{ url }}">
|
|
{% if icon is defined %}
|
|
<span class="{{ icon }}"></span>
|
|
{% endif %}
|
|
|
|
{{ label|trans }}
|
|
</a>
|
|
{% else %}
|
|
{{ label|trans }}
|
|
{% endif %}
|
|
{% else %}
|
|
{{ label|trans }}
|
|
{% endif %}
|
|
</th>
|
|
{% endblock %}
|
|
{% endfor %}
|
|
{% if configuration.showActions %}
|
|
<th class="crud-action-column col-2 miw-100 text-right">
|
|
{{ 'Actions'|trans }}
|
|
</th>
|
|
{% endif %}
|
|
</tr>
|
|
</thead>
|
|
{% endblock %}
|
|
|
|
{% block list_items %}
|
|
{% if isSortable %}
|
|
{% set dataSortable = 'data-sortable' %}
|
|
{% set dataSortableRoute = 'data-sortable-route="' ~ path(
|
|
configuration.pageRoute('sort'),
|
|
{
|
|
_token: csrf_token('sort'),
|
|
page: pager.currentPageNumber,
|
|
context: context,
|
|
}|merge(configuration.pageRouteParams('sort'))
|
|
) ~ '"' %}
|
|
{% else %}
|
|
{% set dataSortable = '' %}
|
|
{% set dataSortableRoute = '' %}
|
|
{% endif %}
|
|
|
|
<tbody {{ dataSortable }} {{ dataSortableRoute|raw }}>
|
|
{% for item in pager %}
|
|
{% if isSortable %}
|
|
{% set dataSortableItem = 'data-sortable-item="' ~ loop.index ~ '"' %}
|
|
{% else %}
|
|
{% set dataSortableItem = '' %}
|
|
{% endif %}
|
|
|
|
{% block list_item %}
|
|
{%- set dbClick %}
|
|
{% if configuration.action(context, 'show', true) %}
|
|
{{ path(configuration.pageRoute('show'), {entity: item.id}|merge(configuration.pageRouteParams('show'))) }}
|
|
{% elseif configuration.action(context, 'edit', true) %}
|
|
{{ path(configuration.pageRoute('edit'), {entity: item.id}|merge(configuration.pageRouteParams('show'))) }}
|
|
{% endif %}
|
|
{% endset -%}
|
|
|
|
<tr {{ dataSortableItem|raw }} data-dblclick="{{ dbClick }}" class="{{ loop.index is odd ? 'is-odd' : 'is-even' }}">
|
|
{% if configuration.hasBatchAction(context) %}
|
|
<td class="crud-batch-column">
|
|
<input type="checkbox" class="batch_form" name="batch[items][{{ loop.index }}]" form="form-batch" value="{{ loop.index }}">
|
|
</td>
|
|
{% endif %}
|
|
|
|
{% for config in configuration.fields(context) %}
|
|
{% set attr = config.options.attr is defined ? config.options.attr : [] %}
|
|
{% set action = config.options.action is defined ? config.options.action : null %}
|
|
|
|
<td {% for key, value in attr %}{{ key }}="{{ value }}"{% endfor %}>
|
|
{% if action == 'show' %}
|
|
<a href="{{ path(configuration.pageRoute('show'), {entity: item.id}) }}">
|
|
{{ render_field(item, config, configuration.defaultLocale) }}
|
|
</a>
|
|
{% elseif action == 'edit' %}
|
|
<a href="{{ path(configuration.pageRoute('edit'), {entity: item.id}) }}">
|
|
{{ render_field(item, config, configuration.defaultLocale) }}
|
|
</a>
|
|
{% else %}
|
|
{{ render_field(item, config, configuration.defaultLocale) }}
|
|
{% endif %}
|
|
</td>
|
|
{% endfor %}
|
|
|
|
{% if configuration.showActions %}
|
|
<td class="crud-action-column col-2 miw-200 text-right">
|
|
{% block list_item_actions_before %}{% endblock %}
|
|
|
|
{% if configuration.action(context, 'show', true) %}
|
|
<a href="{{ path(configuration.pageRoute('show'), {entity: item.id}|merge(configuration.pageRouteParams('show'))) }}" class="btn btn-sm btn-secondary mr-1">
|
|
<span class="fa fa-eye"></span>
|
|
</a>
|
|
{% endif %}
|
|
|
|
{% if configuration.action(context, 'edit', true) %}
|
|
<a href="{{ path(configuration.pageRoute('edit'), {entity: item.id}|merge(configuration.pageRouteParams('edit'))) }}" class="btn btn-sm btn-primary mr-1">
|
|
<span class="fa fa-edit"></span>
|
|
</a>
|
|
{% endif %}
|
|
|
|
{% if configuration.action(context, 'delete', true) %}
|
|
<button type="submit" form="form-delete-{{ item.id }}" class="btn btn-sm btn-danger">
|
|
<span class="fa fa-trash"></span>
|
|
</button>
|
|
|
|
<form method="post" action="{{ path(configuration.pageRoute('delete'), {entity: item.id}|merge(configuration.pageRouteParams('delete'))) }}" id="form-delete-{{ item.id }}" data-form-confirm>
|
|
<input type="hidden" name="_method" value="DELETE">
|
|
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ item.id) }}">
|
|
</form>
|
|
{% endif %}
|
|
|
|
{% block list_item_actions_after %}{% endblock %}
|
|
</td>
|
|
{% endif %}
|
|
</tr>
|
|
{% endblock %}
|
|
|
|
{% if loop.last %}
|
|
{% block list_footer %}
|
|
{% set count = configuration.fields(context)|length + 1 %}
|
|
{% if configuration.hasBatchAction(context) %}
|
|
{% set count = count + 1 %}
|
|
{% endif %}
|
|
|
|
<tr>
|
|
<td class="col-12 text-black-50 border-0" colspan="{{ count }}">
|
|
{% block list_footer_before %}{% endblock %}
|
|
|
|
{% if isSortable %}
|
|
<div class="mb-2">
|
|
<span class="fa fa-hand-pointer"></span>
|
|
{{ 'You can sort items with drag & drop'|trans }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if configuration.hasBatchAction(context) %}
|
|
<div class="mb-2">
|
|
<form class="form-inline" action="{{ path(configuration.pageRoute('batch'), {page: pager.currentPageNumber}|merge(configuration.pageRouteParams('batch'))) }}" id="form-batch" method="POST">
|
|
<select class="form-control my-1 mr-sm-2" name="batch[target]">
|
|
<option value="selection">{{ 'For selection'|trans }}</option>
|
|
<option value="all">{{ 'For all items'|trans }}</option>
|
|
</select>
|
|
<select class="form-control my-1 mr-sm-2" name="batch[action]">
|
|
<option value=""></option>
|
|
{% for action, conf in configuration.batchActions(context) %}
|
|
<option value="{{ action }}">
|
|
{{ conf.label|trans }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
<input type="hidden" name="batch[_token]" value="{{ csrf_token('batch') }}">
|
|
<button type="submit" class="btn btn-primary my-1">
|
|
<span class="loader spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
|
|
|
|
{{ 'Run'|trans }}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% block list_footer_after %}{% endblock %}
|
|
</td>
|
|
</tr>
|
|
{% endblock %}
|
|
{% endif %}
|
|
{% else %}
|
|
{% set count = configuration.fields(context)|length + 1 %}
|
|
{% if configuration.hasBatchAction(context) %}
|
|
{% set count = count + 1 %}
|
|
{% endif %}
|
|
|
|
<tr>
|
|
<td class="col-12 text-center p-4 text-black-50" colspan="{{ count }}">
|
|
<div class="display-1">
|
|
<span class="fa fa-search"></span>
|
|
</div>
|
|
<div class="display-5 mt-3">
|
|
{{ 'No result'|trans }}
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
{% endblock %}
|
|
</table>
|
|
</div>
|
|
{% endblock %}
|
|
{% endblock %}
|