@igea/oac_frontend 1.0.92 → 1.0.93

package/src/public/css/style.css

@@ -170,6 +170,7 @@ html, body {
   padding: 1em;
   overflow-y: auto;
   background-color: white;
+  ;
 }
 
 .warning {

package/src/public/v2/css/v2.css

@@ -79,11 +79,11 @@ body.layout-v2 {
   grid-column: 1;
   grid-row: 1 / span 2;   /* 🔑 OCCUPA BANNER + MENU */
 
-  background-image: url('/frontend/v2/images/logo.jpg');
+  background-image: url('/frontend/v2/images/logo.svg');
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
-  background-color: #fafafa;
+  background-color: #B1A891;
 
   display: flex;
   align-items: center;
@@ -101,7 +101,7 @@ body.layout-v2 {
   background-repeat: no-repeat;
   background-size: contain;
   background-position: top center;
-  background-color: #519EA4;
+  background-color: #B1A891;
 }
 
 /* --- MENU SOTTO IL BANNER --- */
@@ -111,7 +111,7 @@ body.layout-v2 {
   align-items: center;
   justify-content: space-between;
   padding: 0 20px;
-  background: #519EA4;
+  background: #B1A891;
   border-bottom: 1px solid #ddd;
 }
 
@@ -184,7 +184,8 @@ body.layout-v2 {
   width: 220px;
   padding: 15px;
   border-right: 1px solid #ddd;
-  background: #fafafa;
+  background-color: white; 
+
 }
 
 .sidebar a {
@@ -203,7 +204,7 @@ body.layout-v2 {
 
 .sidebar-nav a.active {
   font-weight: bold;
-  background-color: #eef3f8;
+  background-color: #B1A891;
   border-left: 3px solid #0056b3;
 }
 
@@ -249,6 +250,36 @@ body.layout-v2 {
 }
 
 
+/* =========================
+   SIDEBAR – FONT SIZE
+   ========================= */
+
+.sidebar,
+.sidebar-nav {
+  font-size: 0.9rem;   /* default ~14.4px */
+  line-height: 1.3;
+}
+
+/* Titolo sezione (es. Ricerca, Amministrazione) */
+.sidebar-title-only,
+.sidebar-group-title {
+  font-size: 0.95rem;
+  font-weight: 600;
+}
+
+/* Voci normali */
+.sidebar-nav a {
+  font-size: 0.88rem;
+  padding: 6px 10px;
+}
+
+/* Sottovoci (ricerca veloce) */
+.sidebar-submenu a {
+  font-size: 0.85rem;
+  padding-left: 18px;   /* rientro visivo */
+}
+
+
 /* =========================
    MAIN CONTENT
    ========================= */
@@ -257,6 +288,7 @@ body.layout-v2 {
   flex: 1;
   min-width: 0;
   overflow: auto;
+  background-color: white;
 }
 
 
@@ -265,14 +297,42 @@ body.layout-v2 {
    ========================= */
 
 .footer-bar {
-  height: 40px;
+  background: #B1A891;
+  height: 60px;                 /* puoi regolarla */
   display: flex;
   align-items: center;
   justify-content: center;
-  border-top: 1px solid #ddd;
-  background: #f8f9fa;
+  padding: 0 24px;
+}
+
+/* Contenitore loghi */
+.footer-logos {
+  display: flex;
+  align-items: center;
+  gap: 24px;
+}
+
+/* Loghi */
+/* Altezza di riferimento = Sapienza */
+.footer-logos img {
+  height: 38px;          /* 🔑 tutti si adeguano */
+  width: auto;
+  object-fit: contain;
+}
+
+/* Sapienza leggermente più piccola e “autoriale” */
+.footer-logos img.logo-sapienza {
+  height: 52px;
+}
+
+/* Separatore verticale */
+.footer-separator {
+  width: 1px;
+  height: 50px;
+  background: rgba(255,255,255,0.4);
 }
 
+
 /* =========================
    SYSTEM PAGE
    ========================= */

package/src/public/v2/images/logo.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 2048 2048" width="715" height="715" xmlns="http://www.w3.org/2000/svg">
+<path transform="translate(0,452)" d="m0 0h110v467h457v-201l30-1h47l40 1 1 8-1 872h-116l-1-1v-573h-457v44l-1 264-5 1h-104z" fill="#750C08"/>
+<path transform="translate(1025,410)" d="m0 0h60l63 1 1 504 491 1 1 4v104l-1 1h-615l-1-3v-611z" fill="#750C08"/>
+<path transform="translate(1674,567)" d="m0 0h99l20 2 17 4 16 8 12 9 8 8 10 13 9 17 7 22 4 26 1 13v28l-3 27-4 20-6 17-9 19-9 12-6 7-11 8-16 8-9 3-15 3-19 2-95 1-1-1-1-17v-253z" fill="none"/>
+<path transform="translate(756,1279)" d="m0 0h102l18 2 16 4 12 5 10 7 10 9 9 10 10 16 6 14 6 21 3 25v45l-3 24-5 20-6 16-7 14-9 12-9 10-14 9-14 6-17 4-15 2-18 1h-85l-1-40v-159z" fill="none"/>
+<path transform="translate(708,1235)" d="m0 0h140l22 1 27 4 20 6 19 9 15 11 12 11 10 12 11 17 10 21 7 22 5 27 2 24v30l-2 24-5 26-6 20-10 23-9 15-10 13-8 9-11 9-11 8-19 9-19 6-14 3-16 2-20 1h-140zm48 44-1 77v159l1 40h85l27-2 20-4 15-6 13-8 9-8 10-13 6-10 8-20 5-18 3-19 1-10v-45l-3-25-6-21-7-16-7-11-9-11-9-9-10-7-12-6-13-4-12-2-12-1z" fill="#323032"/>
+<path transform="translate(1627,523)" d="m0 0h132l32 2 24 3 22 7 16 8 12 8 10 9 7 6 11 14 9 14 10 21 6 19 5 22 3 34v27l-2 26-4 22-7 24-9 21-8 14-12 16-15 15-16 11-19 9-16 5-20 4-17 2-19 1h-102l-34-1v-362zm47 44-1 6v253l1 17 1 1 95-1 25-3 16-4 16-8 9-6 7-6 10-13 9-17 7-19 4-17 3-21 1-12v-28l-2-21-4-22-7-20-8-15-8-10-9-10-11-9-15-8-16-4-10-2-14-1z" fill="#323032"/>
+<path transform="translate(1435,518)" d="m0 0h11l24 2 20 4 16 5 16 7 13 8 11 9 9 10 10 16 7 17 4 19 1 10-1 1-33 2h-13l-4-19-8-16-8-10-12-9-11-5-20-5-7-1h-36l-19 3-13 4-11 6-10 9-7 10-4 10-1 5v12l4 12 6 9 9 8 18 8 27 8 66 16 26 8 18 8 15 9 15 12 11 14 9 19 4 17v26l-4 18-7 16-9 14-9 10-7 7-15 10-16 8-13 5-19 5-16 2h-41l-26-3-24-6-13-5-18-10-14-11-9-9-12-17-8-16-5-15-4-22v-8l2-1 42-4 2 2 5 22 6 15 9 13 7 7 14 9 13 6 15 5 22 4h31l22-4 15-5 10-5 11-8 7-8 7-14 2-12v-9l-3-13-6-11-8-8-13-8-21-8-37-10-44-11-29-9-18-8-14-9-11-9-8-9-8-13-6-16-2-11v-21l2-13 7-18 6-10 10-13 10-9 14-9 15-7 15-5 20-4z" fill="#323032"/>
+<path transform="translate(0)" d="m0 0h2048v1h-1938v10l-110-1z" fill="#323133"/>
+<path transform="translate(567,1670)" d="m0 0h118l1 1v19l-1 1h-117l-1-1z" fill="#760C08"/>
+<path transform="translate(568,1885)" d="m0 0h117l1 1v19l-1 1h-117l-1-1v-19z" fill="#760C08"/>
+<path transform="translate(1024,166)" d="m0 0h124v20h-123l-1-1z" fill="#760C08"/>
+<path transform="translate(1025,42)" d="m0 0h123v20h-124v-19z" fill="#760C08"/>
+<path transform="translate(1024,381)" d="m0 0h124v19l-11 1h-111l-2-1z" fill="#750C08"/>
+<path transform="translate(568,1762)" d="m0 0h117l1 1v19l-23 1h-56l-40-1v-19z" fill="#760C08"/>
+<path transform="translate(567,1948)" d="m0 0h119v20h-119z" fill="#750C08"/>
+<path transform="translate(567,1825)" d="m0 0h119v19l-1 1h-117l-1-1z" fill="#750C08"/>
+<path transform="translate(567,1733)" d="m0 0h119v19l-1 1h-117l-1-1z" fill="#750C08"/>
+<path transform="translate(1025,257)" d="m0 0 123 1v19l-123 1-1-1v-19z" fill="#750C08"/>
+<path transform="translate(1025,11)" d="m0 0 123 1v19h-123l-1-1v-18z" fill="#760C08"/>
+<path transform="translate(1025,226)" d="m0 0 123 1v19h-123l-1-1v-18z" fill="#760C08"/>
+<path transform="translate(1024,350)" d="m0 0h124v19h-124z" fill="#750C08"/>
+<path transform="translate(1024,289)" d="m0 0h124v19h-124z" fill="#750C08"/>
+<path transform="translate(1024,197)" d="m0 0h124v19h-124z" fill="#760C08"/>
+<path transform="translate(1025,134)" d="m0 0 123 1v19h-123l-1-1v-18z" fill="#750C08"/>
+<path transform="translate(1024,74)" d="m0 0h124v19h-124z" fill="#750C08"/>
+<path transform="translate(567,1794)" d="m0 0h119v19l-12 1h-80l-27-1z" fill="#750C08"/>
+<path transform="translate(567,2009)" d="m0 0h119v19h-119z" fill="#760C08"/>
+<path transform="translate(567,1917)" d="m0 0h119v19h-119z" fill="#750C08"/>
+<path transform="translate(567,1702)" d="m0 0h119v19h-119z" fill="#750C08"/>
+<path transform="translate(567,1610)" d="m0 0h119v19h-119z" fill="#750C08"/>
+<path transform="translate(1024,320)" d="m0 0h124v18h-123l-1-1z" fill="#760C08"/>
+<path transform="translate(1024,105)" d="m0 0h124v18h-123l-1-1z" fill="#750C08"/>
+<path transform="translate(1682,916)" d="m0 0h20v109h-20l-1-30v-47z" fill="#760C08"/>
+<path transform="translate(0,391)" d="m0 0h110l1 3-1 17h-110z" fill="#760C08"/>
+<path transform="translate(0,268)" d="m0 0h110l1 3-1 17h-110z" fill="#760C08"/>
+<path transform="translate(0,360)" d="m0 0h110l1 2-1 18h-110z" fill="#760C08"/>
+<path transform="translate(0,145)" d="m0 0h110l1 2-1 18h-110z" fill="#760C08"/>
+<path transform="translate(0,176)" d="m0 0h110v20h-110z" fill="#760C08"/>
+<path transform="translate(0,53)" d="m0 0h110v20h-110z" fill="#760C08"/>
+<path transform="translate(2022,916)" d="m0 0h19v109l-8 1h-9l-3-1v-108z" fill="#750C08"/>
+<path transform="translate(1806,916)" d="m0 0h19v109h-19l-1-1v-107z" fill="#760C08"/>
+<path transform="translate(1775,916)" d="m0 0h19v109h-19l-1-3v-101z" fill="#760C08"/>
+<path transform="translate(1714,916)" d="m0 0h19v109h-19l-1-3v-98z" fill="#760C08"/>
+<path transform="translate(28,299)" d="m0 0h65l17 1v19h-110v-19z" fill="#760C08"/>
+<path transform="translate(567,1856)" d="m0 0h119v18h-118l-1-1z" fill="#750C08"/>
+<path transform="translate(567,1641)" d="m0 0h119v17l-1 1h-117l-1-1z" fill="#760C08"/>
+<path transform="translate(0,329)" d="m0 0h110v20h-31l-79-1z" fill="#760C08"/>
+<path transform="translate(0,237)" d="m0 0h110v19h-110z" fill="#760C08"/>
+<path transform="translate(0,114)" d="m0 0h110v19h-110z" fill="#760C08"/>
+<path transform="translate(0,22)" d="m0 0h110v19h-110z" fill="#760C08"/>
+<path transform="translate(1867,916)" d="m0 0h19l-1 109h-18l-1-1v-107z" fill="#760C08"/>
+<path transform="translate(9,207)" d="m0 0h101v19h-110v-18z" fill="#760C08"/>
+<path transform="translate(1898,916)" d="m0 0h19v109h-19z" fill="#750C08"/>
+<path transform="translate(1991,916)" d="m0 0h18v109h-19v-108z" fill="#750C08"/>
+<path transform="translate(1930,916)" d="m0 0h18v109h-19v-108z" fill="#750C08"/>
+<path transform="translate(1838,916)" d="m0 0h18v109h-19v-108z" fill="#750C08"/>
+<path transform="translate(1652,916)" d="m0 0h18v109h-19v-108z" fill="#750C08"/>
+<path transform="translate(567,1980)" d="m0 0h119v17l-84 1-35-1z" fill="#760C08"/>
+<path transform="translate(0,422)" d="m0 0h110l1 4-1 15h-110z" fill="#760C08"/>
+<path transform="translate(880,916)" d="m0 0h17l1 36-1 73-2 1h-14l-2-1v-108z" fill="#B4B4B7"/>
+<path transform="translate(761,916)" d="m0 0h12l1 1v108l-1 1h-16l-1-1v-108z" fill="#B4B4B7"/>
+<path transform="translate(818,917)" d="m0 0h18l1 45v22l-1 41h-18z" fill="#B4B4B7"/>
+<path transform="translate(15,84)" d="m0 0h95v18h-110v-17z" fill="#760C08"/>
+<path transform="translate(1961,916)" d="m0 0h17v109h-18v-108z" fill="#760C08"/>
+<path transform="translate(1745,916)" d="m0 0h17v109h-17l-1-1v-107z" fill="#750C08"/>
+<path transform="translate(972,916)" d="m0 0h12l5 1v108l-1 1h-15l-1-1-1-12v-96z" fill="#B4B4B7"/>
+<path transform="translate(793,916)" d="m0 0h11l1 1v108l-1 1h-15l-2-1-1-108z" fill="#B4B4B7"/>
+<path transform="translate(915,916)" d="m0 0h10l3 1 1 33v31l-1 44-1 1h-14l-2-1-1-45v-63z" fill="#B4B4B7"/>
+<path transform="translate(849,916)" d="m0 0h16l1 1v92l-1 16-6 1-11-1-1-108z" fill="#B4B4B7"/>
+<path transform="translate(726,916)" d="m0 0h16l1 1v71l-1 37-1 1h-13l-2-1-1-26v-82z" fill="#B4B4B7"/>
+<path transform="translate(941,917)" d="m0 0h17l1 14v34l-1 60-1 1h-14l-1-1-1-21z" fill="#B4B4B7"/>
+<path transform="translate(0)" d="m0 0h110v11l-110-1z" fill="#750C08"/>
+<path transform="translate(567,2040)" d="m0 0h119v8h-119z" fill="#750C08"/>
+</svg>

package/src/views/v2/layout.twig

@@ -15,7 +15,7 @@
     <script src="/frontend/js/lib/vue.global.js"></script>
     <script src="/frontend/js/lib/bootstrap.bundle.min.js"></script>
     
-    <link rel="stylesheet" href="/frontend/css/style.css">
+    <!--<link rel="stylesheet" href="/frontend/css/style.css"> -->
     <link rel="stylesheet" href="/frontend/css/font-awesome-all.min.css">
     <link rel="stylesheet" href="/frontend/css/bootstrap.min.css">
 

package/src/views/v2/login.twig

@@ -0,0 +1,37 @@
+{% extends 'v2/layout.twig' %}
+
+{% block extendHead %}
+    <link rel="stylesheet" href="/frontend/css/login.css">
+    <script src="/frontend/js/login/login.js"></script>
+{% endblock %}
+
+{% block content %}
+    
+    <div class="login-container">
+        <h2>{{ t('login.title') }}</h2>
+        <div>
+            <label for="username">{{ t('login.user') }}</label>
+            {% if invalidLogin %}
+                <span class=".login-message">{{ t('login.invalid_user') }}</span>
+            {% endif %}
+            <input type="text" id="username" name="username" required />
+            <label for="password">{{ t('login.password') }}</label>
+            <input type="password" id="password" name="password" required />
+            <button onclick="onSubmit('login')">{{ t('login.sign_in') }}</button>
+            <a href="/{{ root }}/password_recovery">
+                <i class="fa-solid fa-key"></i>
+                <span>{{ t('login.password_recovery') }}</span>
+            </a>
+            <button onclick="onSubmit('anonymous');" style="background: #ff0000">
+                {{ t('login.anonymous') }}</button>
+        </div>
+    </div>
+    <script>
+        var input = document.getElementById("password");
+        input.addEventListener('keydown', function (event) {
+            if (event.key === 'Enter') {
+                onSubmit("login");
+            }
+        });
+    </script>
+{% endblock %}

package/src/views/v2/partials/footer.twig

@@ -1,8 +1,30 @@
 <footer class="footer-bar">
-    <div class="footer-logos">
-        <!--<img src="/{{ root }}/assets/img/sapienza.png" alt="Sapienza">
-        <img src="/{{ root }}/assets/img/partner1.png" alt="Partner">
-        <img src="/{{ root }}/assets/img/partner2.png" alt="Partner">
-        -->
-    </div>
+  <div class="footer-logos">
+
+    <img src="/frontend/v2/images/sapienza.png"
+        class="logo-sapienza
+        alt="Sapienza Università di Roma">
+
+    <span class="footer-separator"></span>
+
+    <img src="/frontend/v2/images/eu.png"
+         alt="Finanziato dall'Unione Europea">
+
+    <span class="footer-separator"></span>
+
+    <img src="/frontend/v2/images/miur.png"
+         alt="Ministero dell'Università e della Ricerca">
+
+    <span class="footer-separator"></span>
+
+    <img src="/frontend/v2/images/italiadomani.png"
+         alt="Italia Domani – PNRR">
+
+    <span class="footer-separator"></span>
+
+    <img src="/frontend/v2/images/changes.png"
+         alt="Fondazione CHANGESS">
+
+  </div>
 </footer>
+

package/src/views/v2/partials/header.twig

@@ -13,6 +13,7 @@
   <div class="header-menu">
 
     <nav class="topbar-center">
+    {% if user is defined %}
       <a href="/frontend/v2/introduction"
          :class="{ active: activeMenu === 'introduction' }">
         Presentazione
@@ -23,11 +24,11 @@
         Indagine
       </a>
 
-      <a href="/frontend/v2/search/fast/1"
+      <a href="/frontend/v2/search"
          :class="{ active: activeMenu === 'search' }">
         Ricerca
       </a>
-
+{% endif %}
       {% if user is defined and user.role in [0,1] %}
         <a href="/frontend/v2/admin"
           :class="{ active: activeMenu === 'admin' }">

package/src/views/v2/presentazione/bibliografia.twig

@@ -0,0 +1,94 @@
+{% extends 'v2/layout.twig' %}
+
+{% block content %}
+
+<section class="system-page">
+
+  {# TITOLO PRINCIPALE #}
+  <header class="system-header">
+    <h1>Riferimenti e bibliografia</h1>
+  </header>
+
+  {# INTRODUZIONE #}
+  <p class="intro-text">
+    La presente sezione raccoglie i principali riferimenti scientifici e documentali
+    utilizzati per l’elaborazione del modello concettuale e del quadro teorico di riferimento.
+  </p>
+
+  {# SITOGRAFIA #}
+  <header class="system-header">
+    <h2>Sitografia</h2>
+  </header>
+
+  <ul class="reference-list">
+    <li>
+      <a href="https://www.cidoc-crm.org/" target="_blank" rel="noopener noreferrer">
+        CIDOC CRM – Conceptual Reference Model
+      </a>
+    </li>
+  </ul>
+
+  {# BIBLIOGRAFIA #}
+  <header class="system-header">
+    <h2>Bibliografia</h2>
+  </header>
+
+  <ul class="reference-list">
+
+    <li>
+      M. Acierno, D. Fiorani,
+      <b>Conservation Process Model. An ontology for conservation in architecture</b>,
+      SUE, Roma, 2025.
+    </li>
+
+    <li>
+      E. Moraitou, J. Aliprantis, Y. Christodoulou, A. Teneketzis, G. Caridakis,
+      <b>Semantic Bridging of Cultural Heritage Disciplines and Tasks</b>,
+      in «Heritage», 2019, 2, pp. 611–630.
+    </li>
+
+    <li>
+      M. Acierno, S. Cursi, D. Simeone, D. Fiorani,
+      <b>Architectural Heritage Knowledge Modelling: an Ontology-Based Framework for Conservation Process</b>,
+      in «Journal of Cultural Heritage», 2017, 24C, pp. 124–133.
+    </li>
+
+    <li>
+      M. Doerr,
+      <b>Ontologies for Cultural Heritage</b>,
+      in Handbook on Ontologies, Springer, Berlin, 2009.
+    </li>
+
+    <li>
+      M. Doerr,
+      <b>The CIDOC Conceptual Reference Model: An Ontological Approach to Semantic Interoperability of Metadata</b>,
+      in «AI Magazine», Special Issue, 24(3), 2003, pp. 75–92.
+    </li>
+
+    <li>
+      B. Smith,
+      <b>Ontology</b>,
+      in L. Floridi (a cura di),
+      Blackwell Guide to the Philosophy of Computing and Information,
+      Blackwell, Oxford, 2003, pp. 155–166.
+    </li>
+
+    <li>
+      N. Guarino,
+      <b>Formal Ontology and Information Systems</b>,
+      in N. Guarino (ed.),
+      Frontiers in Artificial Intelligence and Applications,
+      Proceedings of FOIS’98, IOS Press, Amsterdam, 1998, pp. 3–15.
+    </li>
+
+    <li>
+      T. R. Gruber,
+      <b>Toward Principles for the Design of Ontologies used for Knowledge Sharing</b>,
+      in «International Journal of Human-Computer Studies», 43, 1995, pp. 907–928.
+    </li>
+
+  </ul>
+
+</section>
+
+{% endblock %}

package/src/views/v2/presentazione/contatti.twig

@@ -0,0 +1,21 @@
+{% extends 'v2/layout.twig' %}
+
+
+{% block content %}
+
+<section class="system-page">
+
+  {# TITOLO #}
+  <header class="system-header">
+    <h1>Contatti</h1>
+  </header>
+
+    <p class="intro-text">
+    Contatti
+  </p>
+
+
+
+</section>
+
+{% endblock %}

package/src/views/v2/presentazione/crediti.twig

@@ -0,0 +1,20 @@
+{% extends 'v2/layout.twig' %}
+
+{% block content %}
+
+<section class="system-page">
+
+  {# TITOLO #}
+  <header class="system-header">
+    <h1>Crediti</h1>
+  </header>
+
+    <p class="intro-text">
+    Crediti
+  </p>
+
+
+
+</section>
+
+{% endblock %}

package/src/views/v2/presentazione/finalita.twig

@@ -1,7 +1,5 @@
 {% extends 'v2/layout.twig' %}
 
-FINALITA{% extends 'v2/layout.twig' %}
-
 {% block content %}
 
 <section class="system-page">

package/src/views/v2/presentazione/modelli.twig

@@ -0,0 +1,21 @@
+{% extends 'v2/layout.twig' %}
+
+{% block content %}
+
+<section class="system-page">
+
+  {# TITOLO #}
+  <header class="system-header">
+    <h1>Modelli</h1>
+  </header>
+
+    <p class="intro-text">
+    Modelli
+  </p>
+
+
+
+
+</section>
+
+{% endblock %}

package/src/views/v2/presentazione/partecipanti.twig

@@ -1,6 +1,6 @@
 {% extends 'v2/layout.twig' %}
 
-FINALITA{% extends 'v2/layout.twig' %}
+
 
 {% block content %}
 

package/src/views/v2/search/index.twig

@@ -0,0 +1,8 @@
+{% extends "v2/layout.twig" %}
+
+{% block content %}
+  <div class="system-page">
+    <h1>Ricerca</h1>
+    <p>Pagina ricerche caricata correttamente.</p>
+  </div>
+{% endblock %}