templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  4. <head>
  5.     <!-- Required meta tags -->
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <!--favicon-->
  9.     <link rel="icon" href="{{ asset('assets/images/logos/logo-nubes.png') }}" type="image/png" />
  10.     <!--plugins-->
  11.         <link rel="stylesheet" href="{{ asset('assets/plugins/notifications/css/lobibox.min.css')}}" />
  12.     <link href="{{ asset('assets/plugins/vectormap/jquery-jvectormap-2.0.2.css') }}" rel="stylesheet"/>
  13.     <link href="{{ asset('assets/plugins/simplebar/css/simplebar.css') }}" rel="stylesheet" />
  14.     <link href="{{ asset('assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css') }}" rel="stylesheet" />
  15.     <link href="{{ asset('assets/plugins/metismenu/css/metisMenu.min.css') }}" rel="stylesheet" />
  16.         <link href="{{ asset('assets/plugins/datetimepicker/css/classic.css')}}" rel="stylesheet" />
  17.         <link href="{{ asset('assets/plugins/datetimepicker/css/classic.time.css') }}" rel="stylesheet" />
  18.     <link href="{{ asset('assets/plugins/datetimepicker/css/classic.date.css') }}" rel="stylesheet" />
  19.         <link href="{{ asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet" />
  20.         <link rel="stylesheet" href="{{ asset('assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.min.css')}}">
  21.     
  22.     <!-- loader-->
  23.     <link href="{{ asset('assets/css/pace.min.css') }}" rel="stylesheet" />
  24.     <script src="{{ asset('assets/js/pace.min.js') }}"></script>
  25.     <!-- Bootstrap CSS -->
  26.     <link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
  27.     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  28.     <link href="{{ asset('assets/css/app.css') }}" rel="stylesheet">
  29.     <link href="{{ asset('assets/css/icons.css') }}" rel="stylesheet">
  30.     <!-- Theme Style CSS -->
  31.     <link rel="stylesheet" href="{{ asset('assets/css/dark-theme.css') }}" />
  32.     <link rel="stylesheet" href="{{ asset('assets/css/semi-dark.css') }}" />
  33.     <link rel="stylesheet" href="{{ asset('assets/css/header-colors.css') }}" />
  34.     <title>Nubes de colores kids</title>
  35.         {% block headerStyles %}
  36.         {% endblock %}
  37. </head>
  39. <body>
  40.     <!--wrapper-->
  41.     <div class="wrapper">
  42.         <!--sidebar wrapper -->
  43.                 {% include 'common/menu.html.twig' %}
  44.         
  45.         <!--end sidebar wrapper -->
  46.         <!--start header -->
  47.                 {% include 'common/header.html.twig' %}
  48.         
  49.         <!--end header -->
  50.         <!--start page wrapper -->
  51.         <div class="page-wrapper">
  52.                     {% block content %}
  53.                     {% endblock %}
  54.             
  55.         </div>
  56.         <!--end page wrapper -->
  57.         <!--start overlay-->
  58.         <div class="overlay toggle-icon"></div>
  59.         <!--end overlay-->
  60.         <!--Start Back To Top Button--> 
  61.                 <a href="javaScript:;" class="back-to-top"><i class='bx bxs-up-arrow-alt'></i></a>
  62.         <!--End Back To Top Button-->
  63.                 {% include 'common/footer.html.twig' %}
  64.         
  65.     </div>
  66.     <!--end wrapper-->
  67.     <!--start switcher-->
  68.     {% block modals %}
  69.             
  70.         {% endblock %}
  71.     <!--end switcher-->
  72.     <!-- Bootstrap JS -->
  73.     <script src="{{ asset('assets/js/bootstrap.bundle.min.js')}}"></script>
  74.     <!--plugins-->
  75.     <script src="{{ asset('assets/js/jquery.min.js')}}"></script>
  76.     <script src="{{ asset('assets/plugins/simplebar/js/simplebar.min.js')}}"></script>
  77.     <script src="{{ asset('assets/plugins/metismenu/js/metisMenu.min.js')}}"></script>
  78.         <script src="{{ asset('assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js')}}"></script>
  79.         <script src="{{ asset('assets/plugins/datetimepicker/js/legacy.js')}}"></script>
  80.     <script src="{{ asset('assets/plugins/datetimepicker/js/picker.js')}}"></script>
  81.     <script src="{{ asset('assets/plugins/datetimepicker/js/picker.time.js')}}"></script>
  82.     <script src="{{ asset('assets/plugins/datetimepicker/js/picker.date.js')}}"></script>
  83.     <script src="{{ asset('assets/plugins/bootstrap-material-datetimepicker/js/moment.min.js')}}"></script>
  84.     <script src="{{ asset('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.min.js')}}"></script>
  85.         
  86.         <!--notification js -->
  87.     <script src="{{ asset('assets/plugins/notifications/js/lobibox.min.js')}}"></script>
  88.     <script src="{{ asset('assets/plugins/notifications/js/notifications.min.js')}}"></script>
  89.         <script src="{{ asset('assets/plugins/select2/js/select2.min.js')}}"></script>
  90.     <!--app JS-->
  91.     <script src="{{ asset('assets/js/app.js')}}"></script>
  92.         
  93.         <script>
  94.             $(document).ready(function(){
  95.             {%for types in app.session.flashbag().get('type') %}
  96.                 {%for message in app.session.flashbag().get('status') %}
  99.                     {%if types ==0 %}
  100.                         Lobibox.notify('error', {
  101.                             pauseDelayOnHover: true,
  102.                             continueDelayOnInactiveTab: false,
  103.                             position: 'top right',
  104.                             icon: 'bx bx-x-circle',
  105.                             msg: '{{message}}'
  106.                         });    
  109.                     {% else %}
  110.                         Lobibox.notify('success', {
  111.                             pauseDelayOnHover: true,
  112.                             continueDelayOnInactiveTab: false,
  113.                             position: 'top right',
  114.                             icon: 'bx bx-check-circle',
  115.                             msg: '{{message}}'
  116.                         });
  118.                     {%endif%}
  119.                 {%endfor%}
  120.             {%endfor%}
  121.             });
  122.             
  123.             $('#date_start').pickadate({
  124.                 monthsFull: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Setiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  125.                 monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Set', 'Oct', 'Nov', 'Dic'],
  126.                 weekdaysFull: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
  127.                 weekdaysShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
  128.                 today: 'Hoy',
  129.                 clear: 'Limpiar',
  130.                 close: 'Cerrar',
  131.                 format: 'dd-mm-yyyy',
  132.                 firstDay:1,
  133.                 selectMonths: true,
  134.             selectYears: true,
  135.                 
  136.             });
  137.             $('#date_end').pickadate({
  138.                 monthsFull: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Setiembre', 'Octubre', 'Noviembre', 'Diciembre'],
  139.                 monthsShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Set', 'Oct', 'Nov', 'Dic'],
  140.                 weekdaysFull: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
  141.                 weekdaysShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'],
  142.                 today: 'Hoy',
  143.                 clear: 'Limpiar',
  144.                 close: 'Cerrar',
  145.                 format: 'dd-mm-yyyy',
  146.                 firstDay:1,
  147.                 selectMonths: true,
  148.             selectYears: true,
  149.                 
  150.             });
  151.             $(".select2").each(function(i,ele){
  152.                 var ph = $(ele).data("placeholder");
  153.                 $(ele).select2({
  154.                     placeholder:ph
  155.                 })
  156.             });
  157.         </script>
  158.         {% block footerScripts %}
  159.         {% endblock %}
  160. </body>
  162. </html>