RubyGems - hlsv - Versions diffs - 1.0.0 - Mend

hlsv 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

data/public/app.js ADDED Viewed

@@ -0,0 +1,569 @@
+/*
+  Copyright (c) 2026 AdClin
+  Licensed under the GNU Affero General Public License v3.0 or later.
+  See the LICENSE file for details.
+*/
+// Configuration Management
+// Save configuration
+async function sauvegarderConfig() {
+  // Validate required fields
+  const requiredFields = [
+    'study_name', 'output_directory', 'data_directory',
+    'define_path', 'event_key', 'intervention_key', 'finding_key',
+    'finding_about_key', 'ds_key', 'relrec_key', 'CO_key',
+    'TA_key', 'TE_key', 'TI_key', 'TS_key', 'TV_key'
+  ];
+  const missingFields = [];
+  for (const field of requiredFields) {
+    const element = document.getElementById(field);
+    if (!element.value.trim()) {
+      missingFields.push(field.replace(/_/g, ' ').toUpperCase());
+      element.classList.add('error-field');
+    } else {
+      element.classList.remove('error-field');
+    }
+  }
+  if (missingFields.length > 0) {
+    showMessage('message-config', 'error',
+      `⚠️ Missing required fields: ${missingFields.join(', ')}`);
+    return false;
+  }
+  const config = {
+    study_name: document.getElementById('study_name').value.trim(),
+    output_type: 'csv',
+    output_directory: document.getElementById('output_directory').value.trim(),
+    data_directory: document.getElementById('data_directory').value.trim(),
+    define_path: document.getElementById('define_path').value.trim(),
+    excluded_ds: document.getElementById('excluded_ds').value.trim(),
+    event_key: document.getElementById('event_key').value.trim(),
+    intervention_key: document.getElementById('intervention_key').value.trim(),
+    finding_key: document.getElementById('finding_key').value.trim(),
+    finding_about_key: document.getElementById('finding_about_key').value.trim(),
+    ds_key: document.getElementById('ds_key').value.trim(),
+    relrec_key: document.getElementById('relrec_key').value.trim(),
+    CO_key: document.getElementById('CO_key').value.trim(),
+    TA_key: document.getElementById('TA_key').value.trim(),
+    TE_key: document.getElementById('TE_key').value.trim(),
+    TI_key: document.getElementById('TI_key').value.trim(),
+    TS_key: document.getElementById('TS_key').value.trim(),
+    TV_key: document.getElementById('TV_key').value.trim()
+  };
+  showMessage('message-config', 'processing', '⏳ Saving configuration...');
+  try {
+    const response = await fetch('/config', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(config)
+    });
+    const data = await response.json();
+    if (data.success) {
+      showMessage('message-config', 'success', '✅ ' + data.message);
+      return true;
+    } else {
+      showMessage('message-config', 'error', '❌ ' + data.erreur);
+      return false;
+    }
+  } catch (error) {
+    showMessage('message-config', 'error', '❌ Connection error: ' + error.message);
+    return false;
+  }
+}
+// Display full configuration
+async function afficherConfigComplete() {
+  try {
+    const response = await fetch('/config');
+    const config = await response.json();
+    const configWindow = window.open('', 'Configuration', 'width=700,height=500');
+    configWindow.document.write(`
+      <!DOCTYPE html>
+      <html>
+      <head>
+        <title>Current Configuration</title>
+        <style>
+          body {
+            font-family: 'Courier New', monospace;
+            padding: 20px;
+            background: #f5f5f5;
+          }
+          pre {
+            background: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+            overflow: auto;
+          }
+          h1 { color: #333; }
+        </style>
+      </head>
+      <body>
+        <h1>Current Configuration</h1>
+        <pre>${JSON.stringify(config, null, 2)}</pre>
+      </body>
+      </html>
+    `);
+  } catch (error) {
+    showMessage('message-config', 'error', '❌ Error loading configuration: ' + error.message);
+  }
+}
+// Clear all fields
+async function effacerChamps() {
+  if (!confirm('⚠️ Are you sure you want to clear the current configuration (config.yaml)?')) {
+    return;
+  }
+  showMessage('message-config', 'processing', '⏳ Clearing configuration...');
+  try {
+    const response = await fetch('/config/clear', {
+      method: 'POST'
+    });
+    const data = await response.json();
+    if (data.success) {
+      showMessage('message-config', 'success', '✅ ' + data.message);
+      setTimeout(() => location.reload(true), 1000);
+    } else {
+      showMessage('message-config', 'error', '❌ ' + data.erreur);
+    }
+  } catch (error) {
+    showMessage('message-config', 'error', '❌ Error: ' + error.message);
+  }
+}
+// Load default configuration
+async function chargerDefaut() {
+  if (!confirm('⚠️ Load default configuration? This will replace config.yaml with config.default.yaml')) {
+    return;
+  }
+  showMessage('message-config', 'processing', '⏳ Loading config.default.yaml...');
+  try {
+    const response = await fetch('/config/reset', {
+      method: 'POST'
+    });
+    const data = await response.json();
+    if (data.success) {
+      showMessage('message-config', 'success', '✅ ' + data.message);
+      setTimeout(() => location.reload(true), 1000);
+    } else {
+      showMessage('message-config', 'error', '❌ ' + data.erreur);
+    }
+  } catch (error) {
+    showMessage('message-config', 'error', '❌ Error: ' + error.message);
+  }
+}
+// Processing
+// Start processing
+async function lancerTraitement() {
+  const statusDiv = document.getElementById('status-traitement');
+  const btn = document.getElementById('btn-traiter');
+  btn.disabled = true;
+  statusDiv.innerHTML = '<div class="status processing">⏳ Processing in progress...</div>';
+  // Sauvegarder la configuration avant de lancer le traitement
+  const configSaved = await sauvegarderConfig();
+  if (!configSaved) {
+    statusDiv.innerHTML = `
+      <div class="status error">
+        <h3>❌ Configuration Error</h3>
+        <p>The configuration could not be saved. Please correct the errors before starting the analysis.</p>
+        <p style="margin-top: 10px; color: #666; font-size: 0.9em;">
+          Check the error message in the Configuration section above.
+        </p>
+      </div>
+    `;
+    btn.disabled = false;
+    return;
+  }
+  try {
+    const response = await fetch('/traiter', {
+      method: 'POST'
+    });
+    const data = await response.json();
+    if (data.success) {
+      let messageSucces = '<h3>✅ Analysis completed successfully!</h3>';
+      // Display completed steps
+      if (data.resultat.etapes) {
+        messageSucces += '<div style="margin: 20px 0; text-align: left;">';
+        messageSucces += '<h4>📋 Completed Steps:</h4>';
+        messageSucces += '<ol>';
+        data.resultat.etapes.forEach(etape => {
+          let icone = '✅';
+          let couleur = '#28a745';
+          if (etape.statut === 'en_cours') {
+            icone = '⏳';
+            couleur = '#ffc107';
+          } else if (etape.statut === 'erreur') {
+            icone = '❌';
+            couleur = '#dc3545';
+          }
+          messageSucces += `
+            <li style="color: ${couleur};">
+              ${icone} <strong>${etape.nom}:</strong>
+              ${etape.message ? `<span style="color: #666; font-size: 0.9em;">${etape.message}</span>` : ''}
+            </li>
+          `;
+        });
+        messageSucces += '</ol></div>';
+      }
+      // Display generated files
+      if (data.resultat.rapport_path || data.resultat.rapport_name || data.resultat.output_directory) {
+        messageSucces += '<div style="margin: 20px 0; text-align: left;">';
+        messageSucces += '<h4>📄 Output Files:</h4>';
+        messageSucces += '<ul style="margin: 0; padding-left: 20px;">';
+        if (data.resultat.rapport_path && data.resultat.rapport_name) {
+          messageSucces += `
+           <li>
+               <strong>Report:</strong>
+               <a href="${data.resultat.rapport_path}" target="_blank" rel="noopener noreferrer">
+                 ${data.resultat.rapport_name}
+               </a>
+             </li>
+          `;
+        }
+        if (data.resultat.output_directory) {
+          messageSucces += `<li><strong>Output Directory:</strong> ${data.resultat.output_directory}</li>`;
+        }
+        messageSucces += '</ul></div>';
+      }
+      // Display statistics
+      if (data.resultat.nombre_datasets_analyses || data.resultat.nombre_datasets_invalid) {
+        messageSucces += '<div style="margin: 20px 0; text-align: left;">';
+        messageSucces += '<h4>📊 Dataset Statistics:</h4>';
+        messageSucces += '<ul style="margin: 0; padding-left: 20px;">';
+        if (data.resultat.nombre_datasets_analyses) {
+          messageSucces += `<li><strong>Analyzed:</strong> ${data.resultat.nombre_datasets_analyses}</li>`;
+        }
+        const invalid_ds = data.resultat.nombre_datasets_invalid;
+        if (invalid_ds) {
+          if (invalid_ds.invalid_dataset) {
+            messageSucces += `<li><strong>With at least one issue:</strong> ${invalid_ds.invalid_dataset}</li>`;
+          }
+          if (invalid_ds.invalid_ascii) {
+            messageSucces += `<li><strong>ASCII issue:</strong> ${invalid_ds.invalid_ascii}</li>`;
+          }
+          if (invalid_ds.invalid_define) {
+            messageSucces += `<li><strong>Invalid keys in define.xml:</strong> ${invalid_ds.invalid_define}</li>`;
+          }
+          if (invalid_ds.invalid_data) {
+            messageSucces += `<li><strong>Minimum keys not found:</strong> ${invalid_ds.invalid_data}</li>`;
+          }
+        }
+        messageSucces += '</ul></div>';
+      }
+      statusDiv.innerHTML = `<div class="status">${messageSucces}</div>`;
+      // Auto-refresh results if already loaded
+      const listeDiv = document.getElementById('liste-resultats');
+      if (listeDiv.style.display !== 'none') {
+        rafraichirResultats();
+      }
+    } else {
+      // Display validation errors
+      let messageErreur = `<h3>❌ ${data.erreur}</h3>`;
+      if (data.details && data.details.length > 0) {
+        messageErreur += '<div style="margin: 20px 0; text-align: left;">';
+        messageErreur += '<h4>Validation Errors:</h4>';
+        messageErreur += '<ul style="margin-left: 20px; color: #721c24;">';
+        data.details.forEach(erreur => {
+          messageErreur += `<li style="margin: 5px 0;">${erreur}</li>`;
+        });
+        messageErreur += '</ul></div>';
+        messageErreur += '<p style="margin-top: 15px;">⚠️ Please correct these errors before restarting the analysis</p>';
+      } else {
+        messageErreur += `<p style="margin-top: 15px;">${data.erreur}</p>`;
+      }
+      statusDiv.innerHTML = `<div class="status error">${messageErreur}</div>`;
+    }
+  } catch (error) {
+    statusDiv.innerHTML = `
+      <div class="status error">
+        <h3>❌ Connection Error</h3>
+        <p>${error.message}</p>
+        <p style="margin-top: 10px; color: #666; font-size: 0.9em;">
+          Please check that the server is running correctly (ruby app.rb)
+        </p>
+      </div>
+    `;
+  } finally {
+    btn.disabled = false;
+  }
+}
+// Results Management
+// Load results for the first time
+async function chargerResultats() {
+  const btnLoad = document.getElementById('btn-load-results');
+  const btnRefresh = document.getElementById('btn-refresh-results');
+  const listeDiv = document.getElementById('liste-resultats');
+  // Hide Load button and show Refresh button
+  btnLoad.style.display = 'none';
+  btnRefresh.style.display = 'inline-block';
+  listeDiv.style.display = 'block';
+  await rafraichirResultats();
+}
+// Refresh results list
+let isRefreshing = false;
+async function rafraichirResultats() {
+  if (isRefreshing) return;
+  isRefreshing = true;
+  const listeDiv = document.getElementById('liste-resultats');
+  listeDiv.innerHTML = '<p style="color: #666;">⏳ Loading files...</p>';
+  try {
+    const response = await fetch('/resultats');
+    const data = await response.json();
+    if (!data.success) {
+      listeDiv.innerHTML = '<p style="color: #dc3545;">❌ Error loading results</p>';
+      return;
+    }
+    const arbo = data.arborescence;
+    // Check if there are files or folders
+    const hasFiles = arbo.fichiers && arbo.fichiers.length > 0;
+    const hasFolders = arbo.dossiers && Object.keys(arbo.dossiers).length > 0;
+    if (hasFiles || hasFolders) {
+      let html = '<div class="file-tree">';
+      html += construireArbre(arbo, '', true);
+      html += '</div>';
+      listeDiv.innerHTML = html;
+    } else {
+      listeDiv.innerHTML = '<p style="color: #666;">No result files yet. Run an analysis to generate files.</p>';
+    }
+  } catch (error) {
+    console.error('Error:', error);
+    listeDiv.innerHTML = '<p style="color: #dc3545;">❌ Error loading files: ' + error.message + '</p>';
+  } finally {
+    isRefreshing = false;
+  }
+}
+// Build HTML tree recursively
+function construireArbre(noeud, chemin_parent, isRoot = false) {
+  let html = '';
+  // Display folders
+  if (noeud.dossiers) {
+    const dossiers = Object.keys(noeud.dossiers).sort();
+    dossiers.forEach(nomDossier => {
+      const cheminDossier = chemin_parent ? `${chemin_parent}/${nomDossier}` : nomDossier;
+      const sousDossier = noeud.dossiers[nomDossier];
+      const id = 'folder-' + cheminDossier.replace(/[\/\s]/g, '-');
+      const nbFichiers = sousDossier.fichiers ? sousDossier.fichiers.length : 0;
+      const nbDossiers = sousDossier.dossiers ? Object.keys(sousDossier.dossiers).length : 0;
+      // Check if folder contains CSV files
+      const hasCsvFiles = sousDossier.fichiers && sousDossier.fichiers.some(f => f.extension === '.csv');
+      // Check if this is a first-level folder (isRoot is true and no parent path)
+      const isFirstLevel = isRoot && !chemin_parent;
+      html += `
+        <div class="folder-item">
+          <div class="folder-header" onclick="toggleFolder('${id}')" role="button" tabindex="0" aria-expanded="false" aria-controls="${id}">
+            <span class="folder-icon" id="${id}-icon" aria-hidden="true">📁</span>
+            <strong>${escapeHtml(nomDossier)}</strong>
+            <span style="color: #666; font-size: 0.9em; margin-left: 10px;">
+              (${nbFichiers} file${nbFichiers !== 1 ? 's' : ''}, ${nbDossiers} folder${nbDossiers !== 1 ? 's' : ''})
+            </span>
+            <div class="folder-actions">
+              ${isFirstLevel ? `
+                <button onclick="event.stopPropagation(); telechargerZipDossier('${escapeHtml(cheminDossier)}')"
+                        class="btn-primary"
+                        aria-label="Download folder as ZIP">
+                  📦 Download as ZIP
+                </button>
+              ` : ''}
+              ${hasCsvFiles ? `
+                <button onclick="event.stopPropagation(); telechargerDossierExcel('${escapeHtml(cheminDossier)}')"
+                        class="btn-primary"
+                        aria-label="Download all CSV files as Excel">
+                  📊 Download as Excel
+                </button>
+              ` : ''}
+            </div>
+          </div>
+          <div class="folder-content" id="${id}" style="display: none; margin-left: 20px;" role="region">
+            ${construireArbre(sousDossier, cheminDossier, false)}
+          </div>
+        </div>
+      `;
+    });
+  }
+  // Display files
+  if (noeud.fichiers && noeud.fichiers.length > 0) {
+    noeud.fichiers.forEach(fichier => {
+      const icone = getIconePourExtension(fichier.extension);
+      const tailleMo = (fichier.taille / 1024).toFixed(2);
+      html += `
+        <div class="file-item">
+          <div class="file-info">
+            <div class="file-name">${icone} ${escapeHtml(fichier.nom)}</div>
+            <div class="file-meta">
+              ${tailleMo} KB • ${fichier.date}
+            </div>
+          </div>
+          <div>
+            ${fichier.extension === '.html' ?
+              `<button onclick="ouvrirFichier('${escapeHtml(fichier.chemin)}')" class="btn-secondary" style="margin-right: 5px;" aria-label="Open ${escapeHtml(fichier.nom)}">👁️ Open</button>
+               <button onclick="telechargerHtmlAsWord('${escapeHtml(fichier.chemin)}')" class="btn-secondary" style="margin-right: 5px;" aria-label="Download as Word">📄 Word</button>` :
+              ''}
+            <button onclick="telecharger('${escapeHtml(fichier.chemin)}')" class="btn-primary" aria-label="Download ${escapeHtml(fichier.nom)}">⬇️ Download</button>
+          </div>
+        </div>
+      `;
+    });
+  }
+  return html;
+}
+// Toggle folder display
+function toggleFolder(id) {
+  const folder = document.getElementById(id);
+  const icon = document.getElementById(id + '-icon');
+  const header = folder.previousElementSibling;
+  if (folder && icon) {
+    const isExpanded = folder.style.display !== 'none';
+    folder.style.display = isExpanded ? 'none' : 'block';
+    icon.textContent = isExpanded ? '📁' : '📂';
+    if (header) {
+      header.setAttribute('aria-expanded', !isExpanded);
+    }
+  }
+}
+// Get icon based on extension
+function getIconePourExtension(ext) {
+  const icons = {
+    '.html': '🌐',
+    '.csv': '📊',
+    '.xlsx': '📗',
+    '.xls': '📗',
+    '.pdf': '📕',
+    '.txt': '📄',
+    '.md': '📄',
+    '.yaml': '⚙️',
+    '.yml': '⚙️'
+  };
+  return icons[ext.toLowerCase()] || '📄';
+}
+// Download a file
+function telecharger(chemin) {
+  window.location.href = '/telecharger/' + encodeURIComponent(chemin);
+}
+// Open HTML file in new tab
+function ouvrirFichier(chemin) {
+  window.open('/telecharger/' + encodeURIComponent(chemin), '_blank', 'noopener,noreferrer');
+}
+// Utility Functions
+// Show message with auto-dismiss
+function showMessage(elementId, type, message, duration = 3000) {
+  const msgDiv = document.getElementById(elementId);
+  msgDiv.innerHTML = `<div class="status ${type}">${message}</div>`;
+  if (duration > 0) {
+    setTimeout(() => msgDiv.innerHTML = '', duration);
+  }
+}
+// Escape HTML to prevent XSS
+function escapeHtml(text) {
+  const div = document.createElement('div');
+  div.textContent = text;
+  return div.innerHTML;
+}
+// Keyboard accessibility for folder toggles
+document.addEventListener('keydown', (e) => {
+  if (e.key === 'Enter' || e.key === ' ') {
+    if (e.target.classList.contains('folder-header')) {
+      e.preventDefault();
+      e.target.click();
+    }
+  }
+});
+// Download folder as ZIP
+function telechargerZipDossier(cheminDossier) {
+  window.location.href = '/telecharger_zip_dossier/' + encodeURIComponent(cheminDossier);
+}
+// Download all CSV files in a folder as Excel
+function telechargerDossierExcel(cheminDossier) {
+  window.location.href = '/telecharger_dossier_excel/' + encodeURIComponent(cheminDossier);
+}
+// Download HTML file as Word document
+async function telechargerHtmlAsWord(chemin) {
+  const response = await fetch('/telecharger_html_word/' + encodeURIComponent(chemin));
+    const data = await response.json();
+    if (data.success) {
+      const cheminDocx = chemin.replace(/\.html$/, '.docx');
+      window.location.href = '/telecharger/' + encodeURIComponent(cheminDocx);
+      rafraichirResultats();
+    } else {
+      alert('❌ ' + data.erreur);
+    }
+}
+// Download HTML file as PDF
+function telechargerHtmlAsPdf(chemin) {
+  window.location.href = '/telecharger_html_pdf/' + encodeURIComponent(chemin);
+}