templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Welcome!{% endblock %}</title>
  6.     {% block stylesheets %}
  7.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Spartan&display=swap">
  8.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"/>
  9.         {{ encore_entry_link_tags('app') }}
  10.         <link rel="stylesheet" href="{{ asset('build/app.css') }}">
  11.         <link rel="stylesheet" href="{{ asset('build/monaco.css') }}">
  12.     {% endblock %}
  13.     {% block javascripts %}
  14.         {{ encore_entry_script_tags('app') }}
  15.         {{ encore_entry_script_tags('chart') }}
  16.         <script src="{{ asset('build/app.js') }}"></script>
  17.         <script src="{{ asset('build/monaco.js') }}"></script>
  18.     {% endblock %}
  19. </head>
  20. <body>
  21. <nav class="navbar navbar-expand-lg navbar-light bg-light px-1"
  22.         {{ is_granted('ROLE_PREVIOUS_ADMIN') ? 'style="background-color: red !important"' }}
  23. >
  24.     <div class="container-fluid">
  25.         <a class="navbar-brand" href="{{ path('app_homepage') }}">
  26.             <p class="pl-2 d-inline font-weight-bold" style="color: #444;">
  27.                 Cauldron Overflow
  28.             </p>
  29.         </a>
  30.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-collapsable" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
  31.             <span class="navbar-toggler-icon"></span>
  32.         </button>
  33.         <div class="collapse navbar-collapse" id="navbar-collapsable">
  34.             <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  35.                 {% if is_granted('ROLE_ADMIN') %}
  36.                     <li class="navbar-nav me-auto mb-2 mb-lg-0">
  37.                         <a class="nav-link" href="{{ path('admin') }}">Admin</a>
  38.                     </li>
  39.                 {% endif %}
  40.             </ul>
  41.             {% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  42.                 <div class="dropdown">
  43.                     <button
  44.                             class="dropdown-toggle btn"
  45.                             type="button"
  46.                             id="user-dropdown"
  47.                             data-bs-toggle="dropdown"
  48.                             aria-expanded="false"
  49.                     >
  50.                         <img
  51.                                 src="{{ app.user.avatarUrl }}"
  52.                                 alt="{{ app.user.fullName }} Avatar"
  53.                                 width="26px">
  54.                     </button>
  55.                     <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="user-dropdown">
  56.                         {% if is_granted('ROLE_PREVIOUS_ADMIN') %}
  57.                             <li>
  58.                                 <a class="dropdown-item" href="{{ path('app_homepage', {
  59.                                     '_switch_user': '_exit'
  60.                                 }) }}">Exit Impersonation</a>
  61.                             </li>
  62.                         {% endif %}
  63.                         <li>
  64.                             <a class="dropdown-item" href="{{ path('app_profile_show') }}">Profile</a>
  65.                         </li>
  66.                         <li>
  67.                             <a class="dropdown-item" href="{{ path('app_logout') }}">Log Out</a>
  68.                         </li>
  69.                     </ul>
  70.                 </div>
  71.             {% else %}
  72.                 <a class="nav-link text-black-50" href="{{ path('app_login') }}">Log In</a>
  73.             {% endif %}
  74.         </div>
  75.     </div>
  76. </nav>
  77. {% block body %}
  78. {% endblock %}
  79. <footer class="mt-5 p-3 text-center">
  80.     Made with <i style="color: red;" class="fa fa-heart"></i>
  81. </footer>
  82. </body>
  83. </html>