misuzu/templates/macros.twig

101 lines
4.7 KiB
Twig
Raw Normal View History

2018-05-18 01:20:27 +00:00
{% macro navigation(links, current, top, fmt, align) %}
2018-03-22 02:56:41 +00:00
{% set top = top|default(false) == true %}
2018-05-18 01:20:27 +00:00
{% set align = align|default('centre') %}
2018-03-22 02:56:41 +00:00
{% set current = current|default(null) %}
{% set fmt = fmt|default('%s') %}
2018-03-22 02:56:41 +00:00
2018-05-18 01:20:27 +00:00
<ul class="navigation{% if top %} navigation--top{% endif %}{% if align != 'centre' %} navigation--{{ align }}{% endif %}">
2018-03-22 02:56:41 +00:00
{% for name, url in links %}
2018-04-16 00:33:54 +00:00
<li class="navigation__option{% if url == current or name == current %} navigation__option--selected{% endif %}"><a href="{{ fmt|format(url) }}" class="navigation__link">{{ name }}</a></li>
2018-03-22 02:56:41 +00:00
{% endfor %}
</ul>
{% endmacro %}
2018-04-16 00:33:54 +00:00
2019-01-03 00:33:02 +00:00
{% macro pagination(info, path, page_range, params, page_param, url_fragment) %}
{% if info.page is defined and info.pages > 1 %}
{% set params = params is iterable ? params : [] %}
{% set page_param = page_param|default('p') %}
{% set page_range = page_range|default(5) %}
2018-04-16 00:33:54 +00:00
2018-10-24 22:48:07 +00:00
<div class="pagination">
<div class="pagination__section pagination__section--first">
2019-01-03 00:33:02 +00:00
{% if info.page <= 1 %}
2018-10-24 22:48:07 +00:00
<div class="pagination__link pagination__link--first pagination__link--disabled">
<i class="fas fa-angle-double-left"></i>
</div>
<div class="pagination__link pagination__link--prev pagination__link--disabled">
<i class="fas fa-angle-left"></i>
</div>
{% else %}
2019-01-03 00:33:02 +00:00
<a href="{{ url_construct(path, params, url_fragment) }}" class="pagination__link pagination__link--first" rel="first">
2018-10-24 22:48:07 +00:00
<i class="fas fa-angle-double-left"></i>
2018-04-16 00:33:54 +00:00
</a>
2019-01-03 00:33:02 +00:00
<a href="{{ url_construct(path, info.page <= 2 ? params : params|merge({(page_param): info.page - 1}), url_fragment) }}" class="pagination__link pagination__link--prev" rel="prev">
2018-10-24 22:48:07 +00:00
<i class="fas fa-angle-left"></i>
2018-05-16 20:48:33 +00:00
</a>
2018-10-24 22:48:07 +00:00
{% endif %}
</div>
2018-04-16 00:33:54 +00:00
2018-10-24 22:48:07 +00:00
<div class="pagination__section pagination__section--pages">
{% set p_start = max(info.page - page_range, 1) %}
{% set p_stop = min(info.page + page_range, info.pages) %}
2018-04-16 00:33:54 +00:00
2019-01-03 00:33:02 +00:00
{% for i in p_start..p_stop %}
<a href="{{ url_construct(path, i <= 1 ? params : params|merge({(page_param): i}), url_fragment) }}" class="pagination__link{{ info.page == i ? ' pagination__link--current' : '' }}">
{{ i }}
</a>
2018-10-24 22:48:07 +00:00
{% endfor %}
</div>
2018-04-16 00:33:54 +00:00
2018-10-24 22:48:07 +00:00
<div class="pagination__section pagination__section--last">
2019-01-03 00:33:02 +00:00
{% if info.page >= info.pages %}
2018-10-24 22:48:07 +00:00
<div class="pagination__link pagination__link--next pagination__link--disabled">
<i class="fas fa-angle-right"></i>
</div>
<div class="pagination__link pagination__link--last pagination__link--disabled">
<i class="fas fa-angle-double-right"></i>
</div>
{% else %}
2019-01-03 00:33:02 +00:00
<a href="{{ url_construct(path, params|merge({(page_param): info.page + 1}), url_fragment) }}" class="pagination__link pagination__link--next" rel="next">
2018-10-24 22:48:07 +00:00
<i class="fas fa-angle-right"></i>
2018-05-16 20:48:33 +00:00
</a>
2019-01-03 00:33:02 +00:00
<a href="{{ url_construct(path, params|merge({(page_param): info.pages}), url_fragment) }}" class="pagination__link pagination__link--last" rel="last">
2018-10-24 22:48:07 +00:00
<i class="fas fa-angle-double-right"></i>
2018-05-16 20:48:33 +00:00
</a>
2018-10-24 22:48:07 +00:00
{% endif %}
</div>
</div>
2018-04-16 00:33:54 +00:00
{% endif %}
{% endmacro %}
2018-10-22 19:53:21 +00:00
{% macro container_title(title, unsafe, url) %}
2018-10-22 19:53:21 +00:00
{% set has_url = url is not null and url|length > 0 %}
<div class="container__title">
<div class="container__title__background"></div>
{% if has_url %}<a href="{{ url }}" class="container__title__link">{% endif %}
<div class="container__title__text">
{% if unsafe %}
2018-10-27 22:01:01 +00:00
{{ title }}
{% else %}
{{ title|raw }}
2018-10-27 22:01:01 +00:00
{% endif %}
2018-10-22 19:53:21 +00:00
</div>
{% if has_url %}</a>{% endif %}
</div>
{% endmacro %}
2019-09-28 16:56:46 +00:00
{% macro avatar(user_id, resolution, alt_text, attrs) %}
{% apply spaceless %}
<img src="{{ url('user-avatar', { 'user': user_id, 'res': resolution * 2 }) }}"
alt="{{ alt_text|default('') }}"
width="{{ attrs.width|default(resolution) }}"
height="{{ attrs.height|default(resolution) }}"
class="avatar{% if attrs.class is defined %} {{ attrs.class }}{% endif %}"
{% if attrs.id is defined %}
id="{{ attrs.id }}"
{% endif %}
/>
{% endapply %}
2019-09-28 16:56:46 +00:00
{% endmacro %}