combo/combo/public/templates/combo/link-list-cell.html

39 lines
1.9 KiB
HTML

{% load i18n %}
{% block cell-content %}
{% spaceless %}
{% block cell-header %}
{% if title %}<h2 class="cell--title">{{ title }}</h2>{% endif %}
{% include "combo/asset_picture_fragment.html" %}
{% endblock cell-header %}
<div class="links-list">
{% block cell-top-content %}{% endblock cell-top-content %}
<ul class="links-list--items">
{% for link in links %}
<li class="links-list--item {{ link.css_classes|default:""|join:" " }}{% if link.cell.extra_css_class %} {{ link.cell.extra_css_class }}{% endif %}">{% if link.is_form %}
{% include "combo/wcs/form_link_fragment.html" with form=link css_block="links-list" %}
{% else %}
<a href="{{ link.url }}" class="links-list--link">{{ link.title }}</a>
{% endif %}</li>
{% endfor %}
{% if more_links %}
<li class="add-more-items links-list--more-items">
<a role="button" tabindex="0" aria-expanded="false" aria-controls="more-items-{{ cell.get_reference }}" aria-label="{% trans 'More items' %}" id="btn-more-items-{{ cell.get_reference }}" class="add-more-items--button links-list--more-items-button">{% block cell-more-items-btn-label %}+{% endblock %}</a>
</li>
{% endif %}
</ul>
{% if more_links %}
<ul style="display: none" class="more-items links-list--items" id="more-items-{{ cell.get_reference }}" aria-labelledby="btn-more-items-{{ cell.get_reference }}">
{% for link in more_links %}
<li class="more-items--item links-list--item {{ link.css_classes|default:""|join:" " }}">{% if link.is_form %}
{% include "combo/wcs/form_link_fragment.html" with form=link css_block="links-list"%}
{% else %}
<a class="links-list--link" href="{{ link.url }}">{{ link.title }}</a>
{% endif %}</li>
{% endfor %}
{% endif %}
</ul>
</div>
{% endspaceless %}
{% endblock %}