view sat_templates/templates/default/event/overview.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 03c8fd941c0c
line wrap: on
line source

{# overview of current events

    @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 = [('event_new', url_event_new)] %}
{% if not embedded %}{% extends 'base/base.html' %}{% endif %}
{% block body %}
<div class="box message--info">
    <p>{% trans %}There is not events discovery yet, this will come in the future.{% endtrans %}</p>
</div>
{% if events is defined %}
    <p class="message--note">
        {% trans nb_events=events|length%}
            You have currently {{nb_events}} event in your personal list
        {% pluralize %}
            You have currently {{nb_events}} events in your personal list
        {% endtrans %}
    </p>
    <ul class="grid grid--center">
        {% for event in events %}
            <li class='grid__item grid__item--medium grid__item--selectable'>
                <a href="{{event.url}}">
                    {% if event.image %}
                        <img class="img--small" src="{{event.image}}">
                    {% endif %}
                    <span><em>{{event.name}}</em></span>
                </a>
            </li>
        {% endfor %}
    </ul>
{% endif %}
{% endblock body %}