templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en" dir="ltr">
  3. <head>
  4.     <!-- META DATA -->
  5.     <meta charset="UTF-8">
  6.     <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="description" content="SIMA - Backoffice">
  9.     <meta name="author" content="SIMA - Backoffice">
  10.     <!-- FAVICON -->
  11.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/images/sima/favicon.png') }}" />
  12.     <!-- TITLE -->
  13.     <title>
  14.         SIMA -
  15.         {% block title %}
  16.             {{ 'common.welcome'|trans }}
  17.         {% endblock %}
  18.     </title>
  19.     <!-- BOOTSTRAP CSS -->
  20.     <link id="style" href="{{ asset('assets/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" />
  21.     <!-- STYLE CSS -->
  22.     <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet" />
  23.     <link href="{{ asset('assets/css/dark-style.css') }}" rel="stylesheet" />
  24.     <link href="{{ asset('assets/css/transparent-style.css') }}" rel="stylesheet">
  25.     <link href="{{ asset('assets/css/skin-modes.css') }}" rel="stylesheet" />
  26.     <!--- FONT-ICONS CSS -->
  27.     <link href="{{ asset('assets/css/icons.css') }}" rel="stylesheet" />
  28.     <!-- COLOR SKIN CSS -->
  29.     <link id="theme" rel="stylesheet" type="text/css" media="all" href="{{ asset('assets/colors/color1.css') }}" />
  30.     <!-- TOASTR CSS -->
  31.     <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet">
  32.     <link href="{{ asset('backoffice/css/help-modal.css') }}" rel="stylesheet" />
  33.     <style>
  34.         /* Permitir salto de línea en los textos del menú lateral en todo el backoffice */
  35.         .side-menu__label {
  36.             white-space: normal !important;
  37.         }
  38.     </style>
  39. </head>
  40. <body class="app sidebar-mini ltr light-mode">
  41. <!-- GLOBAL-LOADER -->
  42. <div id="global-loader">
  43.     <img src="{{ asset('assets/images/sima/favicon.png') }}" class="loader-img" alt="Loader">
  44. </div>
  45. <!-- /GLOBAL-LOADER -->
  46. <!-- PAGE -->
  47. <div class="page">
  48.     <div class="page-main">
  49.         <!-- app-Header -->
  50.         <div class="app-header header sticky">
  51.             <div class="container-fluid main-container">
  52.                 <div class="d-flex">
  53.                     <a aria-label="Hide Sidebar" class="app-sidebar__toggle" data-bs-toggle="sidebar" href="javascript:void(0)"></a>
  54.                     <!-- sidebar-toggle-->
  55.                     <a class="logo-horizontal" href="{{ path('app_dashboard') }}">
  56.                         <img src="{{ asset('assets/images/sima/logo-sima-blue.png') }}" class="header-brand-img desktop-logo" alt="logo">
  57.                         <img src="{{ asset('assets/images/sima/favicon.png') }}" class="header-brand-img light-logo1"
  58.                              alt="logo">
  59.                     </a>
  60.                     <!-- LOGO -->
  61.                     <div class="main-header-center ms-3 d-none d-lg-block">
  62.                     </div>
  63.                     <div class="d-flex order-lg-2 ms-auto header-right-icons">
  64.                         <!-- SEARCH -->
  65.                         <button class="navbar-toggler navresponsive-toggler d-lg-none ms-auto" type="button"
  66.                                 data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent-4"
  67.                                 aria-controls="navbarSupportedContent-4" aria-expanded="false"
  68.                                 aria-label="Toggle navigation">
  69.                             <span class="navbar-toggler-icon fe fe-more-vertical"></span>
  70.                         </button>
  71.                         <div class="navbar navbar-collapse responsive-navbar p-0">
  72.                             <div class="collapse navbar-collapse" id="navbarSupportedContent-4">
  73.                                 <div class="d-flex order-lg-2">
  74.                                     {% include 'menu-items/header/language.html.twig' %}
  75.                                     {% include 'menu-items/header/brightness.html.twig' %}
  76.                                     {% include 'menu-items/header/fullscreen.html.twig' %}
  77.                                     {% include 'menu-items/header/user-options.html.twig' %}
  78.                                 </div>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.         <!-- /app-Header -->
  86.         <!--APP-SIDEBAR-->
  87.         <div class="sticky">
  88.             <div class="app-sidebar__overlay" data-bs-toggle="sidebar"></div>
  89.             <div class="app-sidebar">
  90.                 <div class="side-header">
  91.                     <a class="header-brand1" href="/admin/dashboard/">
  92.                         <img src="{{ asset('assets/images/sima/logo-sima-blue.png') }}" class="header-brand-img w-75 desktop-logo" alt="logo">
  93.                         <img src="{{ asset('assets/images/sima/favicon.png') }}" class="header-brand-img toggle-logo" alt="logo">
  94.                         <img src="{{ asset('assets/images/sima/logo-sima-blue.png') }}" class="header-brand-img light-logo1 w-75" alt="logo">
  95.                         <img src="{{ asset('assets/images/sima/favicon.png') }}" class="header-brand-img light-logo" alt="logo">
  96.                     </a>
  97.                     <!-- LOGO -->
  98.                 </div>
  99.                 <div class="main-sidemenu">
  100.                     <div class="slide-left disabled" id="slide-left">
  101.                         <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24">
  102.                             <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" />
  103.                         </svg>
  104.                     </div>
  105.                     {% include 'left-menu.html.twig' %}
  106.                 </div>
  107.             </div>
  108.             <!--/APP-SIDEBAR-->
  109.         </div>
  110.         <!--app-content open-->
  111.         <div class="main-content app-content mt-0">
  112.             <div class="side-app">
  113.                 <!-- CONTAINER -->
  114.                 <div class="main-container container-fluid">
  115.                     {% include 'flashBag.html.twig' %}
  116.                     {% set help_template = help_template_for_route(app.request.attributes.get('_route')) %}
  117.                     <!-- PAGE-HEADER -->
  118.                     <div class="page-header">
  119.                         <div>
  120.                             <h1 class="page-title">
  121.                                 {% block page_title %}
  122.                                     {{ 'common.welcome'|trans }}
  123.                                 {% endblock %}
  124.                             </h1>
  125.                             {% block breadcrumb %}
  126.                                 {% include 'breadcrumb.html.twig' with {title: 'common.welcome'|trans} %}
  127.                             {% endblock %}
  128.                         </div>
  129.                         {% if help_template %}
  130.                             <div class="page-options">
  131.                                 {% include 'commons/help_button.html.twig' %}
  132.                             </div>
  133.                         {% endif %}
  134.                     </div>
  135.                     <!-- PAGE-HEADER END -->
  136.                     {% block body %}
  137.                     {% endblock %}
  138.                     <!-- ROW-4 END -->
  139.                 </div>
  140.                 <!-- CONTAINER END -->
  141.             </div>
  142.         </div>
  143.         <!--app-content close-->
  144.     </div>
  145.     {% if help_template %}
  146.         {% include 'commons/help_modal.html.twig' with {
  147.             help_template: help_template,
  148.             help_page_title: block('page_title')
  149.         } %}
  150.     {% endif %}
  151.     <!-- Country-selector modal-->
  152.     <div class="modal fade" id="country-selector">
  153.         <div class="modal-dialog modal-dialog-centered" role="document">
  154.             <div class="modal-content country-select-modal">
  155.                 <div class="modal-header">
  156.                     <h6 class="modal-title">{{ 'common.select_language'|trans }}</h6>
  157.                     <button aria-label="{{ 'common.close'|trans }}" class="btn-close" data-bs-dismiss="modal" type="button"><span aria-hidden="true">×</span></button>
  158.                 </div>
  159.                 <div class="modal-body">
  160.                     <ul class="row p-3">
  161.                         <li class="col-lg-6 mb-2">
  162.                             <a href="{{ path('app_locale_switch', {locale: 'es'}) }}" class="btn btn-country btn-lg btn-block {{ app.request.locale == 'es' ? 'active' : '' }}">
  163.                             <span class="country-selector">
  164.                                 <img alt="" src="{{ asset('assets/images/flags/argentina.jpg') }}" class="me-3 language">
  165.                             </span> {{ 'common.language_es'|trans }}
  166.                             </a>
  167.                         </li>
  168.                         <li class="col-lg-6 mb-2">
  169.                             <a href="{{ path('app_locale_switch', {locale: 'pt'}) }}" class="btn btn-country btn-lg btn-block {{ app.request.locale == 'pt' ? 'active' : '' }}">
  170.                             <span class="country-selector">
  171.                                 <img alt="" src="{{ asset('assets/images/flags/br.svg') }}" class="me-3 language">
  172.                             </span> {{ 'common.language_pt'|trans }}
  173.                             </a>
  174.                         </li>
  175.                         <li class="col-lg-6 mb-2">
  176.                             <a href="{{ path('app_locale_switch', {locale: 'en'}) }}" class="btn btn-country btn-lg btn-block {{ app.request.locale == 'en' ? 'active' : '' }}">
  177.                             <span class="country-selector">
  178.                                 <img alt="" src="{{ asset('assets/images/flags/us_flag.jpg') }}" class="me-3 language">
  179.                             </span> {{ 'common.language_en'|trans }}
  180.                             </a>
  181.                         </li>
  182.                     </ul>
  183.                 </div>
  184.             </div>
  185.         </div>
  186.     </div>
  187.     <!-- Country-selector modal-->
  188.     <!-- FOOTER -->
  189.     <footer class="footer">
  190.         <div class="container">
  191.             <div class="row align-items-center flex-row-reverse">
  192.                 <div class="col-md-12 col-sm-12 text-center">
  193.                     Copyright ©
  194.                     <span id="year"></span> <a href="https://sima.ag" target="_blank">SIMA</a>
  195.                 </div>
  196.             </div>
  197.         </div>
  198.     </footer>
  199.     <!-- FOOTER END -->
  200. </div>
  201. <!-- BACK-TO-TOP -->
  202. <a href="#top" id="back-to-top"><i class="fa fa-angle-up"></i></a>
  203. <!-- JQUERY JS -->
  204. <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
  205. <!-- BOOTSTRAP JS -->
  206. <script src="{{ asset('assets/plugins/bootstrap/js/popper.min.js') }}"></script>
  207. <script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>
  208. <!-- SPARKLINE JS-->
  209. <script src="{{ asset('assets/js/jquery.sparkline.min.js') }}"></script>
  210. <!-- Sticky js -->
  211. <script src="{{ asset('assets/js/sticky.js') }}"></script>
  212. <!-- CHART-CIRCLE JS-->
  213. <script src="{{ asset('assets/js/circle-progress.min.js') }}"></script>
  214. <!-- PIETY CHART JS-->
  215. <script src="{{ asset('assets/plugins/peitychart/jquery.peity.min.js') }}"></script>
  216. <script src="{{ asset('assets/plugins/peitychart/peitychart.init.js') }}"></script>
  217. <!-- SIDEBAR JS -->
  218. <script src="{{ asset('assets/plugins/sidebar/sidebar.js') }}"></script>
  219. <!-- Perfect SCROLLBAR JS-->
  220. <script src="{{ asset('assets/plugins/p-scroll/perfect-scrollbar.js') }}"></script>
  221. <script src="{{ asset('assets/plugins/p-scroll/pscroll.js') }}"></script>
  222. <script src="{{ asset('assets/plugins/p-scroll/pscroll-1.js') }}"></script>
  223. <!-- INTERNAL CHARTJS CHART JS-->
  224. <script src="{{ asset('assets/plugins/chart/Chart.bundle.js') }}"></script>
  225. <script src="{{ asset('assets/plugins/chart/rounded-barchart.js') }}"></script>
  226. <script src="{{ asset('assets/plugins/chart/utils.js') }}"></script>
  227. <!-- INTERNAL SELECT2 JS -->
  228. <script src="{{ asset('assets/plugins/select2/select2.full.min.js') }}"></script>
  229. <!-- INTERNAL Data tables js-->
  230. <script src="{{ asset('assets/plugins/datatable/js/jquery.dataTables.min.js') }}"></script>
  231. <script src="{{ asset('assets/plugins/datatable/js/dataTables.bootstrap5.js') }}"></script>
  232. <script src="{{ asset('assets/plugins/datatable/dataTables.responsive.min.js') }}"></script>
  233. <!-- INTERNAL APEXCHART JS -->
  234. <script src="{{ asset('assets/js/apexcharts.js') }}"></script>
  235. <script src="{{ asset('assets/plugins/apexchart/irregular-data-series.js') }}"></script>
  236. <!-- INTERNAL Flot JS -->
  237. <script src="{{ asset('assets/plugins/flot/jquery.flot.js') }}"></script>
  238. <script src="{{ asset('assets/plugins/flot/jquery.flot.fillbetween.js') }}"></script>
  239. <script src="{{ asset('assets/plugins/flot/chart.flot.sampledata.js') }}"></script>
  240. <script src="{{ asset('assets/plugins/flot/dashboard.sampledata.js') }}"></script>
  241. <!-- INTERNAL Vector js -->
  242. <script src="{{ asset('assets/plugins/jvectormap/jquery-jvectormap-2.0.2.min.js') }}"></script>
  243. <script src="{{ asset('assets/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
  244. <!-- SIDE-MENU JS-->
  245. <script src="{{ asset('assets/plugins/sidemenu/sidemenu.js') }}"></script>
  246. <!-- TypeHead js -->
  247. <script src="{{ asset('assets/plugins/bootstrap5-typehead/autocomplete.js') }}"></script>
  248. <script src="{{ asset('assets/js/typehead.js') }}"></script>
  249. <!-- INTERNAL INDEX JS -->
  250. <script src="{{ asset('assets/js/index1.js') }}"></script>
  251. <!-- Color Theme js -->
  252. <script src="{{ asset('assets/js/themeColors.js') }}"></script>
  253. <!-- CUSTOM JS -->
  254. <script src="{{ asset('assets/js/custom.js') }}"></script>
  255. <script src="{{ asset('assets/plugins/wysiwyag/jquery.richtext.js') }}"></script>
  256. <script src="{{ asset('assets/plugins/wysiwyag/wysiwyag.js') }}"></script>
  257. <!-- TOASTR JS -->
  258. <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
  259. {% block javascript %}
  260. {% endblock %}
  261. </body>
  262. </html>