templates/frontend/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <meta name="author" content="B1NAR10 IT">
  8.         <title>{% block title %}Todo Buzios{% endblock %}</title>
  9.         <link rel="manifest" href="{{ asset('img/manifest.json') }}">
  10.         <meta name="msapplication-TileColor" content="#ffffff">
  11.         <meta name="theme-color" content="#ffffff">
  12.         <link rel="icon" href="{{ asset('img/favicon.ico') }}" />
  13.         {% block stylesheets %}
  14.             <!-- Bootstrap XXL Core -->
  15.             <link href="{{ asset('assets/plugins/bootstrap-xxl/css/bootstrap.min.css') }}" rel="stylesheet">
  17.             <!-- Chartist -->
  18.             <link href="{{ asset('assets/plugins/chartist-js/dist/chartist.min.css') }}" rel="stylesheet">
  19.             <link href="{{ asset('assets/plugins/chartist-js/dist/chartist-init.css') }}" rel="stylesheet">
  20.             <link href="{{ asset('assets/plugins/chartist-plugin-tooltip-master/dist/chartist-plugin-tooltip.css') }}" rel="stylesheet">    
  21.             <link href="{{ asset('assets/plugins/c3-master/c3.min.css') }}" rel="stylesheet">
  23.             <!-- Morris -->
  24.             <link href="{{ asset('assets/plugins/morrisjs/morris.css') }}" rel="stylesheet">
  26.             <!-- Bootstrap DateTimePicker -->            
  27.             <link href="{{ asset('assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css') }}" rel="stylesheet">
  29.             <!-- Bootstrap DateRangePicker -->            
  30.             <link href="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">
  32.             <!-- JQuery UI -->
  33.             <link href="{{ asset('assets/plugins/jqueryui/jquery-ui.css') }}" rel="stylesheet">
  35.             <!-- Bootstrap DatePicker -->
  36.             <link href="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet">
  38.             <!-- TimePicker & DateRangePicker -->
  39.             <link href="{{ asset('assets/plugins/timepicker/bootstrap-timepicker.min.css') }}" rel="stylesheet">
  40.             <link href="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.css') }}" rel="stylesheet">
  42.             <!-- Styles Sidebar Template  -->
  43.             <link href="{{ asset('css/style_sidebar.css') }}" rel="stylesheet">
  44.             <link href="{{ asset('css/style_menu.css') }}" rel="stylesheet">
  46.             <!-- Default Color  -->
  47.             <link href="{{ asset('css/colors/tb.css') }}" id="theme" rel="stylesheet">
  49.             <!-- Font Awesome -->
  50.             <link href="{{ asset('assets/plugins/fontawesome/css/all.css') }}" rel="stylesheet">
  52.             <!-- Select2 -->
  53.             <link href="{{ asset('assets/plugins/select2/dist/css/select2.css') }}" rel="stylesheet">
  55.             <!-- ICheck -->
  56.             <link href="{{ asset('assets/plugins/icheck/skins/all.css') }}" rel="stylesheet">
  57.             <link href="{{ asset('assets/plugins/icheck/skins/minimal/blue.css') }}" rel="stylesheet">
  59.             <!-- Loader -->
  60.             <link href="{{ asset('css/loader.css') }}" rel="stylesheet">
  62.             <!-- Footable -->
  63.             <link href="{{ asset('assets/plugins/footable/css/footable.core.css') }}" rel="stylesheet">
  64.             <link href="{{ asset('assets/plugins/bootstrap-select/bootstrap-select.min.css') }}" rel="stylesheet">
  66.             <link href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css" rel="stylesheet">
  68.             <!-- Styles Custom -->
  69.             <link href="{{ asset('css/frontend/custom.css') }}" rel="stylesheet">
  71.             <!-- Styles Custom -->
  72.             <link href="{{ asset('assets/plugins/summernote/summernote-bs4.css') }}" rel="stylesheet">
  74.             <!-- Fotorama from CDNJS, 19 KB -->
  75.             <link  href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">    
  76.         {% endblock %}
  77.     </head>
  78.     <body class="fix-header fix-sidebar card-no-border">
  79.         {% block body %}
  80.             <!-- ============================================================== -->
  81.             <!-- Main wrapper -->
  82.             <!-- ============================================================== -->
  83.             <div id="main-wrapper" class="front-wrapper">
  84.                 {% include 'frontend/header.html.twig' %}
  85.                 {% include 'frontend/acerca_de.html.twig' %}
  86.                 <!-- ============================================================== -->
  87.                 <!-- Container fluid -->
  88.                 <!-- ============================================================== -->
  89.                 <div class="container" style='background-image: url("{{ asset('img/home-tb.jpg') }}"); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 350px;'></div>
  90.                 <div class="container w-75 main-container">
  91.                     {% include 'frontend/menu.html.twig' %}
  92.                     {% include 'frontend/loader.html.twig' %}
  93.                     {#{% include 'frontend/breadcrumbs.html.twig' %}#}
  94.                     {% block content %}
  95.                         {% include 'frontend/flashMessages.html.twig' %}
  96.                     {% endblock %}
  97.                     {% include 'frontend/right_sidebar.html.twig' %}
  98.                 </div>
  99.                 <!-- ============================================================== -->
  100.                 <!-- End Container fluid -->
  101.                 <!-- ============================================================== -->
  102.                 {% include 'frontend/suscription.html.twig' %}
  103.                 {% include 'frontend/footer.html.twig' %}
  104.             </div>
  105.             <!-- ============================================================== -->
  106.             <!-- End Main wrapper -->
  107.             <!-- ============================================================== -->
  108.             {% include 'security/login.html.twig' %}
  109.         {% endblock %}
  110.         {% block javascripts %}
  111.             <!-- JQuery -->
  112.             <script src="{{ asset('assets/plugins/jquery/jquery.min.js') }}" type="text/javascript"></script>
  114.             <!-- JQuery UI -->
  115.             <script src="{{ asset('assets/plugins/jqueryui/jquery-ui.min.js') }}" type="text/javascript"></script>
  117.             <!-- Popper -->
  118.             <script src="{{ asset('assets/plugins/bootstrap/js/popper.min.js') }}" type="text/javascript"></script>
  120.             <!-- Bootstrap XXL Core -->
  121.             <script src="{{ asset('assets/plugins/bootstrap-xxl/js/bootstrap.min.js') }}" type="text/javascript"></script>
  123.             <!-- SlimScrollbar  -->
  124.             <script src="{{ asset('js/jquery.slimscroll.js') }}" type="text/javascript"></script>
  126.             <!-- Wave Effects -->
  127.             <script src="{{ asset('js/waves.js') }}" type="text/javascript"></script>
  129.             <!-- Menu Sidebar -->
  130.             <script src="{{ asset('js/sidebarmenu.js') }}" type="text/javascript"></script>
  132.             <!-- Stickey Kit -->
  133.             <script src="{{ asset('assets/plugins/sticky-kit-master/dist/sticky-kit.min.js') }}" type="text/javascript"></script>
  135.             <!-- Sparkline -->
  136.             <script src="{{ asset('assets/plugins/sparkline/jquery.sparkline.min.js') }}" type="text/javascript"></script>
  138.             <!-- Custom -->
  139.             <script src="{{ asset('js/custom.min.js') }}" type="text/javascript"></script>
  141.             <!-- Chartist -->
  142.             <script src="{{ asset('assets/plugins/chartist-js/dist/chartist.min.js') }}" type="text/javascript"></script>
  144.             <!-- C3 -->
  145.             <script src="{{ asset('assets/plugins/d3/d3.min.js') }}" type="text/javascript"></script>
  146.             <script src="{{ asset('assets/plugins/c3-master/c3.min.js') }}" type="text/javascript"></script>
  148.             <!-- moment -->
  149.             <script src="{{ asset('assets/plugins/moment/min/moment-with-locales.min.js') }}" type="text/javascript"></script>
  151.             <!-- Bootstrap Material DateTimePicker -->
  152.             <script src="{{ asset('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js') }}" type="text/javascript"></script>
  154.             <!-- Bootstrap DateRangePicker -->
  155.             <script src="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.js') }}" type="text/javascript"></script>
  157.             <!-- Clock Plugin -->
  158.             <script src="{{ asset('assets/plugins/clockpicker/dist/jquery-clockpicker.min.js') }}" type="text/javascript"></script>
  160.             <!-- ColorPicker -->
  161.             <script src="{{ asset('assets/plugins/jquery-asColorPicker-master/libs/jquery-asColor.js') }}" type="text/javascript"></script>
  162.             <script src="{{ asset('assets/plugins/jquery-asColorPicker-master/libs/jquery-asGradient.js') }}" type="text/javascript"></script>
  163.             <script src="{{ asset('assets/plugins/jquery-asColorPicker-master/dist/jquery-asColorPicker.min.js') }}" type="text/javascript"></script>
  165.             <!-- DatePicker -->
  166.             <script src="{{ asset('assets/plugins/bootstrap-datepicker/bootstrap-datepicker.min.js') }}" type="text/javascript"></script>
  168.             <!-- DateTimePicker -->
  169.             <script src="{{ asset('assets/plugins/timepicker/bootstrap-timepicker.min.js') }}" type="text/javascript"></script>
  171.             <!-- DateRangePicker -->
  172.             <script src="{{ asset('assets/plugins/bootstrap-daterangepicker/daterangepicker.js') }}" type="text/javascript"></script>
  174.             <!-- DataTables -->
  175.             <script src="{{ asset('assets/plugins/datatables/jquery.dataTables.min.js') }}" type="text/javascript"></script>
  176.             <script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js" type="text/javascript"></script>
  177.             <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" type="text/javascript"></script>
  178.             <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" type="text/javascript"></script>
  179.             <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" type="text/javascript"></script>
  180.             <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js" type="text/javascript"></script>
  181.             <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js" type="text/javascript"></script>
  183.             <!-- Style Switcher -->
  184.             <script src="{{ asset('assets/plugins/styleswitcher/jQuery.style.switcher.js') }}" type="text/javascript"></script>
  186.             <!-- Bootbox -->
  187.             <script src="{{ asset('js/bootbox.min.js') }}" type="text/javascript"></script>
  189.             <!-- Select2 -->
  190.             <script src="{{ asset('assets/plugins/select2/dist/js/select2.full.min.js') }}"></script>
  191.             <script src="{{ asset('assets/plugins/select2/dist/js/i18n/es.js') }}"></script>
  193.             <!-- Custom DataTables -->
  194.             <script src="{{ asset('js/custom_datatables.js') }}" type="text/javascript"></script>
  196.             <!-- Custom Forms -->
  197.             <script src="{{ asset('js/custom_forms.js') }}" type="text/javascript"></script>
  199.             <!-- Global Functions -->
  200.             <script src="{{ asset('js/global.js')}}"></script>
  202.             <!--ICheck -->
  203.             <script src="{{ asset('assets/plugins/icheck/icheck.min.js') }}"></script>
  204.             <script src="{{ asset('assets/plugins/icheck/icheck.init.js') }}"></script>
  206.             <!-- AJAX PATHS -->
  207.             <script>
  208.                 var __AJAX_PATH__ = '';
  209.                 var __TABLE_GRID_PATH__ = window.location + 'grid';
  210.             </script>
  212.             <!-- Angular -->
  213.             <script src="{{ asset('js/angular.min.js') }}" type="text/javascript"></script>
  215.             <!-- Style Switcher -->
  216.             <script src="{{ asset('assets/plugins/styleswitcher/jQuery.style.switcher.js') }}" type="text/javascript"></script>
  218.             <!-- Loader -->
  219.             <script src="{{ asset('js/loader.js') }}" type="text/javascript"></script>
  221.             <!-- CKEditor -->
  222.             <script src="{{ asset('assets/plugins/ckeditor/ckeditor.js') }}" type="text/javascript"></script>
  223.             <script src="{{ asset('assets/plugins/ckeditor/config.js') }}" type="text/javascript"></script>
  224.             <script src="{{ asset('assets/plugins/ckeditor/styles.js') }}" type="text/javascript"></script>
  226.             <!-- Footable -->
  227.             <script src="{{ asset('assets/plugins/footable/js/footable.all.min.js') }}" type="text/javascript"></script>
  228.             <script src="{{ asset('assets/plugins/bootstrap-select/bootstrap-select.min.js') }}" type="text/javascript"></script>
  230.             <!-- FooTable init -->
  231.             <script src="{{ asset('js/footable-init.js') }}" type="text/javascript"></script>
  233.             <!-- Range slider -->
  234.             <script src="{{ asset('assets/plugins/ion-rangeslider/js/ion-rangeSlider/ion.rangeSlider.min.js') }}" type="text/javascript"></script>
  235.             <script src="{{ asset('assets/plugins/ion-rangeslider/js/ion-rangeSlider/ion.rangeSlider-init.js') }}" type="text/javascript"></script>
  237.             <!-- Summernote -->
  238.             <script src="{{ asset('assets/plugins/summernote/summernote-bs4.js') }}" type="text/javascript"></script>
  239.             <script src="{{ asset('assets/plugins/summernote/lang/summernote-ar-AR.min.js') }}" type="text/javascript"></script>
  240.             <script>
  241.                 $(document).ready(function() {
  242.                     $('.summernote').summernote({
  243.                         toolbar: [
  244.                             //[groupname, [button list]]
  245.                             ['style', ['bold', 'italic', 'underline', 'clear']],
  246.                             ['color', ['color']],
  247.                             ['para', ['ul', 'ol', 'paragraph']],
  248.                             ['view', ['codeview']],
  249.                         ],
  250.                         height: 100
  251.                     });
  252.                 });
  253.             </script>
  254.             
  255.             <script src="https://cdn.jsdelivr.net/gh/linways/table-to-excel@v1.0.4/dist/tableToExcel.js"></script>
  257.             <script>
  258.                 _config = {};
  259.                 _config.urls = {};
  260.                 {% block js_vars %}{% endblock %}
  261.             </script>
  263.             <script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
  265.             <script>
  266.                 let $loginForm = $('#loginform');
  267.                 $loginForm.on('submit', function (e) {
  268.                     e.preventDefault();
  269.                     e.stopPropagation();
  270.                     $.ajax({
  271.                         url: $loginForm.attr('action'),
  272.                         type: 'POST',
  273.                         data: $loginForm.serialize(),
  274.                         dataType: 'json',
  275.                         success: function (response) {                    
  276.                             if (response.success) {
  277.                                 /*
  278.                                 if (response.hasOwnProperty('targetPath')) {
  279.                                     window.location = response.targetPath;
  280.                                 }
  281.                                 */
  282.                                 $loginForm.find('.error').html('');
  283.                                 $('#loginModal').modal('hide');
  285.                                 $('.btn-login').hide();
  286.                                 if (response.isAdmin) {
  287.                                     $('.administration').removeAttr('hidden');
  288.                                 }
  289.                                 $('.menu-profile').addClass('d-inline').removeAttr('hidden');
  290.                             } else {
  291.                                 if (response.hasOwnProperty('message')) {
  292.                                     $loginForm.find('.error').html(response.message);
  293.                                     $loginForm.find('.loginError').removeClass('oculto');
  294.                                 }
  295.                             }                            
  296.                         }
  297.                     })
  298.                 });
  299.             </script>
  301.             <!-- jQuery Validate -->
  302.             <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"></script>
  303.             <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/additional-methods.min.js"></script>
  304.             <script>
  305.                 jQuery.extend(jQuery.validator.messages, {
  306.                     required: "Este campo es obligatorio.",
  307.                     remote: "Por favor, rellena este campo.",
  308.                     email: "Por favor, escribe una dirección de correo válida",
  309.                     url: "Por favor, escribe una URL válida.",
  310.                     date: "Por favor, escribe una fecha válida.",
  311.                     dateISO: "Por favor, escribe una fecha (ISO) válida.",
  312.                     number: "Por favor, escribe un número entero válido.",
  313.                     digits: "Por favor, escribe sólo dígitos.",
  314.                     creditcard: "Por favor, escribe un número de tarjeta válido.",
  315.                     equalTo: "Por favor, escribe el mismo valor de nuevo.",
  316.                     accept: "Por favor, escribe un valor con una extensión aceptada.",
  317.                     maxlength: jQuery.validator.format("Por favor, no escribas más de {0} caracteres."),
  318.                     minlength: jQuery.validator.format("Por favor, no escribas menos de {0} caracteres."),
  319.                     rangelength: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1} caracteres."),
  320.                     range: jQuery.validator.format("Por favor, escribe un valor entre {0} y {1}."),
  321.                     max: jQuery.validator.format("Por favor, escribe un valor menor o igual a {0}."),
  322.                     min: jQuery.validator.format("Por favor, escribe un valor mayor o igual a {0}.")
  323.                 });
  325.                 $(document).on('click', '.btn-login', function(e) {
  326.                     e.preventDefault();
  327.                     var isUserAuthenticated = "{{ is_granted('IS_AUTHENTICATED_FULLY') ? 1 : 0 }}";
  328.                     // Chequear si el usuario ya se encuentra logueado.            
  329.                     if (isUserAuthenticated == 0) { // Si el usuario no se encuentra logueado
  330.                         $('#loginModal').modal('show');
  331.                     }
  332.                 });
  333.             </script>
  335.             <!-- SDK MercadoPago.js -->
  336.             <script src="https://sdk.mercadopago.com/js/v2"></script>
  337.         {% endblock %}
  338.     </body>
  339. </html>