{# display the list of tickets #}

{% set category_menu = [('ticket_new', url_tickets_new)] %}
{% extends 'base/base.html' %}
{% import 'input/xmlui.html' as xmlui with context %}
{% import 'input/navigation.html' as navigation with context %}

{% block body %}
<section class="section has-background-white">
    <div class="content has-items-centered is-flex">
        {{ component.action_button(url_tickets_new) }}
    </div>
    <div id="tickets" class="container has-background-white has-padding-1">
        {{ xmlui.generate_list(
              tickets,
              (
                  ('title', _('Title')),
                  ('labels', _('Labels')),
                  ('id', _('Id')),
                  ('author', _('Author')),
              ),
              {
                  'id': '\n#{value}',
                  'author': _('by {value}'),
              },
               item_class_fields=['status', 'priority', 'severity'],
               field_class_map={
                   'title': 'has-text-weight-bold',
                   'labels': 'tag is-rounded x-is-hoverable',
                   'id': 'has-text-grey-light is-size-7 has-whitespace-pre',
                   'author': 'is-size-7'
               },
               on_click=on_ticket_click)
        }}
    </div>
</section>
{{ navigation.prev_next(_("previous page"), _("next page")) }}
{% endblock body %}