deblan.io-murph/templates/module/_navigation.html.twig

83 lines
3.5 KiB
Twig

{% set menu = _navigation.menu('menu') %}
{% set network = _navigation.menu('network') %}
<div class="wide-menu hidden-small">
<div class="fixed-menu">
<div class="align-center">
<a href="{{ safe_path('blog_menu_posts') }}">
{{ include('module/_logo.html.twig') }}
</a>
</div>
{% if menu %}
<nav class="navigation">
<ul>
{%- for item in menu.rootNode.children -%}
{%- if item.isVisible -%}
<li>
{%- set icon -%}
{%- if item.attributes.icon is defined -%}
<span class="deblan-icon deblan-icon-{{ item.attributes.icon.value }}"></span>
{%- elseif item.attributes.svg is defined -%}
<span class="deblan-icon-svg">
{{- item.attributes.svg.value|raw -}}
</span>
{%- endif -%}
{%- endset -%}
<a href="{{ safe_node_url(item) }}" {% if _store.isActiveNode(item, true) %}class="active"{% endif %} {% if item.hasExternalUrl %}target="_blank"{% endif %}>
{{- icon|raw -}}
{{- item.label -}}
</a>
</li>
{%- endif -%}
{%- endfor -%}
</ul>
</nav>
{% endif %}
{%- if network -%}
<ul class="links">
{%- for item in network.rootNode.children -%}
{%- if item.isVisible -%}
<li class="link link-{{ item.attributes.icon.value }}">
<a href="{{ safe_node_url(item) }}" class="deblan-icon deblan-icon-{{ item.attributes.icon.value }}" target="_blank">
<span>{{- item.label -}}</span>
</a>
</li>
{%- endif -%}
{%- endfor -%}
</ul>
{%- endif -%}
</div>
</div>
<div class="small-menu hidden-large hidden-medium visible-small">
<a href="{{ safe_path('posts') }}">
<img src="{{ asset('build/images/logo-small.png') }}" class="fixed" alt="Deblan blog">
</a>
<nav class="navigation push-right">
{% if menu %}
<ul class="list--inline">
{%- for item in menu.rootNode.children -%}
<li>
<a href="{{ safe_node_url(item) }}">
{%- set icon -%}
{%- if item.attributes.icon is defined -%}
<span class="deblan-icon deblan-icon-{{ item.attributes.icon.value }}"></span>
{% elseif item.attributes.svg is defined %}
<span class="deblan-icon">
{{ item.attributes.svg.value|raw }}
</span>
{%- endif -%}
{%- endset -%}
{{- icon|raw -}}
</a>
</li>
{%- endfor -%}
</ul>
{% endif %}
</nav>
</div>