templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <title>{% block title %}Welcome!{% endblock %}</title>
  8.     {% block stylesheets %}
  9.             <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
  10.             <link rel="stylesheet" href="{{ asset('css/bootstrap-grid.css') }}">
  11.             <link rel="stylesheet" href="{{ asset('css/bootstrap-reboot.css') }}">
  12.             <link rel="stylesheet" href="{{ asset('css/sb-admin.css') }}">
  13.             <link rel="stylesheet" href="{{ asset('css/all.min.css') }}">
  14.             <link rel="stylesheet" href="{{ asset('css/dataTable.min.css') }}">
  15.     {% endblock %}
  16.     {% block javascripts %}
  17.         <script src="{{ asset('js/jquery.min.js') }}"></script>
  18.         <script src="{{ asset('js/bootstrap.js') }}"></script>
  19.         <script src="{{ asset('js/bootstrap.bundle.js') }}"></script>
  20.         <script src="{{ asset('js/sb-admin.js') }}"></script>
  21.         <script src="{{ asset('js/all.min.js') }}"></script>
  22.         <script src="{{ asset('js/dataTables.min.js') }}"></script>
  23.         <script src="{{ asset('js/admin.js') }}"></script>
  24.     {% endblock %}
  25.     {% block page_javascripts %}
  26.     {% endblock %}
  27. </head>
  28. <body id="page-top" class="">
  29. {% block topbar %}
  30.     {% include("partials/topbar.html.twig") %}
  31. {% endblock %}
  32. <!-- Page Wrapper -->
  33. <div id="wrapper">
  34.     {% block sidebar %}
  35.         {% include("partials/sidebar.html.twig") %}
  36.     {% endblock %}
  37.     <!-- Content Wrapper -->
  38.     <div id="content-wrapper">
  39.         <!-- Main Content -->
  40.         <div id="content">
  41.             <!-- Begin Page Content -->
  42.             <div class="container-fluid">
  43.                 {% for label, messages in app.flashes %}
  44.                     {% for message in messages %}
  45.                         <div class="alert alert-{{ label }} alert-dismissible fade show">
  46.                             <button type="button" class="close" data-dismiss="alert">&times;</button>
  47.                             {{ message }}
  48.                         </div>
  49.                     {% endfor %}
  50.                 {% endfor %}
  51.                 {% block body %}{% endblock %}
  52.             </div>
  53.             <!-- /.container-fluid -->
  54.         </div>
  55.         <!-- End of Main Content -->
  56.         <!-- Footer -->
  57.         <footer class="sticky-footer">
  58.             <div class="container my-auto">
  59.                 <div class="copyright text-center my-auto">
  60.                     <span>{{ "page.copyright" |trans | raw }} {{ "now"| date('Y') }} {{ "page.company" |trans | raw }}</span>
  61.                 </div>
  62.             </div>
  63.         </footer>
  64.         <!-- End of Footer -->
  65.     </div>
  66.     <!-- End of Content Wrapper -->
  67. </div>
  68. <!-- End of Page Wrapper -->
  69. <!-- Scroll to Top Button-->
  70. <a class="scroll-to-top rounded" href="#page-top">
  71.     <i class="fas fa-angle-up"></i>
  72. </a>
  73. <!-- Logout Modal-->
  74. <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
  75.      aria-hidden="true">
  76.     <div class="modal-dialog" role="document">
  77.         <div class="modal-content">
  78.             <div class="modal-header">
  79.                 <h5 class="modal-title" id="exampleModalLabel">{{ "form.logout_question" |trans }}</h5>
  80.                 <button class="close" type="button" data-dismiss="modal" aria-label="Close">
  81.                     <span aria-hidden="true">×</span>
  82.                 </button>
  83.             </div>
  84.             <div class="modal-body">{{ "form.logout_text" |trans }}</div>
  85.             <div class="modal-footer">
  86.                 <button class="btn btn-secondary" type="button" data-dismiss="modal">{{ "nav.cancel" |trans }}</button>
  87.                 <a class="btn btn-primary" href="{{ path('app_logout') }}">{{ "nav.logout" |trans }}</a>
  88.             </div>
  89.         </div>
  90.     </div>
  91. </div>
  92. <script>
  93.     $(document).on('click', '.scroll-to-top', function () {
  94.         $("html, body").animate({scrollTop: 0}, "slow");
  95.     });
  96.     $(".alert").fadeTo(2000, 500).slideUp(500, function(){
  97.         $(".alert").slideUp(500);
  98.     });
  99. </script>
  100. </body>
  101. </html>