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 name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <link rel="manifest" href="{{ asset('manifest.json') }}">
  9.     <meta name="mobile-web-app-capable" content="yes">
  10.     <meta name="apple-mobile-web-app-capable" content="yes">
  11.     <meta name="application-name" content="Part-DB">
  12.     <meta name="apple-mobile-web-app-title" content="Part-DB">
  13.     <meta name="msapplication-config" content="{{ asset('icons/browserconfig.xml') }}">
  14.     <meta name="theme-color" content="#ffffff">
  15.     <meta name="theme-color" content="#ffffff">
  16.     <meta name="msapplication-navbutton-color" content="#ffffff">
  17.     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  18.     <meta name="msapplication-starturl" content="/en/">
  21.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('icons/favicon.ico') }}">
  22.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('icons/apple-touch-icon.png') }}">
  23.     <link rel="icon" type="image/png" href="{{ asset('icons/favicon-32x32.png') }}" sizes="32x32">
  24.     <link rel="icon" type="image/png" href="{{  asset('icons/favicon-16x16.png') }}" sizes="16x16">
  25.     <link rel="mask-icon" href="{{ asset('icons/safari-pinned-tab.svg') }}" color="#5bbad5">
  28.     <title>{% apply trim %}{% block title %}{{ partdb_title}}{% endblock %}{% endapply %}</title>
  29.     {% block stylesheets %}
  30.         {# Include the main bootstrap theme based on user/global setting #}
  34.         {% if not app.user.theme is defined %}
  35.             {% set theme = global_theme %}
  36.         {% else %}
  37.             {% set theme = app.user.theme %}
  38.         {% endif %}
  42.         {% if theme and theme in constant('App\\Entity\\UserSystem\\User::AVAILABLE_THEMES') %}
  43.             <link rel="stylesheet" href="{{ preload(asset('build/themes/' ~ theme ~ '.css'), {as: 'style'}) }}">
  44.         {% else %}
  45.             <link rel="stylesheet" href="{{ preload(asset('build/themes/bootstrap.css'), {as: 'style'}) }}">
  46.         {% endif %}
  48.         {{ encore_entry_link_tags('app') }}
  49.     {% endblock %}
  50. </head>
  51. <body data-base-url="{{ url('homepage', {'_locale': app.request.locale}) }}">
  52. {% block body %}
  54.     <header>
  56.         {% include "_navbar.html.twig" %}
  58.         {% include "_flash.html.twig" %}
  60.     </header>
  62.     <main>
  63.         <div class="container-fluid">
  64.             <div class="row">
  65.                 <div class="collapse d-md-block bg-light" id="sidebar-container">
  66.                     <nav  class="fixed-sidebar col-md-3 col-lg-2 " id="fixed-sidebar">
  67.                         {% include "_sidebar.html.twig" %}
  68.                         <noscript><b>{% trans %}vendor.base.javascript_hint{% endtrans %}</b></noscript>
  69.                     </nav>
  70.                 </div>
  72.                 <div class="col-md-9 col-lg-10 offset-md-3 offset-lg-2 pl-0" id="main">
  73.                     <button class="btn btn-outline-dark btn-sm p-0" type="button" id="sidebar-toggle-button" title="{% trans %}sidebar.big.toggle{% endtrans %}">
  74.                         <i class="fas fa-angle-left"></i>
  75.                     </button>
  76.                     <div class="container-fluid mr-0 pr-0" id="content">
  77.                         <div id="content-data">
  78.                             {# Here will be the real content be injected#}
  80.                             {% block content %}
  81.                             {% endblock %}
  83.                         </div>
  85.                         {% block scripts %}
  87.                         {% endblock %}
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </main>
  94.     {# Modal for loading bar #}
  95.     <div class="modal border-primary" id="progressModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  96.         <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
  97.             <div class="modal-content shadow-lg">
  98.                 <div class="modal-header">
  99.                     <h5 class="modal-title" id="exampleModalLabel">{% trans %}loading.caption{% endtrans %}
  100.                         <small class="text-muted">{% trans %}loading.message{% endtrans %}</small></h5>
  101.                 </div>
  102.                 <div class="modal-body">
  103.                     <div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="100" aria-valuemin="0"
  104.                          aria-valuemax="100" style="width: 100%;">
  105.                         <span>{% trans %}loading.bar{% endtrans %}</span>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </div>
  112.     {# Back to top buton #}
  114.     <!-- Back to top button -->
  115.     <a id="back-to-top" href="#" class="btn btn-primary back-to-top" data-no-ajax role="button"
  116.        title="{% trans %}back_to_top{% endtrans %}" data-toggle="tooltip" data-placement="left">
  117.         <i class="fas fa-angle-up fa-fw"></i>
  118.     </a>
  121. {% endblock %}
  122. {% block javascripts %}
  123.     {{ encore_entry_script_tags('app') }}
  124.     {{ encore_entry_script_tags('ru2ftwofactor') }}
  125. {% endblock %}
  126. </body>
  127. </html>