templates/common/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     {{ include('common/head.html.twig') }}
  6.     {# ==== COLOR GLOBAL PARA .btn.bg-btn-limerick SEGÚN BRANDING ==== #}
  7.     {% set btnBrandBg = '#bdbf09' %} {# color por defecto antiguo #}
  9.     {% if branding_current is defined and branding_current is not null %}
  10.         {# usa accentColor si existe, si no primary #}
  11.         {% if branding_current.accentColor is not empty %}
  12.             {% set btnBrandBg = branding_current.accentColor %}
  13.         {% elseif branding_current.primaryColor is not empty %}
  14.             {% set btnBrandBg = branding_current.primaryColor %}
  15.         {% endif %}
  16.     {% endif %}
  18.     <style>
  19.         /* Estado normal */
  20.         .btn.bg-btn-limerick,
  21.         .btn.bg-btn-limerick:focus {
  22.             background-color: {{ btnBrandBg }} !important;
  23.             border-color: {{ btnBrandBg }} !important;
  24.             color: #fafffd !important; /* o #fff si prefieres */
  25.         }
  27.         /* Hover / active */
  28.         .btn.bg-btn-limerick:hover,
  29.         .btn.bg-btn-limerick:active,
  30.         .btn.bg-btn-limerick.active,º
  31.         .open > .dropdown-toggle.btn.bg-btn-limerick {
  32.             background-color: #fafffd !important;
  33.             border-color: {{ btnBrandBg }} !important;
  34.             color: {{ btnBrandBg }} !important;
  35.             /*filter: brightness(0.9);*/
  36.         }
  38.         /* Deshabilitado opcional */
  39.         .btn.bg-btn-limerick[disabled],
  40.         fieldset[disabled] .btn.bg-btn-limerick {
  41.             background-color: {{ btnBrandBg }} !important;
  42.             border-color: {{ btnBrandBg }} !important;
  43.             /*opacity: .65;*/
  44.         }
  45.     </style>
  47.     {% block stylesheets %}{% endblock %}
  48. </head>
  50.     {% if app.user.sidebar is null or app.user.sidebar == false %}
  51.         {% set sidebar = "" %}
  52.     {% else %}
  53.         {% set sidebar = "sidebar-xs" %}
  54.     {% endif %}
  55. <body id="{% block pageid %}{# ID único para la página#}{% endblock %}" class="{{ sidebar }} {% block bodyClass %}{# Class para la página#}{% endblock %}" >
  56. {#{{ dump(app.user.sidebar) }}#}
  57. {{ include('common/navbar.html.twig') }}
  59. <!-- Page container -->
  60. <div class="page-container">
  62.     <!-- Page content -->
  63.     <div class="page-content">
  64.         {% if app.request.get('iframe') != '1' %}
  65.             {{ include('common/sidebar.html.twig') }}
  66.         {% endif %}
  68.         <!-- Main content -->
  69.         <div class="content-wrapper">
  70.             {#{{ include('common/header.html.twig') }}#}
  72.             <!-- Page header -->
  73.             <div class="page-header page-header-default" style="display: none">
  74.                 <div class="page-header-content">
  75.                     {% block pageheadercontent %}{% endblock %}
  76.                 </div>
  78.                 <div class="breadcrumb-line">
  79.                     {% block breadcrumbs %}{% endblock %}
  80.                 </div>
  81.             </div>
  82.             <!-- /page header -->
  84.             <!-- Content area -->
  85.             <div class="content">
  86.                 {% block content %}{% endblock %}
  88.                 {{ include('common/footer.html.twig') }}
  89.             </div>
  90.             <!-- /content area -->
  91.         </div>
  92.         <!-- /main content -->
  93.     </div>
  94.     <!-- /page content -->
  95. </div>
  96. <!-- /page container -->
  97. {% block javascripts %}
  98.     {# 1) jQuery del theme (elige UNA, no cargues dos distintas) #}
  99.     <script src="{{ asset('assets/js/core/libraries/jquery.min.js') }}"></script>
  101.     {# 2) Bootstrap del theme (si no se carga en otro bloque) #}
  102.     <script src="{{ asset('assets/js/core/libraries/bootstrap.min.js') }}"></script>
  104.     {# 4) FullCalendar v3 + locale ES #}
  105.     {# // <script src="{{ asset('vendor/fullcalendar-3.10.5/fullcalendar.min.js') }}"></script> #}
  106.     {# // <script src="{{ asset('vendor/fullcalendar-3.10.5/locale/es.js') }}"></script> #}
  107. {% endblock %}
  109. {# Platform Scrypt Default File #}
  110. <script type="text/javascript" src="{{ asset( 'assets/js/plugins/notifications/noty.min.js') }}"></script>
  111. <script type="text/javascript" src="{{ asset( 'assets/js/plugins/notifications/sweet_alert.min.js') }}"></script>
  112. <script type="text/javascript" src="{{ asset( 'assets/js/base-scripts.js') }}"></script>
  114. <script>
  115.     (function($){
  116.         // Forzar comportamiento acordeón + toggle del mismo bloque
  117.         $(document).on('click', '.sidebar .category-title > a[data-toggle="collapse"]', function(e){
  118.             e.preventDefault();
  119.             var $t = $(this);
  120.             var target = $t.attr('data-target');
  121.             if (!target) return;
  122.             var $target = $(target);
  124.             // Cerrar otros abiertos
  125.             $('.sidebar .category-content.in, .sidebar .category-content.show')
  126.                 .not($target)
  127.                 .collapse('hide');
  129.             // Toggle actual
  130.             $target.collapse('toggle');
  131.         });
  133.         // Sincronizar clases y aria-expanded
  134.         $(document).on('shown.bs.collapse hidden.bs.collapse', '.sidebar .category-content', function(){
  135.             var id = '#' + this.id;
  136.             var $link = $('.sidebar .category-title a[data-target="' + id + '"]');
  137.             var isShown = $(this).hasClass('in') || $(this).hasClass('show');
  138.             $link.toggleClass('collapsed', !isShown).attr('aria-expanded', isShown ? 'true' : 'false');
  139.         });
  140.     })(jQuery);
  141. </script>
  142. <script>
  143.     (function(){
  144.         function setHeaderHeightVar() {
  145.             var header = document.querySelector('.navbar-fixed-top, .navbar.navbar-fixed-top, header.navbar-fixed-top');
  146.             var h = header ? header.getBoundingClientRect().height : 0;
  147.             document.documentElement.style.setProperty('--header-h', h + 'px');
  148.         }
  149.         setHeaderHeightVar();
  150.         window.addEventListener('resize', setHeaderHeightVar);
  151.     })();
  152. </script>
  155. </body>