templates/app-base.html.twig line 1

Open in your IDE?
  1. {# app-base.html.twig template base di app, include favicon, bootstrap, jquery, al momento non ancora google fonts e fontawesome #}
  2. {% extends "bsjq.html.twig" %}
  3. {% set loadBar = '<div class="w-100 text-center"><div class="spinner-border text-primary" role="status"><span class="sr-only">Caricamento...</span></div></div>' %}
  4. {% block pagejs %}
  5. {# Se l'utente è già loggato, importa la gestione di google del logout #}
  6. {#{% if datiUtente is defined %}
  7. <script nonce="S2GScr1pt" src="https://apis.google.com/js/platform.js" async defer></script>
  8. {% endif %}
  9. {# Fine Google Logout import #}
  10. {% endblock %}
  11. {% block body %}
  12. {# Topbar con logo di app, idealmente presente su qualsiasi pagina di app #}
  13. {#<div id="topbarWrapper" class="w-100 container gx-0 d-flex justify-content-center align-items-center">
  14. <div id="topbar" class="row w-100 justify-content-center align-items-center">#}
  15. <section id="topbarWrapper" class="sticky-top">
  16. <div id="topbar" class="container d-flex justify-content-center align-items-center">
  17. <div class="row w-100 justify-content-center align-items-center">
  18. <div class="col-12 col-md-3 d-flex justify-content-center justify-content-md-start align-items-center">
  19. <a class="navbar-brand text-dark" href="/" title="{{ APPNAME }} v.{{ APPVERSION }}">
  20. <img class="img-fluid" srcset="{{ asset("logo/Scan2Go-Logo-173x40.png")}} 1x {{ asset("logo/Scan2Go-Logo-346x80.png") }} 2x {{ asset("logo/Scan2Go-Logo-691x160.png") }} 3x" src={{ asset("logo/Scan2Go-Logo-173x40.png") }} alt="{{ APPNAME }} Logo">
  21. {#{% include "inc/logo.html.twig" %}{# svg del logo, incluso #}
  22. {#<img class="mr-1" src={{ asset("Scan2Go-Logo-300px.png") }} width="100" height="100" alt="{{ APPNAME }} Favicon">#}
  23. {#{{ APPNAME }}{% if titoloBrand is defined %} {{ titoloBrand }}{% endif %}#}</a>
  24. </div>
  25. {% block menuBlock %}
  26. <nav id="{{ APPNAME }}TopNavBar" class="navbar navbar-expand-lg navbar-light row col-12 col-md-9">
  27. {#<div class="container">#}
  28. <button class="navbar-toggler ml-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  29. <span class="navbar-toggler-icon "></span>
  30. {# aggiunge campanella notifiche se ce n'è almeno una da leggere #}
  31. {#{% if notifiche is defined and notifiche.daLeggere is defined and notifiche.daLeggere == true %}#}
  32. <i class="fas fa-bell text-warning d-none dispIcoNotif colIcoNotif float-end" id="iconaNotificheMobile"></i>
  33. {#{% endif %}#}
  34. </button>
  35. {% set route_name = app.request.attributes.get('_route') %}{# Per gestire il menu #}
  36. <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
  37. {% block incmenu %}{% include "inc/app-menu.html.twig" %}{% endblock %}
  38. <div class="my-2 my-lg-0 d-flex flex-direction-column align-items-center justify-content-center">
  39. {% if datiUtente is defined %}
  40. {# Nome Utente - Ruolo - Lingua - Logout #}
  41. {# Soltanto se l'utente è loggato, prepara una navbar supplementare per la scelta del metodo di logout #}
  42. <nav id="logoutNav" class="navbar">
  43. <ul class="navbar-nav mr-auto">
  44. <li class="nav-item dropdown">
  45. <a class="dropdown-toggle nav-profile-link" href="#" id="logoutDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  46. <img class="s2g_icona ps-1 pe-1 pe-lg-3 s2g_icona_User" src="{{ asset("images/Scan2Go-User.png") }}" srcset="{{ asset("images/Scan2Go-User.png") }} 1x, {{ asset("images/Scan2Go-User2x.png") }} 2x" alt="{% trans %}Utente{% endtrans %}">
  47. {% if datiUtente['nomeutente'] is defined %} {# Se il nome utente è stato passato #}
  48. Utente
  49. {% endif %}
  50. {#{% if notifiche is defined and notifiche.daLeggere is defined and notifiche.daLeggere == true %}#}
  51. <i class="fas fa-bell text-warning d-none dispIcoNotif colIcoNotif ms-1" id="iconaNotifiche"></i>
  52. {#{% endif %}#}
  53. </a>
  54. <div class="dropdown-menu" aria-labelledby="logoutDropdown">
  55. <div class="d-flex justify-content-center">
  56. <span class="dropdown-item-text my-0 small badge bg-info" title="{{ datiUtente['nomeutentecompleto'] }}">{{ datiUtente['nomeutente']|u.split(' ')[0] }}</span>
  57. </div>
  58. <hr class="dropdown-divider">
  59. <a id="btnModalNotifiche" class="dropdown-item small"><i class="fas fa-bell iconaNotifiche colIcoNotif float-end"></i>{% trans %}Notifiche{% endtrans %}</a>
  60. {% if (is_granted('ROLE_ADMIN')) %}
  61. <a class="dropdown-item small" href="/admin">{% trans %}Impostazioni Sistema{% endtrans %}</a>
  62. <hr class="dropdown-divider">
  63. {% else %}
  64. {% endif %}
  65. <span class="dropdown-item-text my-0 small" href="#">{% trans %}Esci da...{% endtrans %}</span>
  66. <a class="dropdown-item small" href="/logout">{{ APPNAME }}</a>
  67. <a id="logoutGsuite"class="dropdown-item small" href="https://www.google.com/accounts/Logout?continue=https://appengine.google.com/_ah/logout?continue=https://{{ APPDOMAIN }}/logout">{{ APPNAME }} e GSuite</a>
  68. </div>
  69. </li>
  70. </ul>
  71. </nav>
  72. {% else %}
  73. <a href="/login/google" class="nav-link" title="{{ APPNAME }} login">{% trans %}Login{% endtrans %}</a>
  74. {% endif %}
  75. </div>
  76. </div>
  77. {#</div>#}{# /container #}
  78. </nav>
  79. {% endblock %}
  80. </div>
  81. </div>
  82. </section>
  83. {# Logo di Istituto #}
  85. {# Moduli #}
  86. {% block moduli %}
  87. <div class="container">
  88. <div class="row justify-content-center">
  89. {# #}
  90. </div>
  91. </div>
  92. {% endblock %}
  93. {# Modale per notifiche #}
  94. <div id="notificationModal" class="modal" tabindex="-1">
  95. <div class="modal-dialog modal-xl modal-fullscreen-sm-down">
  96. <div class="modal-content">
  97. <div class="modal-header">
  98. <h5 class="modal-title">{% trans %}Notifiche{% endtrans %}</h5>
  99. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  100. </div>
  101. <div class="modal-body">
  102. {{ loadBar|raw }}
  103. </div>
  104. <div class="modal-footer">
  105. <button id="btnAltreNotifiche" type="button" class="btn btn-primary w-100">Carica Altre...</button>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. {# FINE Modale per notifiche #}
  111. {# Modale per servizi (stampa etc) #}
  112. <div id="serviceModal" class="modal" tabindex="-1">
  113. <div class="modal-dialog modal-xl modal-fullscreen-sm-down">
  114. <div class="modal-content">
  115. <div class="modal-header">
  116. <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  117. </div>
  118. <div class="modal-body">
  119. {{ loadBar|raw }}
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. {# FINE Modale per notifiche #}
  125. {# Aggiunta a fine Body, esterna ai moduli #}
  126. {% block aggiuntaFineBody %}{% endblock %}
  127. {# Porzione col footer pubblico #}
  128. {% include 'inc/public-footer.html.twig' %}
  129. {# /Porzione col footer pubblico #}
  130. {# chiusura body #}
  131. {% endblock %}
  133. {# Parte con il javascript utile di pagina #}
  134. {% block tailjs %}
  135. {% if datiUtente is defined and datiUtente is not null %}
  136. {# javascript notifiche #}
  137. var notificationModal = new bootstrap.Modal(document.getElementById('notificationModal'));
  138. {% include('js/notification.js.twig') %}
  139. {# javascript serviceModal #}
  140. var serviceModal = new bootstrap.Modal(document.getElementById('serviceModal'));
  142. {# Inclusione delle funzioni se l'utente ha ruolo >= admin #}
  143. {% if (is_granted('ROLE_ADMIN')) %}
  144. {# #}
  145. {% endif %}
  146. {# fine parte utente ha ruolo >= admin #}
  149. {# Definizioni trigger per funzionalità e funzione utente normale #}
  150. var freeAjax = true; {# definisco un check di controllo globale sulle funzioni ajax, va in false quando c'è un ajax in corso #}
  152. var triggersAccordion = {
  153. {% if bookmarks is defined and bookmarks|length > 0 %}
  154. 'apertoBook' : true, {# definisco un check di controllo sui Bookmarks, caso in cui i bookmarks sono preaperti #}
  155. {% else %}
  156. 'apertoBook' : false, {# definisco un check di controllo sui Bookmarks, caso in cui i bookmarks sono chiusi #}
  157. {% endif %}
  158. 'apertoBookMan' : false, {# definisco un check di controllo sul Manager Bookmarks #}
  159. 'apertoCPVLAN' : false, {# definisco un check di controllo sul Captive Portal VLAN manager #}
  160. 'apertoMT' : false, {# definisco un check di controllo sul Manager #}
  161. 'apertoDNS' : false,{# definisco un check di controllo sul Manager DNS #}
  162. 'apertoTask' : false{# definisco un check di controllo sul Task Scheduler #}
  163. };
  165. function turnOffTriggersExcept(trigger){ {# Funzione per mettere true sul trigger dell'accordion che si apre e false su tutti gli altri #}
  166. $.each(triggersAccordion,function(key,value){
  167. if(key != trigger){
  168. triggersAccordion[key] = false;
  169. }
  170. else {
  171. triggersAccordion[key] = true;
  172. }
  173. });
  174. return true;
  175. }
  177. {# Session ping per verifica validità sessione Utente #}
  178. function appSessionPing(){
  179. $.ajax({
  180. url:'/ajax/appSessionPing',
  181. type: "POST",
  182. dataType: "json",
  183. success: function(data){
  184. console.log("Session Ping Ok");
  185. return true;
  186. },
  187. error: function(data){
  188. console.log("sessione scaduta");
  189. if ( confirm('La sessione di {{ APPNAME }} è scaduta, al prossimo click dovrai rieffettuare il login.') ){
  190. location.reload();
  191. } else {
  192. //
  193. }
  194. return false;
  195. }
  196. });
  197. }
  199. {# Funzione per popolare l'anno #}
  200. function setCopyrightYear(){
  201. let thisYear = new Date().getFullYear();
  202. document.getElementById('copyrightYear').textContent = thisYear;
  203. return true;
  204. }
  205. {# /Funzione per popolare l'anno #}
  207. {% if (is_granted('ROLE_OPERATORE')) %}
  208. {# #}
  209. {% endif %}
  211. {# Nel caso in cui l'url includa il path /archive/ includo anche il seguente template javascript twig #}
  212. {% if '/archive' in app.request.uri %}
  213. {% include 'js/searchEnvironment.js.twig' %}
  214. console.log('Incluso searchEnvironment.js.twig per l\'ambiente di ricerca');
  215. $(function () {
  216. searchEnvironment.init();
  217. searchEnvironment.fetchData().then((data) => {
  218. console.log('Dati di ricerca caricati con successo:', data);
  219. }).catch((error) => {
  220. console.error('Errore nel caricamento dei dati di ricerca:', error);
  221. });
  222. });
  223. {% else %}
  224. console.log('Non incluso searchEnvironment.js.twig per l\'ambiente di ricerca');
  225. console.log ('{{ app.request.uri }}');
  226. {% endif %}
  228. {# Inizializzo l'ambiente di ricerca #}
  230. {# INIZIO DOCUMENT READY #}
  231. $(function () { //apertura document ready
  232. {% if datiUtente['nomeutentecompleto'] is defined %}
  233. $('#showUsername').tooltip();
  234. {# SESSION PING COUNTER #}
  235. var sessiontime = 1450; //il controllo parte 10 secondi dopo la scadenza della sessione
  236. var sessionpingid = setInterval(function() {
  237. sessiontime = sessiontime - 30;
  238. if(sessiontime > 0){
  239. {% if APPDEBUG is defined and APPDEBUG %}console.log('{{ APPNAME }} Session Check tempo residuo '+sessiontime);{% endif %}
  240. }
  241. else {
  242. if(!appSessionPing()){
  243. //alert('La sessione di {{ APPNAME }} è scaduta, al prossimo click dovrai rieffettuare il login.');
  244. }
  245. else {
  246. sessiontime = 1450; //reimposto il contatore all' inizio
  247. {% if APPDEBUG is defined and APPDEBUG %}console.log('{{ APPNAME }} SC verificata, ancora valida, tempo residuo '+sessiontime);{% endif %}
  248. }
  249. }
  250. }, 30 * 1000); // 60 * 1000 milsec
  251. {# FINE PARTE SESSION PING COUNTER #}
  252. {% endif %}
  253. {# Fine funzione per il signout di google dall'applicativo #}
  254. {# Inizializzazione Popovers #}
  255. var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
  256. var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
  257. return new bootstrap.Popover(popoverTriggerEl), { trigger:'focus' }
  258. });
  259. {# Fine inizializzazione Popovers #}
  260. setCopyrightYear();
  261. });
  262. {# FINE DOCUMENT READY #}
  264. {# INIZIO AJAXCOMPLETE Dopo il completamento qualsiasi chiamata AJAX viene eseguito questo ciclo di funzioni, prettamente il refresh degli event listeners #}
  265. $( document ).ajaxComplete(function() {
  266. freeAjax=true; {# Visto che la chiamata Ajax precedente è conclusa, rilibero il check ajax #}
  267. {# #}
  268. });
  269. {# Fine ciclo funzioni post chiamata Ajax #}
  271. {% endif %}
  272. {% block addtailjs %}{% endblock %}
  273. {% endblock %}