templates/frontend/layout.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  5.     <!-- Bootstrap v4.5.0 CSS via CDN -->
  6.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
  8.     <!-- Plugins required on all pages NOTE: Additional non-required plugins are loaded ondemand as of AppStrap 2.5 -->
  10.     <!-- Theme style -->
  11.     <link href="{{ asset('bundles/frontend/assets/css/theme-style.min.css') }}" rel="stylesheet">
  13.     <!--Your custom colour override-->
  14.     <link href="#" id="colour-scheme" rel="stylesheet">
  16.     <!-- Your custom override -->
  17.     <link href="{{ asset('bundles/frontend/assets/css/custom-style.css') }}" rel="stylesheet">
  19.     <!-- Optional: ICON SETS -->
  20.     <!-- Iconset: Font Awesome 5.12.0 via CDN -->
  21.     <link href="https://use.fontawesome.com/releases/v5.12.0/css/all.css" rel="stylesheet">
  22.     <!-- Iconset: flag icons - http://lipis.github.io/flag-icon-css/ -->
  23.     <link href="assets/plugins/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
  24.     <!-- Iconset: ionicons - http://ionicons.com/ -->
  25.     <link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  26.     <!-- Iconset: Linearicons - https://linearicons.com/free -->
  27.     <link href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" rel="stylesheet">
  28.     <!-- Iconset: Lineawesome - https://icons8.com/articles/line-awesome -->
  29.     <link href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome.min.css" rel="stylesheet">
  31.     <!-- Google fonts -->
  32.     <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
  33.     <link href='http://fonts.googleapis.com/css?family=Rambla:400,700' rel='stylesheet' type='text/css'>
  34.     <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  35.     <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
  36.     <link href='http://fonts.googleapis.com/css?family=Roboto:100,400,700' rel='stylesheet' type='text/css'>
  38.     {% block stylesheetspecific %} {% endblock %}
  39. {% endblock %}
  41. {% block body_class %}page header-below header-dark header-compact-sticky navbar-layout-default{% endblock %}
  43. {% block body %}
  45.     <a href="#content" id="top" class="sr-only">Skip to content</a>
  47.     <!-- ======== @Region: #highlighted ======== -->
  48.     {% block highlighted %} {% endblock %}
  50.     <!-- ======== @Region: #header ======== -->
  51.     <div id="header">
  52.         <div data-toggle="sticky">
  54.             <!--Header search region - hidden by default -->
  55.             {#
  56.             <div class="header-search collapse" id="search">
  57.                 <form class="search-form container">
  58.                     <input type="text" name="search" class="form-control search" value="" placeholder="Search">
  59.                     <button type="button" class="btn btn-link"><span class="sr-only">Search </span><i
  60.                                 class="fa fa-search fa-flip-horizontal search-icon"></i></button>
  61.                     <button type="button" class="btn btn-link close-btn" data-toggle="search-form-close"><span
  62.                                 class="sr-only">Close </span><i class="fa fa-times search-icon"></i></button>
  63.                 </form>
  64.             </div>
  65.             #}
  67.             <!--Header & Branding region-->
  68.             <div class="header">
  69.                 <!-- all direct children of the .header-inner element will be vertically aligned with each other you can override all the behaviours using the flexbox utilities (flexbox.html) All elements with .header-brand & .header-block-flex wrappers will automatically be aligned inline & vertically using flexbox, this can be overridden using the flexbox utilities (flexbox.htm) Use .header-block to stack elements within on small screen & "float" on larger screens use .order-first or/and .order-last classes to make an element show first or last within .header-inner or .headr-block elements -->
  70.                 <div class="header-inner container">
  71.                     <!--branding/logo -->
  72.                     <div class="header-brand">
  73.                         <a class="header-brand-text" href="{{ url('homefrontend') }}" title="Home">
  74.                             <h1 class="h2">
  75.                                 <span class="header-brand-text-alt">{{ empresa_nombre }}</span>
  76.                             </h1>
  77.                         </a>
  78.                         {#
  79.                         <div class="header-divider d-none d-lg-block"></div>
  80.                         <div class="header-slogan d-none d-lg-block">Serenity Awaits!</div>
  81.                         #}
  82.                     </div>
  83.                     <!-- other header content -->
  84.                     <div class="header-block order-12">
  86.                         <!--Search trigger -->
  87.                         {#
  88.                         <a href="#search" class="btn btn-icon btn-link text-white header-btn float-right order-11"
  89.                            data-toggle="search-form" data-target=".header-search"><i
  90.                                     class="fa fa-search fa-flip-horizontal search-icon"></i></a>
  91.                         #}
  93.                         <!-- mobile collapse menu button - data-toggle="collapse" = default BS menu - data-toggle="off-canvas" = Off-cavnas Menu - data-toggle="overlay" = Overlay Menu -->
  94.                         <a href="#top" class="btn btn-link btn-icon text-white header-btn float-right d-lg-none"
  95.                            data-toggle="off-canvas" data-target=".navbar-main"
  96.                            data-settings='{"cloneTarget":true, "targetClassExtras": "navbar-offcanvas"}'> <i
  97.                                     class="fa fa-bars"></i> </a>
  98.                     </div>
  100.                     <div class="navbar navbar-expand-md navbar-static-top">
  101.                         <!--everything within this div is collapsed on mobile-->
  102.                         <div class="navbar-main collapse">
  103.                             <!--main navigation-->
  104.                             <ul class="nav navbar-nav navbar-dark navbar-nav-stretch float-lg-right dropdown-effect-fade">
  106.                                 <!-- pages -->
  107.                                 {#
  108.                                 <li class="nav-item {% block header_nav_item_home_active_class %}{% endblock %}">
  109.                                     <a href="{{ url('homefrontend') }}" class="nav-link">
  110.                                         Home
  111.                                     </a>
  112.                                 </li>
  113.                                 #}
  114.                                 <li class="nav-item {% block header_nav_item_about_active_class %}{% endblock %}">
  115.                                     <a href="{{ url('homefrontend') }}#about" class="nav-link">
  116.                                         About
  117.                                     </a>
  118.                                 </li>
  120.                                 <!-- Documents -->
  121.                                 <li class="nav-item dropdown {% block header_nav_item_document_active_class %}{% endblock %}">
  122.                                     <a href="#" class="nav-link dropdown-toggle" id="pages-drop" data-toggle="dropdown"
  123.                                        data-hover="dropdown">Documents</a>
  124.                                     <!-- Menu -->
  125.                                     <div class="dropdown-menu">
  126.                                         <a href="{{ url('documentspublicfrontend') }}"
  127.                                            class="dropdown-item {% block header_nav_item_document_public_active_class %}{% endblock %}">Public</a>
  128.                                         <a href="{{ url('documentsprivatefrontend') }}"
  129.                                            class="dropdown-item {% block header_nav_item_document_private_active_class %}{% endblock %}">Private</a>
  130.                                     </div>
  131.                                 </li>
  133.                                 <li class="nav-item {% block header_nav_item_board_active_class %}{% endblock %}">
  134.                                     <a href="{{ url('homefrontend') }}#board" class="nav-link">
  135.                                         Board
  136.                                     </a>
  137.                                 </li>
  139.                                 <li class="nav-item {% block header_nav_item_announcement_active_class %}{% endblock %}">
  140.                                     <a href="{{ url('listadoblog') }}" class="nav-link">
  141.                                         Announcements
  142.                                     </a>
  143.                                 </li>
  145.                                 <li class="nav-item {% block header_nav_item_event_active_class %}{% endblock %}">
  146.                                     <a href="{{url('eventsfrontend')}}" class="nav-link">
  147.                                         Events
  148.                                     </a>
  149.                                 </li>
  151.                                 <li class="nav-item {% block header_nav_item_faq_active_class %}{% endblock %}">
  152.                                     <a href="{{ url('homefrontend') }}#faq" class="nav-link">
  153.                                         FAQ
  154.                                     </a>
  155.                                 </li>
  157.                                 <li class="nav-item {% block header_nav_item_contact_active_class %}{% endblock %}">
  158.                                     <a href="{{ url('contacto') }}" class="nav-link">
  159.                                         Contact
  160.                                     </a>
  161.                                 </li>
  163.                                 {% if app.user == null %}
  164.                                     <li class="nav-item {% block header_nav_item_login_active_class %}{% endblock %}">
  165.                                         <a href="{{ url('loginfrontend') }}" class="nav-link">
  166.                                             Log in
  167.                                         </a>
  168.                                     </li>
  169.                                 {% else %}
  170.                                     <li class="nav-item dropdown dropdowns-no-carets dropdown-persist">
  171.                                         <a href="#" class="nav-link dropdown-toggle" id="account-drop"
  172.                                            data-toggle="dropdown" data-hover="dropdown">
  173.                                         <i class="fa fa-user mr-2"></i>My Account</a>
  174.                                         <!-- Dropdown Menu -->
  175.                                         <div class="dropdown-menu dropdown-menu-right">
  176.                                             <a href="{{ url('perfilAdmin') }}" class="dropdown-item" target="_blank">My Profile</a>
  177.                                             <a href="{{ url('home') }}" class="dropdown-item" target="_blank">Admin</a>
  178.                                             <a href="{{ url('logout') }}" class="dropdown-item">Logout</a>
  179.                                         </div>
  180.                                     </li>
  181.                                 {% endif %}
  183.                             </ul>
  185.                         </div>
  186.                         <!--/.navbar-collapse -->
  187.                     </div>
  188.                 </div>
  189.             </div>
  190.         </div>
  191.     </div>
  193.     {% block content %} {% endblock %}
  195.     <!-- Footer -->
  196.     {{ render(controller('App\\Controller\\DefaultController::mostrarFooter')) }}
  199. {% endblock %}
  201. {% block javascripts %}
  203.     <!--Plugin: Retina.js (high def image replacement) - @see: http://retinajs.com/-->
  204.     <script src="https://cdnjs.cloudflare.com/ajax/libs/retina.js/1.3.0/retina.min.js"></script>
  206.     <!--jQuery 3.3.1 via CDN -->
  207.     {#
  208.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  209.     #}
  211.     <!-- metronic utils -->
  212.     <script src="{{ asset('bundles/frontend/js/vendors.bundle.js') }}" type="text/javascript"></script>
  213.     <script src="{{ asset('bundles/frontend/js/scripts.bundle.js') }}" type="text/javascript"></script>
  215.     <!-- Popper 1.16.0 via CDN, needed for Bootstrap Tooltips & Popovers -->
  216.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  218.     <!-- Bootstrap v4.5.0 JS via CDN -->
  219.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
  222.     <!-- JS plugins required on all pages NOTE: Additional non-required plugins are loaded ondemand as of AppStrap 2.5 To disable this and load plugin assets manually simple add data-plugins-manual=true to the body tag -->
  224.     <!--Custom scripts & AppStrap API integration -->
  225.     <script src="{{ asset('bundles/frontend/assets/js/custom-script.js') }}"></script>
  226.     <!--AppStrap scripts mainly used to trigger libraries/plugins -->
  227.     <script>
  228.         var direccion_url = "{{ direccion_url }}";
  229.     </script>
  230.     <script src="{{ asset('bundles/frontend/assets/js/script.js') }}"></script>
  232.     {% block javascriptspecific %}
  234.     {% endblock %}
  235. {% endblock %}