templates/Layout/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="pl">
  4. {% include 'Layout/head.html.twig' %}
  6. <style>
  7.     #loader-wrapper-searcher {
  8.         position: fixed;
  9.         top: 0;
  10.         bottom: 0;
  11.         left: 0;
  12.         right: 0;
  13.         z-index: 9000;
  14.         background: #ECF0F1;
  15.         display: none;
  16.     }
  18.     .load-searcher {
  19.         position: absolute;
  20.         top: 50%;
  21.         left: 50%;
  22.         transform: translate(-50%, -50%);
  23.         width: 100px;
  24.         height: 100px;
  25.         /*display: none;*/
  26.     }
  28.     .load-searcher hr {
  29.         border: 0;
  30.         margin: 0;
  31.         width: 40%;
  32.         height: 40%;
  33.         position: absolute;
  34.         border-radius: 50%;
  35.         animation: spin 2s ease infinite;
  36.     }
  38.     .load-searcher :first-child {
  39.         background: #19A68C;
  40.         animation-delay: -1.5s;
  41.     }
  43.     .load-searcher :nth-child(2) {
  44.         background: #F63D3A;
  45.         animation-delay: -1s;
  46.     }
  48.     .load-searcher :nth-child(3) {
  49.         background: #FDA543;
  50.         animation-delay: -0.5s;
  51.     }
  53.     .load-searcher :last-child {
  54.         background: #193B48;
  55.     }
  57.     @keyframes spin {
  58.         0%, 100% {
  59.             transform: translate(0)
  60.         }
  61.         25% {
  62.             transform: translate(160%)
  63.         }
  64.         50% {
  65.             transform: translate(160%, 160%)
  66.         }
  67.         75% {
  68.             transform: translate(0, 160%)
  69.         }
  70.     }
  71. </style>
  73. <div id="loader-wrapper-searcher">
  74.     <div class="load-searcher">
  75.         <hr/><hr/><hr/><hr/>
  76.     </div>
  77.     <br/><br/><br/>
  78.     <center><h3>Proszę czekać, wyszukiwanie wyników...</h3></center>
  79. </div>
  81. <div id="wrapper">
  83.     <div class="navbar navbar-expand flex-column flex-md-row navbar-custom">
  84.         <div class="container-fluid">
  85.             <a href="/" class="navbar-brand mr-0 mr-md-2 logo">
  86.             <span class="logo-lg">
  87.                 <img src="{{ asset('images/czescidlaserwisulogo.png') }}" alt="" height="36" />
  88.             </span>
  89.             <span class="logo-sm">
  90.                 <img src="{{ asset('images/czescidlaserwisulogo.png') }}" alt="" height="36">
  91.             </span>
  92.             </a>
  94.             <ul class="navbar-nav bd-navbar-nav flex-row list-unstyled menu-left mb-0">
  95.                 <li class="">
  96.                     <button class="button-menu-mobile open-left disable-btn">
  97.                         <i data-feather="menu" class="menu-icon"></i>
  98.                         <i data-feather="x" class="close-icon"></i>
  99.                     </button>
  100.                 </li>
  101.             </ul>
  103.             <ul class="navbar-nav flex-row ml-auto d-flex list-unstyled topnav-menu float-right mb-0">
  104.                 <li class="d-block">
  105.                     <div class="app-search">
  106.                         <div class="input-group">
  107.                             <input type="text" class="form-control" placeholder="Szukaj..." aria-label="Szukaj..." aria-describedby="searcher-phrase" id="searcher-phrase">
  108.                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
  109.                         </div>
  110.                     </div>
  111.                 </li>
  112.                 <li class="dropdown notification-list">
  113.                     <a class="nav-link dropdown-toggle notification-list-button" data-toggle="dropdown" href="#" role="button" aria-haspopup="false"
  114.                        aria-expanded="false">
  115.                         <i data-feather="bell"></i>
  116.                         <span class="noti-icon-badge" id="noti-icon-badge"></span>
  117.                     </a>
  118.                     <div class="dropdown-menu dropdown-menu-right dropdown-lg">
  120.                         <!-- item-->
  121.                         <div class="dropdown-item noti-title border-bottom">
  122.                             <h5 class="m-0 font-size-16">
  123.                                 Powiadomienia (<span id="notificationsCount">0</span>)
  124.                                 <span class="float-right">
  125.                                     <a id="read-all-notification" class="text-dark" data-action="{{ path('notification_readAll') }}">
  126.                                         <small>Wyczyść wszystkie</small>
  127.                                     </a>
  128.                                 </span>
  129.                             </h5>
  130.                         </div>
  132.                         <div class="slimscroll noti-scroll" id="notifications-list">
  133.                             {% include 'notifications.html.twig' %}
  134.                         </div>
  136.                     </div>
  137.                 </li>
  139.                 <li class="dropdown d-none d-lg-block" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{ 'menu.print'|trans }}">
  140.                     {% block print_button %}
  141.                     <a class="nav-link mr-0" onclick="window.print();">
  142.                         <i data-feather="printer"></i>
  143.                     </a>
  144.                     {% endblock %}
  145.                 </li>
  147.                 <li class="dropdown d-none d-lg-block" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{ 'menu.profile'|trans }}">
  148.                     <a class="nav-link mr-0" href="{{ path('customer_profile') }}" role="button">
  149.                         <i data-feather="user"></i>
  150.                         <span> {{ app.user.username }} </span>
  151.                     </a>
  152.                 </li>
  153.                 <li class="dropdown d-none d-lg-block" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{ 'menu.contact'|trans }}">
  154.                     <a class="nav-link mr-0" href="{{ path('contact') }}" role="button">
  155.                         <i data-feather="phone"></i>
  156.                     </a>
  157.                 </li>
  158.                 <li class="dropdown d-none d-lg-block" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{ 'menu.logout'|trans }}">
  159.                     <a class="nav-link mr-0" href="{{ path('logout') }}" role="button">
  160.                         <i data-feather="log-out"></i>
  161.                     </a>
  162.                 </li>
  163.             </ul>
  164.         </div>
  165.     </div>
  166.     {% include 'Layout/left-menu.html.twig' %}
  168.     <div class="content-page">
  169.         <div class="content pb-5 pb-md-1">
  170.             <div class="container mt-2">
  171.                 {{ include('flashMessages.html.twig') }}
  172.             </div>
  173.             <div class="container-fluid">
  174.                 {% block body %}{% endblock %}
  175.             </div>
  176.         </div>
  178.         {% include 'Layout/footer.html.twig' %}
  179.     </div>
  180. </div>
  182. {% include 'Layout/scripts.html.twig' %}
  183. {% include 'popupYesNoIGP.html.twig' %}
  184. </html>