templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3. {% set title_before = '' %}
  4. {% set title_main = '' %}
  5. {% set title_after = '' %}
  6.     <head>
  7.         <meta charset="UTF-8">
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.         <link rel="icon" href="/favicon.ico" />
  10.         <link rel="apple-touch-icon" href="/ad_logo_b.png">
  12.         <title>
  13.         {% block title %}{{ title_before }} {{ title_main }} {{ title_after }}{% endblock %}
  14.         </title>
  15.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  16.         {% block stylesheets %}
  17.             <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  18.             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic-bootstrap.min.css">
  19.             {{ encore_entry_link_tags('app') }}
  20.         {% endblock %}
  22.         {% block head %} 
  23.             <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  24.             <!-- Popper JS -->
  25.             <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  27.             {{ encore_entry_script_tags('app') }}
  28.         {% endblock %}
  30.     </head>
  31.     <body>
  32.     <header>
  33.         {% block header %}
  34.             {% include 'header.html.twig'  %}
  35.         {% endblock %}
  36.     </header>
  38.     <main class="wrapper">
  39.         {% block sidebar %}
  40.             {% include 'sidebar.html.twig'  %}
  41.         {% endblock %}
  42.         <!-- Page Content -->
  43.         <div id="main-container">
  44.             {% block body %}{% endblock %}
  45.         </div>
  47.     </main>
  49.     {% block javascripts %}
  51.         <script type="application/javascript">
  52.             $(document).ready(function () {
  54.                  $('#sidebar ul li .dropdown-toggle').on('click', function(){
  56.                      $(this).closest('.dropdown').children('.collapse').collapse('toggle');
  58.                  });
  60.                 $('#sidebarCollapse').on('click', function () {
  61.                     $('#sidebar').toggleClass('active');
  62.                     $('#content').with = $( document ).width - $('#sidebar').with ;
  63.                 });
  65.             });
  66.         </script>
  67.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
  68.     {% endblock %}
  69.     </body>
  70. </html>