templates/website/includes/menu-mobile-site.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico, imgUpload %}
  2. {% from "website/controls/notification-icon.html.twig" import notificon %}
  3. <div class="menu-mobile-box" data-menu-show="site">
  5.     {# SLIDE: INICIAL #}
  6.     <div class="menu-slide" data-slide-id="inicial" data-slide-status="on">
  7.         <header>
  8.             {% if user %}
  9.                 <div>
  10.                     <div class="avatar">
  11.                         {{ imgUpload(user.photo, enum('AbstractEnum::PATH_PROFILES'), 'user-profile-small', user.name) }}
  12.                     </div>
  13.                 </div>
  14.                 <div class="user">
  15.                     <p class="name">{{ user.name }}</p>
  16.                     <a class="link tema--cor-tx js--open-user-opts">
  17.                         {{ getLanguage('options', 'menu') }}&nbsp;{{ ico('chevron-down') }}
  18.                     </a>
  19.                 </div>
  20.             {% endif %}
  21.             {% if user is empty %}
  22.                 <div class="login">
  23.                     <a href="{{ path('login') }}" class="logar">{{ getLanguage('sign_in', 'head') }}</a>
  24.                     <a href="{{ path('register') }}" class="btn-login">{{ getLanguage('create_a_user', 'head') }}</a>
  25.                 </div>
  26.             {% endif %}
  28.             {# MOBILE NOTIFICAÇÕES #}
  29.             {% if user and menuMobileNotificacoes.show %}
  30.                 {# SLIDE #}
  31.                 <button class="btn-notif-mobile" data-slide-nav="{{ menuMobileNotificacoes.link }}">
  32.                     {{ notificon('bell', totalNotifications) }}
  33.                 </button>
  34.             {% endif %}
  35.         </header>
  37.         {# MENU MODULES #}
  38.         <div class="menu-scroll principal">
  39.             {# USER OPTIONS #}
  40.             {% if user %}
  41.                 <div class="user-options js--user-options" data-status="closed">
  42.                     <ul class="menu-lista">
  43.                         {# ACESSO COMO ADMIN #}
  44.                         {% if canAccessAdm %}
  45.                             <li class="menu-item-admin"><a href="{{ path('adminEad') }}"><span><i class="fas fa-cogs"></i>{{ getLanguage('admin', 'menu') }}</span></a></li>
  46.                         {% endif %}
  48.                         {# ADMIN LOGOUT #}
  49.                         {% if session is defined and session and session.userOrigin %}
  50.                             <li class="menu-item-back-admin"><a href="{{ path('userLogoff') }}"><span><i class="fas fa-cogs"></i>{{ getLanguage('back_as_admin', 'menu') }}</span></a></li>
  51.                         {% endif %}
  52.                         
  53.                         <li class="menu-item-enrollment"><a href="{{ path('enrollentList') }}" class="custom-client-enrollments"><span><i class="fas fa-file-alt"></i>{{ getLanguage('enrollments', 'menu') }}</span></a></li>
  54.                         <li class="menu-item-purchases"><a href="{{ path('transactionList') }}" class="custom-client-purchases"><span><i class="fas fa-shopping-bag"></i>{{ getLanguage('purchases', 'menu') }}</span></a></li>
  56.                         {# SUBSCRIPTIONS #}
  57.                         {% if isModuleActive("product_subscription_module") %}
  58.                             <li class="menu-item-subscriptions"><a href="{{ path('userSubscriptionList') }}" class="custom-client-subscriptions"><span><i class="far fa-credit-card"></i>{{ getLanguage('subscriptions', 'menu') }}</span></a></li>
  59.                         {% endif %}
  61.                         <li class="menu-item-messages"><a href="{{ path('message') }}" class="custom-client-messages"><span><i class="fas fa-envelope"></i>{{ getLanguage('messages', 'menu') }}</span></a></li>
  62.                         <li class="menu-item-profile"><a href="{{ path('userProfile') }}" class="custom-client-edit_profile"><span><i class="fas fa-cog"></i>{{ getLanguage('edit_profile', 'menu') }}</span></a></li>
  63.                         <li class="menu-item-logoff"><a href="{{ path('logoff') }}" class="custom-client-sign_out"><span><i class="fas fa-sign-out-alt"></i>{{ getLanguage('sign_out', 'menu') }}</span></a></li>
  64.                     </ul>
  65.                 </div>
  66.             {% endif %}
  68.             <ul class="menu-lista">
  69.                 {% for menuItem in menuMobile %}
  70.                     {% if menuItem.show %}
  71.                         {% set text = menuItem.text|upper %}
  72.                         <li class="menu-item-{{ menuItem.class }}">
  73.                             {# SLIDE #}
  74.                             {% if menuItem.slide ?? false %}
  75.                                 <a data-slide-nav="{{ menuItem.link }}"><span>{{ text }}</span><i>{{ ico('chevron-right') }}</i></a>
  76.                             {# URL #}
  77.                             {% else %}
  78.                                 <a href="{{ menuItem.link }}"><span>{{ text }}</span></a>
  79.                             {% endif %}
  80.                         </li>
  81.                     {% endif %}
  82.                 {% endfor %}
  83.             </ul>
  84.         </div>
  85.     </div>
  87.     {# SLIDE: PAGES #}
  88.     <div class="menu-slide" data-slide-id="pages" data-slide-status="off">
  89.         <header>
  90.             <a class="link-back" data-slide-nav="inicial" data-slide-back><i>{{ ico('chevron-left') }}</i> 
  91.             <span>{{ getLanguage('pages', 'head')|upper }}</span></a>
  92.         </header>
  94.         {# MENU MODULES #}
  95.         <div class="menu-scroll">
  96.             <ul class="menu-lista">
  97.                 {% for i, page in pages %}
  98.                     {% if page.showType == 1 %}
  99.                         <li class="menu-item-page-{{ page.id }}">
  100.                             <a href="{{ (page.useExternalLink == 1)? page.externalLink : path('pageDetail', { slug:page.slug }) }}"
  101.                                 {% if page.useExternalLink == 1 %}target="_blank"{% endif %}>
  102.                                 <span>{{ page.title|upper }}</span>
  103.                             </a>
  104.                         </li>
  105.                     {% endif %}
  106.                 {% endfor %}
  107.             </ul>
  108.         </div>
  109.     </div>
  111.     {% if hasProducts and categories|length > 0 %}
  112.         {# SLIDE: CATEGORIAS #}
  113.         <div class="menu-slide" data-slide-id="categorias" data-slide-status="off">
  114.             <header>
  115.                 <a class="link-back" data-slide-nav="inicial" data-slide-back><i>{{ ico('chevron-left') }}</i> 
  116.                 <span>{{ getLanguage('categories', 'head')|upper }}</span></a>
  117.             </header>
  119.             {# MENU MODULES #}
  120.             <div class="menu-scroll">
  121.                 <ul class="menu-lista">
  122.                     {% for category in categories %}
  123.                         {% if category.hasProduct() %}
  124.                             <li class="menu-item-category-{{ category.id }}">
  125.                                 <a href="{{ path('productListCategory', { type: 'produtos', slug: category.slug }) }}">
  126.                                 <span>{{ category.category|upper }}</span></a>
  127.                             </li>
  128.                         {% endif %}
  129.                     {% endfor %}
  130.                 </ul>
  131.             </div>
  132.         </div>
  133.     {% endif %}
  135.     {% if user %}
  136.         {# SLIDE: NOTIFICAÇÕES #}
  137.         <div class="menu-slide" data-slide-id="notificacoes" data-slide-status="off">
  138.             <header>
  139.                 <a class="link-back" data-slide-nav="inicial" data-slide-back><i>{{ ico('chevron-left') }}</i> 
  140.                 <span>{{ menuMobileNotificacoes.text|upper }}</span></a>
  141.             </header>
  143.             {# MENU MODULES #}
  144.             <div class="fix-notifications fix-notifications-mobile" data-status="off">
  145.                 {% include 'website/includes/fix-notifications.html.twig' %}
  146.             </div>
  147.         </div>
  148.     {% endif %}
  150. {# -/ .menu-mobile-box #}
  151. </div>