templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>NCSTOX</title>
  7.     {% block stylesheets %}
  8.         {{ encore_entry_link_tags('app') }}
  9.      {% endblock %}
  10.      {% block javascripts %}
  11.         {{ encore_entry_script_tags('app') }}
  12.         {{ encore_entry_script_tags('carbon') }}
  13.         <!-- Renders app.js & a webpack runtime.js file
  14.             <script src="/build/runtime.js" defer></script>
  15.              <script src="/build/app.js" defer></script>
  16.              See note below about the "defer" attribute -->
  17.      {% endblock %}
  18. </head>
  19. <body>
  20.     <bx-header aria-label="IBM Platform Name">
  21.         <bx-header-name href="{{ path('app_default') }}" prefix="NCSTOX"></bx-header-name>
  22.         {% if app.user %}
  23.             <bx-header-nav menu-bar-label="IBM [Platform]">
  24.                 <bx-header-nav-item href="{{ path('app_default') }}">Substance search</bx-header-nav-item>
  25.                 <bx-header-nav-item href="{{ path('app_toxicity_search') }}">Toxicity search</bx-header-nav-item>
  26.                 {#
  27.                 <bx-header-nav-item href="{{ path('app_plant_unitis_allergen') }}">UNITIS list of plants</bx-header-nav-item>
  28.                 #}
  29.                 <bx-header-nav-item href="{{ path('app_prediction_index') }}">Prediction tool</bx-header-nav-item>    
  30.                 <bx-header-nav-item href="{{ path('app_formulation_index') }}">Formulation tool</bx-header-nav-item>            
  31.                 {#
  32.                 <bx-header-nav-item href="javascript:void 0">Link 3</bx-header-nav-item>
  33.                 <bx-header-menu menu-label="Link 4" trigger-content="Link 4">
  34.                     <bx-header-menu-item href="javascript:void 0">Sub-link 1</bx-header-menu-item>
  35.                     <bx-header-menu-item href="javascript:void 0">Sub-link 2</bx-header-menu-item>
  36.                     <bx-header-menu-item href="javascript:void 0">Sub-link 3</bx-header-menu-item>
  37.                 </bx-header-menu>
  38.                 #}
  39.             </bx-header-nav>
  40.             <bx-header-nav style="display: flex;margin-left: auto;">
  41.                 <bx-header-nav-item>
  42.                     <bx-link  href="/logout">
  43.                         <svg style="fill:red;width:24px;height:24px;" id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>logout</title><path d="M6,30H18a2.0023,2.0023,0,0,0,2-2V25H18v3H6V4H18V7h2V4a2.0023,2.0023,0,0,0-2-2H6A2.0023,2.0023,0,0,0,4,4V28A2.0023,2.0023,0,0,0,6,30Z"/><polygon points="20.586 20.586 24.172 17 10 17 10 15 24.172 15 20.586 11.414 22 10 28 16 22 22 20.586 20.586"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>
  44.                     </bx-link>
  45.                 </bx-header-nav-item>
  46.             </bx-header-nav>
  47.         {% endif %}
  48.     </bx-header>
  49.     <main class="bx--grid"> 
  50.         {% block content %}
  51.         {% endblock %}
  52.     </main>
  53.     {% block modal %}
  54.     {% endblock modal %}
  55. </body>
  56. </html>