templates/Default/menu.html.twig line 1

Open in your IDE?
  1. {% extends 'Default/parameters.html.twig' %}
  3. {% block html %}
  4.     {% apply spaceless %}
  5.         {% set menus = [] %}
  6.         {% set menus = menus|merge({'offres':{label:"Offres"|trans, id:'offres', href: path('home')}}) %}
  7.         {% set menus = menus|merge({'applications':{label:"Mes candidatures"|trans, id:'applications', href: path('job-application')}}) %}
  8.         {# % set menus = menus|merge({'about':{label:"A propos", id:'about'|trans, href: path('about')}}) %#}
  9.         {% block content %}
  10.             {% if isMobile() %}
  11.                 <div class=''>
  12.                     <ul class='list h4 upper flex col lspacing vt-15-in gpadding white'>
  13.                         {% for o in menus %}
  14.                             <li class='vt-3-in'>
  15.                                 {% if o.href is defined and o.href and o.submenus is not defined %}
  16.                                     <a href='{{o.href}}' class='vt-8-in nowrap flex col middle relative pointer'>{{o.label}}</a>
  17.                                 {% else %}
  18.                                     <span class='vt-8-in nowrap flex row space middle relative pointer medium os-click' data-target='next'>
  19.                                         <span>{{o.label}}</span>
  20.                                         <i class='fa fa-chevron-down'></i>
  21.                                     </span>
  22.                                 {% endif %}
  23.                                 {% if o.submenus is defined %}
  24.                                     <ul class='absolute shadow transition-1s p-alt text-left success medium vt-10-in hz-40-in hoverflow ytop-100'>
  25.                                         <i class="absolute fill top left bg-white"></i>
  26.                                         {% for k in o.submenus %}
  27.                                             <li class='relative'>
  28.                                                 <a href='{{k.href}}' class='iflex col middle relative pointer vt-5-in vt-7'>{{k.label}}</a>
  29.                                             </li>
  30.                                         {% endfor %}
  31.                                     </ul>
  32.                                 {% endif %}
  33.                             </li>
  34.                         {% endfor %}
  35.                     </ul>
  36.                 </div>
  37.             {% else %}
  38.                 <div class='fill top'>
  39.                     <ul class='list flex row center p black fill text-center'>
  40.                         {% for o in menus %}
  41.                             <li class='relative h100 menu transition {{activeMenu == o.id ? "active"}}'>
  42.                                 {% if o.href is defined and o.href %}
  43.                                     <a href='{{o.href}}' class='nowrap transition relative pointer iflex row middle h100'>
  44.                                         <span class='vt-5-in hz-20-in'>{{o.label}}</span>
  45.                                     </a>
  46.                                 {% else %}
  47.                                     <span class='os-click transition relative pointer iflex row middle h100' data-target='next'>
  48.                 <span class='vt-5-in hz-20-in'>{{o.label}}</span>
  49.             </span>
  50.                                 {% endif %}
  52.                                 {% if o.id == 'accounts' %}
  53.                                     <div class='special absolute shadow transition-1s text-left success medium vt-30-in hz-30-in hoverflow ytop-100'>
  54.                                         <i class="absolute fill top left bg-white"></i>
  55.                                         <div class="w100 flex row around relative">
  56.                                             <div class="flex col left">
  57.                                                 <h4 class="h6 black bottom-10"><a href="">Comptes courants</a></h4>
  58.                                                 {% for k in [] %}
  59.                                                     <a class="flex row p middle" href="">
  60.                                                         <i class="bg-warning padding-5 circle right-10"></i>
  61.                                                         <span>{{k.label}}</span>
  62.                                                     </a>
  63.                                                 {% endfor %}
  64.                                             </div>
  65.                                             <div class="flex col left">
  66.                                                 <h4 class="h6 black bottom-10"><a href="">Comptes épargnes</a></h4>
  67.                                                 {% for k in [] %}
  68.                                                     <a class="flex row p middle" href="">
  69.                                                         <i class="bg-warning padding-5 circle right-10"></i>
  70.                                                         <span>{{k.label}}</span>
  71.                                                     </a>
  72.                                                 {% endfor %}
  73.                                             </div>
  74.                                         </div>
  75.                                     </div>
  76.                                 {% elseif o.submenus is defined %}
  77.                                     <ul class='absolute shadow transition-1s p-alt text-left success medium vt-10-in hz-40-in hoverflow ytop-100'>
  78.                                         <i class="absolute fill top left bg-white"></i>
  79.                                         {% for k in o.submenus %}
  80.                                             <li class='relative'>
  81.                                                 <a href='{{k.href}}' class='iflex col middle relative pointer vt-5-in vt-7'>{{k.label}}</a>
  82.                                             </li>
  83.                                         {% endfor %}
  84.                                     </ul>
  85.                                 {% endif %}
  86.                             </li>
  87.                         {% endfor %}
  88.                     </ul>
  89.                 </div>
  90.             {% endif %}
  91.         {% endblock %}
  93.     {% endapply %}
  94. {% endblock %}