✅ Fix local upload, OUI calculation and UI enhancements

app.py

@@ -122,23 +122,20 @@ def validate():
     filename = secure_filename(pdf_file.filename)
     pdf_path = os.path.join(app.config["UPLOAD_FOLDER"], filename)
     pdf_file.save(pdf_path)
-
     results = []
 
     if analysis_type == "local":
         comparison_files = request.files.getlist("comparison_files")
-        if not comparison_files:
-            flash("Carica almeno un file di confronto.", "error")
-            return redirect(url_for("index"))
-
         saved_paths = []
         for file in comparison_files:
             if file.filename.endswith(".pdf"):
-                filename = secure_filename(file.filename)
-                file_path = os.path.join(app.config["UPLOAD_FOLDER"], filename)
-                file.save(file_path)
-                saved_paths.append(file_path)
-
+                comp_filename = secure_filename(file.filename)
+                comp_path = os.path.join(app.config["UPLOAD_FOLDER"], comp_filename)
+                file.save(comp_path)
+                saved_paths.append(comp_path)
+        if not saved_paths:
+            flash("Nessun file PDF di confronto selezionato.", "error")
+            return redirect(url_for("index"))
         results = validate_document(pdf_path, saved_paths, method="local")
 
     elif analysis_type == "pubmed":

static/css/style.css

@@ -1,11 +1,12 @@
-/* Generale */
+/* Reset base */
 html, body {
     height: 100%;
     margin: 0;
     padding: 0;
-    overflow-y: auto; /* Permette lo scrolling */
+    overflow-y: auto;
 }
 
+/* Corpo */
 body {
     font-family: Arial, sans-serif;
     background-color: #f8f8f8;
@@ -17,7 +18,7 @@ body {
 
 /* Header */
 header {
-    background-color: rgba(42, 77, 111, 0.8); /* Aggiunge trasparenza */
+    background-color: rgba(42, 77, 111, 0.8);
     color: #fff;
     padding: 20px;
     text-align: center;
@@ -36,54 +37,66 @@ header p {
 
 /* Logo */
 #logo {
+    display: block;
+    margin: 0 auto;
     max-width: 200px;
+    height: auto;
     cursor: pointer;
     transition: transform 0.3s ease;
+    position: relative;
+    z-index: 10;
 }
 
 #logo:hover {
     transform: scale(1.2);
 }
 
-/* Container principale */
-.container {
-    flex: 1;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 20px;
-}
-
-/* Form */
+/* Form principale */
 form {
     margin: 20px auto;
-    text-align: center;
-    width: 80%;
+    text-align: left;
+    width: 90%;
     max-width: 800px;
     padding: 25px;
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-    overflow-y: auto; /* Permette scrolling interno se necessario */
-    max-height: 90vh; /* Impedisce che il form esca dallo schermo */
 }
 
-/* Etichette e campi input */
 label {
     display: block;
-    font-size: 1.1em;
-    margin-bottom: 8px;
+    font-size: 1.05em;
+    margin: 12px 0 5px;
     font-weight: bold;
+    color: #2a4d6f;
 }
 
-input, select {
+input[type="file"],
+input[type="text"],
+input[type="number"],
+select {
     width: 100%;
     padding: 10px;
-    margin-bottom: 15px;
+    margin-bottom: 12px;
     border: 1px solid #ccc;
+    border-radius: 6px;
+    font-size: 1em;
+    box-sizing: border-box;
+}
+
+/* Input multiupload */
+input[type="file"]::file-selector-button {
+    padding: 6px 12px;
+    margin-right: 10px;
+    background-color: #2a4d6f;
+    color: white;
+    border: none;
     border-radius: 5px;
-    font-size: 1.1em;
+    cursor: pointer;
+}
+
+input[type="file"]::file-selector-button:hover {
+    background-color: #1a3d56;
 }
 
 /* Pulsanti */
@@ -91,11 +104,11 @@ button {
     width: 100%;
     background-color: #2a4d6f;
     color: #fff;
-    padding: 12px 20px;
+    padding: 12px;
     border: none;
-    border-radius: 5px;
+    border-radius: 6px;
+    font-size: 1.1em;
     cursor: pointer;
-    font-size: 1.2em;
     transition: background-color 0.3s;
     margin-top: 10px;
 }
@@ -104,7 +117,7 @@ button:hover {
     background-color: #1a3d56;
 }
 
-/* Sezione Risultati */
+/* Risultati */
 .results {
     padding: 25px;
     background-color: #fff;
@@ -112,8 +125,7 @@ button:hover {
     border-radius: 10px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     max-width: 1000px;
-    overflow-y: auto;
-    max-height: 80vh;
+    overflow-x: auto;
 }
 
 /* Tabelle */
@@ -133,7 +145,7 @@ th {
 td {
     padding: 12px;
     border-bottom: 1px solid #ddd;
-    background-color: #f8f9fa;
+    background-color: #f9f9f9;
 }
 
 table tr:hover {
@@ -141,16 +153,16 @@ table tr:hover {
 }
 
 table th, table td {
-    font-size: 1.1em;
+    font-size: 1em;
+    word-wrap: break-word;
 }
 
-/* Contenitore del grafico */
+/* Grafico */
 #chart-container {
-    width: 90%;
+    width: 100%;
     max-width: 1000px;
-    height: 600px;
+    height: 500px;
     margin: 40px auto;
-    padding-bottom: 20px;
 }
 
 canvas {
@@ -159,24 +171,13 @@ canvas {
     display: block;
 }
 
-#logo {
-    display: block; /* Assicura che il logo sia trattato come un blocco */
-    margin: 0 auto; /* Lo centra orizzontalmente */
-    max-width: 200px;
-    height: auto;
-    cursor: pointer;
-    transition: transform 0.3s ease;
-    position: relative; /* Evita sovrapposizioni strane */
-    z-index: 10; /* Assicura che sia sopra altri elementi */
-}
-
 /* Barra di caricamento */
 #progress-container {
     width: 100%;
-    background-color: #f3f3f3;
-    border-radius: 25px;
+    background-color: #e0e0e0;
+    border-radius: 20px;
     overflow: hidden;
-    margin: 20px 0;
+    margin-top: 20px;
 }
 
 #progress-bar {
@@ -195,6 +196,37 @@ footer {
     text-align: center;
     padding: 15px;
     width: 100%;
-    font-size: 1.1em;
-    margin-top: auto; /* Il footer si posiziona in fondo alla pagina */
+    font-size: 1em;
+    margin-top: auto;
+}
+
+/* Responsive layout */
+@media screen and (max-width: 600px) {
+    form, .results {
+        width: 95%;
+        padding: 15px;
+    }
+
+    header h1 {
+        font-size: 1.5em;
+    }
+
+    header p {
+        font-size: 1em;
+    }
+}
+
+/* Stile per il pulsante di selezione file (upload multiplo) */
+input[type="file"]::file-selector-button {
+    background-color: #2a4d6f;
+    color: white;
+    border: none;
+    padding: 8px 12px;
+    border-radius: 5px;
+    margin-right: 10px;
+    cursor: pointer;
+}
+
+input[type="file"]::file-selector-button:hover {
+    background-color: #1a3d56;
 }

static/js/script.js

@@ -116,7 +116,7 @@ document.addEventListener("DOMContentLoaded", function () {
             document.getElementById("local-options").style.display =
                 this.value === "local" ? "block" : "none";
         });
-        
+
         analysisType.dispatchEvent(new Event("change"));
     }
 });

templates/NORUS.html

@@ -19,7 +19,7 @@
         <p>Analyze your PDF and discover originality and similarity</p>
     </header>
     <main>
-      <form id="analysisForm" action="/validate" method="POST" enctype="multipart/form-data">
+      <form id="analysisForm" action="/validate" method="POST" enctype="multipart/form-data" onsubmit="startProgress()">
             <label for="analysis_type">Choose Analysis Type:</label>
             <select name="analysis_type" id="analysis_type" required>
                 <option value="local">Local Directory</option>
@@ -41,10 +41,11 @@
             </div>
 
             <div id="local-options" style="display: none;">
-                <label for="local_directory">Select Local Directory:</label>
-                <input type="text" name="local_directory" id="local_directory" placeholder="Enter directory path">
+              <label for="comparison_files">Upload comparison PDFs:</label>
+              <input type="file" name="comparison_files" id="comparison_files" webkitdirectory multiple>
             </div>
 
+
             <label for="pdf_file">Upload PDF:</label>
             <input type="file" name="pdf_file" id="pdf_file" required>
 
@@ -73,7 +74,7 @@
                         <td style="max-width: 400px; word-wrap: break-word;">{{ result.title }}</td>
                         <td>{{ "%.2f"|format(result.similarity) }}</td>
                         <td>{{ "%.2f"|format(result.token_overlap) }}</td>
-                        <td>{{ "%.2f"|format(result.oui * 100) }}</td>
+                        <td>{{ "%.2f"|format(result.oui) }}</td>
                     </tr>
                     {% endfor %}
                 </tbody>
@@ -87,7 +88,7 @@
                 const labels = {{ results | map(attribute='title') | list | safe }};
                 const semanticData = {{ results | map(attribute='similarity') | list | safe }};
                 const tokenData = {{ results | map(attribute='token_overlap') | list | safe }};
-                const ouiData = {{ results | map(attribute='oui') | list | safe }}.map(x => x * 100);
+                const ouiData = {{ results | map(attribute='oui') | list | safe }};
 
                 new Chart(document.getElementById('similarityChart'), {
                     type: 'bar',