anissah/user/themes/anissabensalah/templates/modular.html.twig

{% extends 'partials/base.html.twig' %}

{% set show_onpage_menu = header.onpage_menu == true or header.onpage_menu is null %}
{% macro pageLinkName(text) %}{{ text|lower|replace({' ':'_'}) }}{% endmacro %}

{% block javascripts %}
    {% if show_onpage_menu %}
        {% do assets.add('theme://js/singlepagenav.min.js') %}

    {% endif %}
    {{ parent() }}
{% endblock %}

{% block bottom %}
    {{ parent() }}
    {% if show_onpage_menu %}
        <script>
        // singlePageNav initialization & configuration
        // $('ul.navigation').singlePageNav({
        //     offset: $('#header').outerHeight(),
        //     filter: ':not(.external)',
        //     updateHash: true,
        //     currentClass: 'active'
        // });
        </script>
    {% endif %}
{% endblock %}

{% block header_navigation %}
    {% if show_onpage_menu %}

    {% include 'partials/language-selector.html.twig' %}
        <ul class="navigation">

          {% for module in page.collection() %}
            {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
            <li><a class="{{ current_module }}" href="#{{ _self.pageLinkName(module.menu)|replace({"Í":"i" , "é":"e"}) }}">{{ module.menu|upper }}</a></li>
          {% endfor %}

          {% for mitem in site.menu %}
            <li>
              <a {% if mitem.class %}class="{{ mitem.class }}"{% endif %} href="{{ mitem.url }}">
                {% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
                {{ mitem.text }}
              </a>
            </li>
          {% endfor %}
        </ul>

        <ul class="nav_media_q">
          <button class="hamburger hamburger--squeeze" type="button">
            <span class="hamburger-box">
              <span class="hamburger-inner"></span>
            </span>
          </button>
          <div class="catbox">
            <div class="catlist">
              {% include 'partials/language-selector.html.twig' %}

            {% for module in page.collection() %}
            {% set current_module = (module.active or module.activeChild) ? 'active' : '' %}
              <li><a class="{{ current_module }}" href="#{{ _self.pageLinkName(module.menu)|replace({"Í":"i" , "é":"e"}) }}">{{ module.menu|upper }}</a></li>
              {% endfor %}

              {% for mitem in site.menu %}
              <li>
                <a {% if mitem.class %}class="{{ mitem.class }}"{% endif %} href="{{ mitem.url }}">
                  {% if mitem.icon %}<i class="fa fa-{{ mitem.icon }}"></i>{% endif %}
                  {{ mitem.text }}
                </a>
              </li>
            {% endfor %}
          </div>
        </div>

        </ul>

    {% else %}
        {{  parent() }}
    {% endif %}
{% endblock %}

{% block body %}

    <div id="{{ _self.pageLinkName(page.menu) }}" class="section">

      <div class="title">
        <div class="visu-album">
          {% set header_image_media = page.media.images|first %}
          {{header_image_media}}
        </div>
        {{page.content}}
        <div class="reso">
        </div>
      </div>
    </div>

    {% for module in page.collection() %}
    <div id="{{ _self.pageLinkName(module.title)|replace({"Í":"i" , "é":"e"})}}" class="section">
        {{ module.content }}
      </div>
    {% endfor %}

{% endblock %}