view sat_templates/templates/default/ticket/item.html @ 166:178f55b825b7

small refactoring/redesign, better BEM integration: - blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file. - better noscript handling, dynamic elements are created using "magic" classes (dom_update.js) - using better icons for older/newer messages - better state handling, classes now use "state_XXX" - more classes now use BEM convention - menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites - better styles.css organisation
author Goffi <goffi@goffi.org>
date Wed, 03 Oct 2018 21:00:24 +0200
parents e9f0a4215e46
children 6c251da9a4f3
line wrap: on
line source

{# display a single ticket

    @variable item(xmlui_item): ticket to display
    @variable comments(data_object.BlogItems): comments of the ticket
    @variable comments_service(unicode): service for adding comments
    @variable comments_node(unicode): node for adding comments
#}

{% set category_menu = [('tickets', url_tickets_list),
                        ('ticket_new', url_tickets_new),
                        ] %}
{% if not embedded %}{% extends 'base/base.html' %}{% endif %}
{% import 'input/xmlui.html' as xmlui with context %}
{% import 'blog/macros.html' as blog with context %}
{% import 'input/textbox.html' as textbox with context %}

{% block title %}{{item|adv_format('[{value.widget_value.id}] {value.widget_value.title}') }}{% endblock %}

{% block confirm_message %}
    {% trans %}Your comment has been sent{% endtrans %}
{% endblock confirm_message %}

{% block body %}
{{ icon_defs('pencil') }}
<div id="{{ item.widget_value['id'] }}" class="view single ticket box">
    {% if url_ticket_edit is defined %}
        <p class="box__tools">
            <a href="{{url_ticket_edit}}">
            {{ icon('pencil', cls='icon--small') }}
            edit
            </a>
        </p>
    {% endif %}
    {{ xmlui.generate(item,
        form=false,
        filters={'created': {'filters': ['date_fmt'], 'filters_args':[{'fmt': 'short'}]},
                 'updated': {'filters': ['date_fmt'], 'filters_args':[{'fmt': 'short'}]},
                 'body': {'filters': ['urlize'], 'filters_args':[{'nofollow': True, 'rel': 'noopener noreferrer'}]}},
        )}}
</div>
{% if comments is defined %}
<div id="blog_items">
    {{ blog.show_items(comments|reverse, expanded=true) }}
</div>
{% endif %}
{% if comments_node is defined %}
    <div class="comment_post">
        {{- textbox.comment_or_login(service=comments_service, node=comments_node) -}}
    </div>
{% endif %}
{% endblock body %}