templates/menu/menu.side.html.twig line 1

Open in your IDE?
  1. <div id="admin-left-sidebar" class="sidebar sidebar-dark sidebar-main sidebar-expand-lg sidebar-main-resize mini large-screen">
  2.     <!-- App logo and controls -->
  3.     <div id="admin-left-logo" class="navbar navbar-dark bg-dark-100 navbar-static border-0">
  4.         <div class="navbar-brand flex-fill wmin-0">
  5.             <img id="menu-logo" src="{{ asset('images/logo2-1.svg') }}" class="sidebar-resize-hide" alt="">
  6.             <img id="menu-logo2" src="{{ asset('images/logo2-2.svg') }}" class="sidebar-resize-hide hiddenText" alt="">
  7.         </div>
  8.     </div>
  9.     <!-- /app logo and controls -->
  10.     <hr>
  11.     <!-- Sidebar content -->
  12.     <div class="l-navbar" id="nav-bar">
  13.         <nav class="nav">
  14.             <div>
  15.                 <div class="nav_list">
  16.                     <ul class="menu_items">
  17.                         {% include 'menu/menu.html.twig' %}
  18.                     </ul>
  19.                 </div>
  20.             </div>
  21.         </nav>
  22.     </div>
  23.     <!-- /sidebar content -->
  24.     {% if has_parameter_granted('multilingual') %}
  25.     <!-- Flags -->
  26.     <div id="admin-left-flags" class="language-switcher">
  27.            <!--
  28.         <a href="{{ get_url_with_locale(app.request.uri, 'en') }}">
  29.             <img src="{{ asset('build/images/flags/en.png') }}" title="{{ 'language.en'|trans({},'country') }}" alt="{{ 'language.en'|trans({},'country') }}">
  30.         </a>
  31.         -->
  32.         <a href="{{ get_url_with_locale(app.request.uri, 'fr') }}">
  33.             <img src="{{ asset('build/images/flags/fr.png') }}" title="{{ 'language.fr'|trans({},'country') }}" alt="{{ 'language.fr'|trans({},'country') }}">
  34.         </a>
  35.         <a href="{{ get_url_with_locale(app.request.uri, 'de') }}">
  36.             <img src="{{ asset('build/images/flags/de.png') }}" title="{{ 'language.de'|trans({},'country') }}" alt="{{ 'language.de'|trans({},'country') }}">
  37.         </a>
  38.     </div>
  39.     <!-- /flags -->
  40.     {% endif %}
  41. </div>
  42. <script>
  43.     $(document).ready(function() {
  44.         $(".content-wrapper").mousemove(
  45.             // Mouse enter page content (to remove menu display bug)
  46.             function() {
  47.                 // Hide fields
  48.                 displayFields(false);
  49.             }
  50.         );
  52.         $("#menu-logo2").click(
  53.             // Click on logo => back to home
  54.             function() {
  55.                 window.location.href = "{{ path('home') }}"
  56.             }
  57.         );
  59.         $("#admin-left-sidebar").hover(
  60.             // Mouse enter left menu
  61.             function() {
  62.                 // Display menu text
  63.                 setTimeout(function () {
  64.                     displayFields(true);
  65.                 }, 150); /* delay of css transition */
  66.             },
  67.             // Mouse leave left menu
  68.             function() {
  69.                 // Hide menu text
  70.                 displayFields(false);
  71.             }
  72.         );
  74.         $(".nav_list").hover(
  75.             // Mouse enter left menu
  76.             function() {
  77.                 // Display menu text
  78.                 setTimeout(function () {
  79.                     displayFields(true);
  80.                 }, 150); /* delay of css transition */
  81.             }
  82.         );
  84.         function displayFields(display) {
  85.             if (display) {
  86.                 $("#admin-left-sidebar .nav_name, #admin-left-sidebar .badgeMenu").each(function() {
  87.                     if ($(this).hasClass("hiddenText")) {
  88.                         $(this).removeClass("hiddenText");
  89.                         $(this).addClass("visibleText");
  90.                     }
  91.                 });
  92.                 $("#menu-logo2").each(function() {
  93.                     if ($(this).hasClass("hiddenText")) {
  94.                         $(this).removeClass("hiddenText");
  95.                         $(this).addClass("visibleText");
  96.                     }
  97.                 });
  98.                 $("#menu-logo").each(function() {
  99.                     if ($(this).hasClass("visibleText")) {
  100.                         $(this).removeClass("visibleText");
  101.                         $(this).addClass("hiddenText");
  102.                     }
  103.                 });
  104.             } else {
  105.                 $("#admin-left-sidebar .nav_name, #admin-left-sidebar .badgeMenu").each(function() {
  106.                     if ($(this).hasClass("visibleText")) {
  107.                         $(this).removeClass("visibleText");
  108.                         $(this).addClass("hiddenText");
  109.                     }
  110.                 });
  111.                 $("#client-logo").each(function() {
  112.                     if ($(this).hasClass("visibleText")) {
  113.                         $(this).removeClass("visibleText");
  114.                         $(this).addClass("hiddenText");
  115.                     }
  116.                 });
  117.                 $("#menu-logo").each(function() {
  118.                     if ($(this).hasClass("hiddenText")) {
  119.                         $(this).removeClass("hiddenText");
  120.                         $(this).addClass("visibleText");
  121.                     }
  122.                 });
  123.                 $("#menu-logo2").each(function() {
  124.                     if ($(this).hasClass("visibleText")) {
  125.                         $(this).removeClass("visibleText");
  126.                         $(this).addClass("hiddenText");
  127.                     }
  128.                 });
  129.             }
  130.         }
  131.     });
  132. </script>