templates/Layouts/layout.html.twig line 91

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  5.     {# jquery #}
  6.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  7.     
  8.     {# OLMap #}
  9.     <!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.14.1/css/ol.css" type="text/css">-->
  10.     <script src="https://cdn.jsdelivr.net/npm/ol@7.4.0/dist/ol.js"></script>
  11.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/ol@v7.1.0/ol.css" type="text/css">
  13.     {# jquery UI #}
  14.     <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  15.     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.13.3/jquery-ui.min.js"></script>
  16.     
  17.     {# D3 #}
  18.     <script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
  20.     {# TomSelect #}
  21.     <link href="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/css/tom-select.css" rel="stylesheet">
  22.     <script src="https://cdn.jsdelivr.net/npm/tom-select@2.2.2/dist/js/tom-select.complete.min.js"></script>
  24.     {# DataTables #}
  25.     <link href="https://cdn.datatables.net/v/dt/dt-1.13.5/datatables.min.css" rel="stylesheet">
  26.     <script src="https://cdn.datatables.net/v/dt/dt-1.13.5/datatables.min.js"></script>
  28.     {# Maps #}
  29.     <script src="{{ asset('build/js/olmap.js') }}"></script>
  30.     {% if app.request.attributes.get('_route') == 'explore_analytic' %}
  31.         <script src="{{ asset('build/js/map_explore.js') }}"></script>    
  32.     {% else %}
  33.         <script src="{{ asset('build/js/map.js') }}"></script>
  34.     {% endif %}
  36.     {# TURF JS #}
  37.     {% if app.request.attributes.get('_route') != 'explore_analytic' %}        
  38.         <script src="https://cdn.jsdelivr.net/npm/@turf/turf@7/turf.min.js"></script>
  39.     {% endif %}
  40.     
  41.     {# <script src="{{ asset('build/js/map_img.js') }}"></script> #}
  42.     {# <script src="{{ asset('build/js/map_tile.js') }}"></script> #}
  44.     {# Stats #}
  45.     <script src="{{ asset('build/js/stats.js') }}"></script>
  47.     {# Fontawesome #}
  48.     {# <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> #}
  50.     {# Google Fonts Type #}
  51.     <link rel="preconnect" href="https://fonts.googleapis.com">
  52.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  53.     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
  55.     {# Google Fonts Iconography #}
  56.     <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
  57.     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
  60. {% endblock %}
  62. {% block body %}
  64.     {% if app.request.attributes.get('_route') != 'home' and app.request.attributes.get('_route') != 'technology' and app.request.attributes.get('_route') != 'interfaces' and app.request.attributes.get('_route') != 'team' and app.request.attributes.get('_route') != 'about' and app.request.attributes.get('_route') != 'applications' and app.request.attributes.get('_route') != 'view-application' %}
  65.         <div id="new_header">
  66.             {% if app.request.attributes.get('_route') == 'app_project_index' or app.request.attributes.get('_route') == 'app_project_detail' or app.request.attributes.get('_route') == 'app_project_home'%}
  68.                 <a href="{{ path('home') }}" class="m-3 ms-0 hover"><img src="{{ asset('img/icon_planifica.png') }}" height="24px" alt="logo Retabit"/></a>
  69.                 
  70.             {% elseif app.request.attributes.get('_route') == 'app_analytic' or app.request.attributes.get('_route') == 'explore_analytic' or app.request.attributes.get('_route') == 'app_analytic_home' %}
  71.                 
  72.                 <a href="{{ path('home') }}" class="m-3 ms-0 hover"><img src="{{ asset('img/icon_explora.png') }}" height="24px" alt="logo Retabit"/></a>
  73.             
  74.             {% else %}
  75.             
  76.                 <a href="{{ path('home') }}" class="m-3 ms-0 hover"><img src="{{ asset('img/icon_explora.png') }}" height="24px" alt="logo Retabit"/></a>
  77.             
  78.             {% endif %}
  79.             
  80.             <ul id="left_bar_list">
  81.             <li id="new_header_map" class="mb-2"></li>
  82.             <li id="new_header_table" class="mb-2"></li>
  83.             <li id="new_header_card" class="mb-2"></li>
  84.             <li id="new_header_graf" class="mb-2"></li>
  85.             </ul>
  87.             
  89.             <div id="log_div" class="dropup">
  90.             
  91.                 {% if is_granted ('IS_AUTHENTICATED_FULLY') %}
  92.                     {% if is_granted ('ROLE_SUPER_ADMIN') %}
  93.                         
  94.                             <a class="btn btn-primary btn-round"  role="button" href="{{ path('dashboard') }}">
  95.                                 <span style=" ">D</span>
  96.                             </a>
  97.                         
  98.                     {% endif %}
  99.                     <button type="button" class="btn btn-primary btn-round dropdown-toggle btn-dashboard" data-bs-toggle="dropdown" aria-expanded="false" style="">                        
  100.                         <span class="material-symbols-outlined" style="font-size: inherit;" aria-hidden="true">person</span>
  101.                     </button>
  102.                     <ul class="dropdown-menu" style="z-index: 100; padding: 24px 24px;">
  103.                         <!-- Dropdown menu links -->
  104.                         <div class="mb-3">
  105.                             <p>{{ app.user.name}}</p>
  106.                             <small>{{ app.user.email}}</small>
  107.                         </div>
  109.                         <div class="d-flex justify-content-between">
  110.                             
  111.                             <a href="{{ path('profile') }}"><span class="material-symbols-outlined" aria-hidden="true">app_registration</span> </a>
  112.                             <a href="{{ path('app_logout') }}"><span class="material-symbols-outlined" aria-hidden="true">logout</span></a>
  113.                         </div>
  114.                         
  115.                     </ul>
  116.                     
  117.                     
  118.                 {% elseif app.request.attributes.get('_route') == 'app_project_index' or app.request.attributes.get('_route') == 'app_project_detail' or app.request.attributes.get('_route') == 'app_project_home' %}
  119.                     <a href="{{ path('app_login') }}" class="hover">Login</a>    
  120.                 {% endif %} 
  121.             </div>
  122.         </div>
  123.     {% endif %}
  124.     
  125.     {# <div class="container-fluid" id="header">
  126.         <div class="d-flex align-items-center justify-content-between">
  127.             <a href="{{ path('home') }}" class="m-3 ms-0 hover"><img src="{{ asset('img/retabit_logo.svg') }}" height="24px" alt="logo Retabit"/></a>
  129.             <div class="d-inline-block">
  130.                 <a href="{{ path('home') }}" class="hover">Inicio</a>
  131.                 {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  132.                     <a href="{{ path('app_logout') }}">Logout</a>
  133.                 {% endif %}
  134.             </div>
  136.         </div>
  137.     </div> #}
  139.     {% if app.request.attributes.get('_route') == 'app_project_detail' or app.request.attributes.get('_route') == 'explore_analytic' %}
  140.         {% set container_type = 'container-fluid' %}
  141.     {% else %}
  142.         {% set container_type = 'container' %}
  143.     {% endif %}
  145.     {% if app.request.attributes.get('_route') == 'app_project' or app.request.attributes.get('_route') == 'app_project_detail' %}
  146.         {% set project = project[0] %}
  147.     {% endif %}
  148.     
  149.     <div id="big_container" style="{% if app.request.attributes.get('_route') == 'home' or app.request.attributes.get('_route') == 'technology' or app.request.attributes.get('_route') == 'interfaces' or app.request.attributes.get('_route') == 'applications'  or app.request.attributes.get('_route') == 'team' or app.request.attributes.get('_route') == 'about' or app.request.attributes.get('_route') == 'view-application' %}padding-left: 0;{% endif %}">
  151.         <div class="d-flex align-items-center justify-content-between border_bottom" id="header_in_top" style="height: 80px; {% if app.request.attributes.get('_route') == 'home' or app.request.attributes.get('_route') == 'technology' or app.request.attributes.get('_route') == 'interfaces' or app.request.attributes.get('_route') == 'applications' or app.request.attributes.get('_route') == 'team' or app.request.attributes.get('_route') == 'about' or app.request.attributes.get('_route') == 'view-application'%}background: #171C33;{% endif %}">
  153.             {% if app.request.attributes.get('_route') == 'app_project_index' or app.request.attributes.get('_route') == 'app_project_detail' or app.request.attributes.get('_route') == 'app_project_home'%}
  155.                 <div style="display:flex; align-items:center;">
  156.                     <a href="{{ path('app_project_index') }}" class="m-0 hover d-inline-block float-start" style="font-weight:100; color: #212529; letter-spacing: 1px; font-size: 30px; text-decoration:none;"><img src="{{ asset('img/retabit_explora 1.png') }}" class="ms-3" height="29px" alt="logo Retabit" style="display: inline;"/>{% trans %}Planifica{% endtrans %}</a>
  157.                     
  158.                     {% if app.request.attributes.get('_route') == 'app_project_detail' or app.request.attributes.get('_route') == 'app_project_home' %}
  159.                         <h2 class="float-start me-3 mb-0"><span class="ms-3 me-3">|</span><a href="{{ path('app_project_home',{'mun': mun}) }}" class="hover text-decoration-none hover_link">{{ municipioname.adminunitname|capitalize }}</a></h2>
  160.                     {% endif %}
  161.                 </div>
  163.                 
  164.                 {% if app.request.attributes.get('_route') == 'app_project_detail' %}
  165.                     {{include ('components/statsbar_project.html.twig')}}
  166.                 {% endif %}
  167.                 
  168.             
  169.             {% elseif app.request.attributes.get('_route') == 'app_analytic' or app.request.attributes.get('_route') == 'explore_analytic' or app.request.attributes.get('_route') == 'app_analytic_home' %}
  170.             
  171.                 <div style="display:flex; align-items:center;">
  172.                     <a href="{{ path('app_analytic_home') }}" class="m-0 hover d-inline-block float-start" style="font-weight:100; color: #212529; letter-spacing: 1px; font-size: 30px; text-decoration:none;"><img src="{{ asset('img/retabit_explora 1.png') }}" class="ms-3" height="29px" alt="logo Retabit" style="display: inline;"/>{% trans %}Analiza{% endtrans %}</a>
  173.                     {% if app.request.attributes.get('_route') == 'app_analytic' or app.request.attributes.get('_route') == 'explore_analytic' %}
  174.                         <h2 class="float-start mb-0"><span class="ms-3 me-3">|</span><a href="{{ path('app_analytic',{'mun': mun}) }}" class="hover text-decoration-none hover_link">{{ municipioname.adminunitname|capitalize }}</a></h2>
  175.                     {% endif %}
  176.                 </div>
  178.                 {% if app.request.attributes.get('_route') == 'explore_analytic' %}
  179.                     {{include ('components/statsbar_analytic.html.twig')}}
  180.                 {% endif %}
  182.             {% elseif app.request.attributes.get('_route') == 'dashboard' or app.request.attributes.get('_route') == 'users' or app.request.attributes.get('_route') == 'detail-user' or app.request.attributes.get('_route') == 'profile'%} 
  183.                 <div style="display:flex; align-items:center;">
  184.                     <a href="{{ path('dashboard') }}" class="m-0 hover d-inline-block float-start" style="font-weight:100; color: #212529; letter-spacing: 1px; font-size: 30px; text-decoration:none;"><img src="{{ asset('img/retabit_explora 1.png') }}" class="ms-3" height="29px" alt="logo Retabit" style="display: inline;"/>{% trans %}Dashboard{% endtrans %}</a>
  185.                 </div>
  187.             {% elseif app.request.attributes.get('_route') == 'app_login' or app.request.attributes.get('_route') == 'register' or  app.request.attributes.get('_route') == 'app_forgot_password_request' or  app.request.attributes.get('_route') == 'app_reset_password' or  app.request.attributes.get('_route') == 'app_check_email' %} 
  188.                 <div style="display:flex; align-items:center;">
  189.                     <a href="{{ path('home') }}" class="m-0 hover d-inline-block float-start" style="font-weight:100; color: #212529; letter-spacing: 1px; font-size: 30px; text-decoration:none;"><img src="{{ asset('img/retabit_explora 1.png') }}" class="ms-3" height="29px" alt="logo Retabit" style="display: inline;"/>
  190.                         {% if app.request.attributes.get('_route') == 'app_login' %}
  191.                             {% trans %}Login{% endtrans %}
  192.                         {% elseif app.request.attributes.get('_route') == 'register' %}
  193.                             {% trans %}Register{% endtrans %}
  194.                         {% elseif app.request.attributes.get('_route') == 'app_forgot_password_request' %}
  195.                             {% trans %}Reset Password{% endtrans %}
  196.                         {% elseif app.request.attributes.get('_route') == 'app_forgot_password_request' %}
  197.                             {% trans %}Reset your password{% endtrans %}
  198.                         {% elseif app.request.attributes.get('_route') == 'app_check_email' %}
  199.                             {% trans %}Reset your password{% endtrans %}
  200.                         {% endif %}
  201.                     </a>
  202.                 </div>
  204.             {% else %}
  205.                 <div class="container w-100 h-100 overflow-hidden">
  206.                     <div class="d-flex w-100 h-100 align-items-center justify-content-between">
  207.                         <div class="d-flex align-items-center">
  208.                            <!-- <a href="{{ path('home') }}" class="m-3 hover"><img src="{{ asset('img/icon_explora.png') }}" height="24px" alt="logo Retabit"/></a>-->
  209.                             <a href="{{ path('home') }}" class="mt-1 hover d-inline-block"><img src="{{ asset('img/logo-menu-white.png') }}" class="" height="29px" alt="logo Retabit"/></a>
  210.                         </div>
  212.                         <div class="d-flex justify-content-between align-items-center ">
  213.                             <div class="me-5">
  214.                                 <a class="mx-3 item-navHeader {% if app.request.attributes.get('_route') == 'technology' %}active{% endif %}" href="{{ path('technology') }}">{% trans %}TECHNOLOGY{% endtrans %}</a>
  215.                                 <a class="mx-3 item-navHeader {% if app.request.attributes.get('_route') == 'interfaces' %}active{% endif %}" href="{{ path('interfaces') }}">{% trans %}INTERFACES{% endtrans %}</a>
  216.                                 <a class="mx-3 item-navHeader {% if app.request.attributes.get('_route') == 'applications' or app.request.attributes.get('_route') == 'view-application'%}active{% endif %}" href="{{ path('applications') }}">{% trans %}APPLICATIONS{% endtrans %}</a>
  217.                                 <a class="mx-3 item-navHeader {% if app.request.attributes.get('_route') == 'team' %}active{% endif %}" href="{{ path('team') }}">{% trans %}TEAM{% endtrans %}</a>
  218.                                 <a class="mx-3 item-navHeader {% if app.request.attributes.get('_route') == 'about' %}active{% endif %}" href="{{ path('about') }}">{% trans %}ABOUT{% endtrans %}</a>
  219.                             </div>
  221.                             <div class="me-3">
  222.                                 <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
  223.                                     {{ app.request.get('_locale')|upper }}
  224.                                 </button>
  225.                                 <ul class="dropdown-menu">
  226.                                     <li><a class="dropdown-item" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'})) }}">EN</a></li>
  227.                                     <li><a class="dropdown-item" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'es'})) }}">ES</a></li>
  228.                                     <li><a class="dropdown-item" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ca'})) }}">CA</a></li>
  229.                                 </ul>
  230.                             </div>
  232.                         </div>
  233.                     </div>
  235.                     
  236.                 </div>
  237.             
  238.             {% endif %}
  239.                 
  240.         </div>
  241.         <div id="header_bar" class="col-12 d-none">
  242.             <div class="container-fluid">
  243.                 <div class="row align-items-center justify-content-center">
  244.                     <div class="col-12">
  245.                         <p class="mt-1 mb-1">
  246.                         {% if app.request.attributes.get('_route') == 'home' %}
  247.                             <a href="{{ path('home') }}" class="hover" > Inicio</a>
  248.                         {% elseif app.request.attributes.get('_route') == 'app_analytic_home' %}
  249.                             <a href="{{ path('home') }}" class="hover" > Inicio</a>
  250.                             <span class="material-symbols-outlined">chevron_right</span>
  251.                             <a href="{{ path('app_analytic_home') }}" class="hover" > Analiza </a>
  252.                         {% elseif app.request.attributes.get('_route') == 'app_analytic' %}
  253.                             <a href="{{ path('home') }}" class="hover" > Inicio</a>
  254.                             <span class="material-symbols-outlined">chevron_right</span>
  255.                             <a href="{{ path('app_analytic_home') }}" class="hover" > Analiza </a>
  256.                             <span class="material-symbols-outlined">chevron_right</span>
  257.                             <a href="{{ path('app_analytic', {'mun': mun }) }}" class="hover" > {{ municipioname.adminunitname|capitalize }}</a>
  258.                         {% elseif app.request.attributes.get('_route') == 'explore_analytic' %}
  259.                             <a href="{{ path('home') }}" class="hover" > Inicio</a>
  260.                             <span class="material-symbols-outlined">chevron_right</span>
  261.                             <a href="{{ path('app_analytic_home') }}" class="hover" > Analiza </a>
  262.                             <span class="material-symbols-outlined">chevron_right</span>
  263.                             <a href="{{ path('app_analytic', {'mun': mun }) }}" class="hover" > {{ municipioname.adminunitname|capitalize }}</a>
  264.                             <span class="material-symbols-outlined">chevron_right</span>
  265.                             {% for item in analytic_data %}
  266.                                 {% if item.slug == slug %}
  267.                                     {% set name_analytic = item.name %}
  268.                                     <a href="{{ path('app_analytic', {'mun': mun, 'slug': slug }) }}" class="hover" > {{ name_analytic|capitalize }}</a>
  269.                                 {% endif %}
  270.                             {% endfor %}
  271.                         {% elseif app.request.attributes.get('_route') == 'app_project_index' %}
  272.                             <a href="{{ path('home') }}" class="hover" > Inicio</a>
  273.                             <span class="material-symbols-outlined">chevron_right</span>
  274.                             <a href="{{ path('app_project_index') }}" class="hover" > Planifica </a>
  275.                         {% elseif app.request.attributes.get('_route') == 'app_project_home' %}
  276.                             <a href="{{ path('home') }}" class="hover" > Inicio</a>
  277.                             <span class="material-symbols-outlined">chevron_right</span>
  278.                             <a href="{{ path('app_project_index') }}" class="hover" > Planifica </a>
  279.                             <span class="material-symbols-outlined">chevron_right</span>
  280.                             <a href="{{ path('app_project_home', {'mun': mun }) }}" class="hover" > {{ municipioname.adminunitname|capitalize }}</a>
  281.                             {# {{dump(project)}} #}
  282.                         {% elseif app.request.attributes.get('_route') == 'app_project_detail' %}
  283.                             <a href="{{ path('home') }}" class="hover" > Inicio</a>
  284.                             <span class="material-symbols-outlined">chevron_right</span>
  285.                             <a href="{{ path('app_project_index') }}" class="hover" > Planifica </a>
  286.                             <span class="material-symbols-outlined">chevron_right</span>
  287.                             <a href="{{ path('app_project_home', {'mun': mun }) }}" class="hover" > {{ municipioname.adminunitname|capitalize }}</a>
  288.                             <span class="material-symbols-outlined">chevron_right</span>
  289.                             <a href="{{ path('app_project_detail', {'mun': mun, 'id_project': project.id }) }}" class="hover" > {{ project.name }}</a>
  290.                         {% endif %}
  292.                         </p>
  293.                             
  294.                         
  295.                         
  296.                     </div>
  297.                 </div>
  298.             </div>
  299.         </div>
  300.         
  301.         {% block content %}{% endblock %}
  302.         
  303.     </div>
  305.     <footer>
  306.         <div class="container">
  307.             <div class="row py-5">
  308.                 <div class="col">
  309.                     <div>
  310.                         <img src="{{ asset('custom/logo_retabit.png') }}" alt="logo"/>
  311.                         <h4 class="pt-4 pb-4">Multi-dimensional data driven services to foster residential building retrofitting programmes in the implementation of SECAPs</h4>
  312.                     </div>
  314.                     <div class="ministerio">
  315.                         <img src="https://retabit.es/wp-content/uploads/2022/03/logo-ministerio.png" alt="logo ministerio">
  316.                         <p>
  317.                             Proyecto PID2020-115936RB-C21 <br>
  318.                             Financiado por el Ministerio de Ciencia e Innovación
  319.                         </p>
  320.                     </div>
  322.                 </div>
  324.                 <div class="col offset-md-2">
  325.                     <div class="row">
  326.                         <div class="col">
  327.                             <p>Legal information</p>
  328.                             <ul>
  329.                                 <li><a href="https://retabit.es/privacy-policy">Privacy policy</a></li>
  330.                                 <li><a href="https://retabit.es/terms-and-conditions">Terms &amp; conditions</a></li>
  331.                                 <li><a href="https://retabit.es/cookie-policy">Cookies policy</a></li>
  332.                             </ul>
  333.                         </div>
  335.                         <div class="col">
  336.                             <p>Follow us</p>
  337.                             <ul>
  338.                                 <li><a href="https://twitter.com/retabit_es">Twitter</a></li>
  339.                                 <li><a href="https://www.linkedin.com/company/re-dwell">LinkedIn</a></li>
  340.                             </ul>
  341.                         </div>
  342.                     </div>
  344.                     <div class="row pt-5 align-items-center">
  345.                         <a class="d-inline w-auto" href="https://www.salleurl.edu"><img class="col-6 me-3" style="width: auto;" src="{{ asset('img/footer_salle.png') }}"/></a>
  346.                         <a class="d-inline w-auto" href="https://www.irec.cat/"><img class="col-6" style="width: auto;" src="{{ asset('img/footer_irec.png') }}"/></a>
  347.                         <p class="mt-5">© Design and programming by <a href="https://www.salleurl.edu/en/research/groups-and-institutes/human-environment-research-group/architecture-representation-comp">ARC Engineering and Architecture La Salle</a></p>
  348.                     </div>
  349.                 </div>
  350.             </div>
  351.         
  352.         </div>
  353.     </footer>
  355. {% endblock %}