templates/base.html.twig line 1

  1. <!doctype html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=yes, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>Bentam docproject</title>
  10.     {% block stylesheets %}
  11.         {{ encore_entry_link_tags('app') }}
  12.         <link rel="preconnect" href="https://fonts.googleapis.com">
  13.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14.         <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
  15.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
  16.     {% endblock %}
  17. </head>
  18. <body class="{{ bodyclasses is defined ? bodyclasses : '' }}">
  19.     <div id="app-container">
  20.         <header class="sidebar d-flex flex-column">
  21.             <h1>
  22.                 <span class="icon"><img src="/logo.svg" alt="logo"></span>
  23.                 <span class="text label">Scrib</span>
  24.                 <span class="version label">V0</span>
  25.             </h1>
  26.             <nav>
  27.                 <ul>
  28.                     <li><a href="{{ url('homepage') }}"><span class="icon"><i class="fa fa-house"></i></span> <span class="label">Home</span></a></li>
  29.                     <li><a href="{{ url('edition_index') }}"><span class="icon"><i class="fa fa-pen"></i></span> <span class="label">Create</span></a></li>
  30.                     <li><a href="{{ url('import_index') }}"><span class="icon"><i class="fa fa-pen-nib"></i></span> <span class="label">Import</span></a></li>
  31.                     <li>
  32.                         <a href="#collapseExample" data-bs-toggle="collapse" role="button" class="collapsed" aria-expanded="false" aria-controls="collapseExample"><span class="icon"><i class="fa fa-chevron-right"></i></span> <span class="label">Collapse</span></a>
  33.                         <ul class="collapse" id="collapseExample">
  34.                             <li><a href="#">Item</a></li>
  35.                             <li><a href="#">Item</a></li>
  36.                             <li><a href="#">Item</a></li>
  37.                         </ul>
  38.                     </li>
  40.                 </ul>
  41.             </nav>
  42.             <div class="mt-auto head-footer">
  43.                 <nav>
  44.                     <ul>
  46.                         {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  47.                             <li>
  48.                                 <a href="{{ url('user_index') }}"><span class="label">{{ app.user.email }}</span></a>
  49.                             </li>
  50.                             <li><a href="{{ url('app_logout') }}"><span class="icon"><i class="fa fa-right-from-bracket"></i></span> <span class="label">Logout</span></a></li>
  51.                         {% else %}
  52.                             <li><a href="{{ url('app_login') }}"><span class="icon"><i class="fa fa-right-to-bracket"></i></span> <span class="label">Login</span></a></li>
  53.                         {% endif %}
  54.                         <li><a href="{{ url('homepage') }}"><span class="icon"><i class="fa fa-envelope"></i></span> <span class="label">E-mail us</span></a></li>
  55.                         <li><a href="{{ url('homepage') }}"><span class="icon"><i class="fa fa-phone"></i></span> <span class="label">Call us</span></a></li>
  56.                     </ul>
  57.                 </nav>
  58.                 <nav class="mt-5">
  59.                     <ul>
  60.                         <li><a href="#" id="headerbarcollapser"><span class="icon"><i class="fa fa-chevron-left"></i></span> <span class="label">Collapse</span></a></li>
  61.                     </ul>
  62.                 </nav>
  63.             </div>
  64.         </header>
  65.         <div id="main">
  66.             <div id="mainscrollable">
  67.                 <div class="container">
  68.                     {% block breadcrumb %}{% endblock %}
  69.                 </div>
  70.                 {% block main %}{% endblock %}
  71.             </div>
  72.             {% block mainfooter %}{% endblock %}
  74.         </div>
  75.         <div id="main-right">
  76.             <div class="toggle">
  77.                 <a href="#" id="sidebarcollapser"><span class="icon"><i class="fa fa-chevron-left"></i></span> <span class="label"></span></a>
  78.             </div>
  79.             <div class="right-content">
  80.                 {% block mainRight %}{% endblock %}
  81.             </div>
  82.             <div class="right-tab-controls">
  83.                 {% block mainRightControls %}{% endblock %}
  84.             </div>
  85.         </div>
  86.     </div>
  87.     {% block modals %}
  88.         <div class="toast-container position-fixed bottom-0 end-0 p-3">
  89.             <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
  90.                 <div class="toast-header">
  91.                     <strong class="me-auto">Information</strong>
  92.                     <small>now</small>
  93.                     <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
  94.                 </div>
  95.                 <div class="toast-body">
  96.                     Enregistré
  97.                 </div>
  98.             </div>
  99.         </div>
  100.     {% endblock %}
  101.     {% block javascripts %}
  102.         <script>
  103.             const baseurl = "{{ url('homepage') }}";
  104.         </script>
  105.         {{ encore_entry_script_tags('app') }}
  106.     {% endblock %}
  108. </body>
  109. </html>