Masticationpedia

Dashboard Masticationpedia: differenze tra le versioni

← Differenza precedenteDifferenza successiva →
VisualeWikitesto
Nessun oggetto della modifica
Etichetta: Annullato
Nessun oggetto della modifica
Etichetta: Ripristino manuale
Riga 1: Riga 1:
<html>
<html>
<head>
<h2>🔧 Dashboard Operativa – Masticationpedia</h2>
<meta charset="utf-8">
<p><em>Centro di comando per progetti, API, file e backup</em></p>
<title>Dashboard Operativa – Masticationpedia</title>
 
<style>
<a href="/dashboard/api/log_view.php" target="_blank">🧾 Apri Log Dashboard</a>
  :root{--b:#e5e7eb;--bg:#f9fafb;--card:#ffffff;--txt:#1f2937;--muted:#6b7280;--blue:#0a7cff;--green:#28a745;}
<button onclick="clearServerLog()">🧹 Svuota Log</button>
  body{background:var(--bg);color:var(--txt);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
  .toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
  .btn{border:1px solid var(--b);background:var(--card);border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}
  .btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
  .btn.danger{background:#e11d48;color:#fff;border-color:#e11d48}
  .link{font-weight:600}
  .dash-box{background:var(--card);border:1px solid var(--b);border-radius:12px;padding:16px;margin-top:14px}
  .gpt-card{background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
  .muted{color:var(--muted)}
  .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  input[type=text], input[type=number], select, textarea{width:100%;border:1px solid var(--b);border-radius:8px;padding:8px}
  textarea{min-height:120px}
  ul.plain{list-style:none;padding-left:0;margin:0}
  .pill{border:1px solid var(--b);border-radius:999px;padding:2px 8px;font-size:12px;color:var(--muted)}
  .list-item{display:flex;align-items:center;gap:8px;justify-content:flex-start;margin:6px 0}
  .list-item .actions{display:flex;gap:6px}
  code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:2px 6px}
</style>
</head>


<body>


<h2>🔧 Dashboard Operativa – Masticationpedia</h2>
<p class="muted">Centro di comando per progetti, API, file e backup</p>


<div class="row">
<!-- 🔘 Pulsanti di navigazione -->
   <a class="link" href="/dashboard/api/log_view.php" target="_blank">🧾 Apri Log Dashboard</a>
<div style="margin: 2rem 0; display: flex; flex-wrap: wrap; gap: 1rem;">
   <button class="btn" onclick="clearServerLog()">🧹 Svuota Log</button>
  <button class="dashboard-toggle" onclick="toggleDashboardBox('api-settings')">⚙️ Connessione API</button>
   <button class="dashboard-toggle" onclick="toggleDashboardBox('project-status')">📊 Stato Progetti</button>
  <button class="dashboard-toggle" onclick="toggleDashboardBox('chatgpt-plus')">🤖 ChatGPT plus</button>
  <button class="dashboard-toggle" onclick="toggleDashboardBox('test-tools')">🧪 Strumenti di Test</button>
  <button class="dashboard-toggle" onclick="toggleDashboardBox('activity-log')">📘 Registro Attività</button>
   <button class="dashboard-toggle" onclick="uploadToOpenAI()">📄 Carica in OpenAI</button>
</div>
</div>


<!-- Pulsanti principali -->
<!-- 📦 Connessione API (via server, nessuna key lato client) -->
<div class="toolbar">
<div id="api-settings" style="display:none; padding:1rem; border:1px solid #ccc; border-radius:8px; background:#f9f9f9;">
   <button class="btn" onclick="showBox('api-settings')">⚙️ Connessione API</button>
  <strong>Connessione API (protetta dal server)</strong><br><br>
  <button class="btn" onclick="showBox('project-status')">📊 Stato Progetti</button>
 
   <button class="btn" onclick="showBox('test-tools')">🧪 Strumenti di Test</button>
  <label>Modello</label>
   <button class="btn" onclick="showBox('activity-log')">📘 Registro Attività</button>
   <select id="model-select" style="width:100%; margin-bottom:0.5rem;">
    <option value="gpt-4o-2024-05-13" selected>gpt-4o-2024-05-13</option>
    <option value="gpt-4o-mini">gpt-4o-mini</option>
    <option value="gpt-4-turbo-2024-04-09">gpt-4-turbo-2024-04-09</option>
  </select>
 
  <label>Prompt di test</label>
   <textarea id="test-prompt" rows="3" style="width:100%; margin-bottom:0.5rem;">Dimmi una curiosità sulla mandibola</textarea><br>
 
  <button onclick="testAPIConnection()">▶️ Esegui</button>
   <pre id="api-result" style="background:#f0f0f0; padding:1rem; border:1px solid #ccc; margin-top:1rem; white-space:pre-wrap;"></pre>
</div>
</div>


<!-- =========================
<!-- 📊 Stato Progetti -->
    ⚙️ Connessione API (proxy)
<div id="project-status" style="display:none; padding:1rem; border:1px solid #ccc; border-radius:8px; background:#f9f9f9;">
    ========================= -->
   <strong>📊 Stato Progetti</strong><br><br>
<div id="api-settings" class="dash-box" style="display:none">
 
   <strong>Connessione API (protetta dal server)</strong><br><br>
  <!-- 🧠 Risposta GPT – Analisi progetto -->
   <div class="grid2">
   <div style="margin-top: 1rem;">
     <div>
     <label><strong>🧠 Risposta GPT – Analisi progetto:</strong></label>
      <label>Modello</label>
    <div id="gptResponse" class="gpt-card" style="
      <select id="model-select">
        margin-top:8px; background:#fff; border:1px solid #e6e6e6; border-radius:10px;
        <option value="gpt-4o-2024-05-13" selected>gpt-4o-2024-05-13</option>
        padding:16px; font: 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
         <option value="gpt-4o-mini">gpt-4o-mini</option>
         color:#1f2328; box-shadow: 0 1px 2px rgba(0,0,0,.04);">
        <option value="gpt-4-turbo-2024-04-09">gpt-4-turbo-2024-04-09</option>
      <em style="opacity:.7">Qui apparirà la risposta generata da GPT sull’analisi del progetto…</em>
      </select>
     </div>
     </div>
     <div>
 
       <label>Prompt di test</label>
    <!-- Parametri per dare contesto a GPT -->
      <input id="test-prompt" type="text" value="Dimmi una curiosità sulla mandibola">
     <div id="gptParams" style="margin-top:14px;padding:10px;border:1px dashed #ccc;border-radius:8px;background:#fcfcfc;">
       <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">
        <input id="p_goal"        placeholder="🎯 Obiettivo (es. mini-corso AI)" />
        <input id="p_audience"    placeholder="👥 Pubblico (es. medici, studenti)" />
        <input id="p_deliverable" placeholder="📦 Output atteso (es. 6 capitoli + quiz)" />
        <input id="p_constraints" placeholder="⏱️ Vincoli (tempo, budget, tool)" />
      </div>
      <div style="margin-top:10px;">
        <button id="btnAnalyze" style="background:#0a7cff;color:#fff;border:none;padding:.5rem .9rem;border-radius:8px;font-weight:600;">
          Analizza con GPT
        </button>
      </div>
     </div>
     </div>
   </div>
   </div>
   <div class="row" style="margin-top:10px">
 
     <button class="btn primary" onclick="testAPIConnection()">▶️ Esegui</button>
  <!-- 📂 Gestione Progetti -->
     <span class="pill">via <code>/dashboard/api/openai_project_gpt.php</code></span>
   <div class="projects-controls" style="margin-top:1.5rem; padding:1rem; border:1px solid #ddd; border-radius:6px; background:#fff;">
     <h4>📂 Gestione Progetti</h4>
    <input id="newProjectName" type="text" placeholder="Nome progetto (A-Z 0-9 _ -)" style="margin-right:6px; padding:4px;">
    <button id="btnCreateProject" style="background:#28a745; color:white; border:none; padding:0.3rem 0.8rem; border-radius:4px;">Crea progetto</button>
   
     <ul id="projectsList" class="projects-list" style="margin-top:1rem; list-style:none; padding:0;"></ul>
   </div>
   </div>
  <pre id="api-result" class="dash-box" style="white-space:pre-wrap;margin-top:12px"></pre>
</div>
</div>


<!-- =====================
    📊 STATO PROGETTI
    ===================== -->
<div id="project-status" class="dash-box" style="display:block">
  <strong>📊 Stato Progetti</strong>


   <!-- 🧠 Risposta GPT -->
<!-- 🤖 ChatGPT plus (unico contenitore) -->
   <div style="margin-top: 12px">
<div id="chatgpt-plus" style="display:none; padding:1rem; border:1px solid #ccc; border-radius:8px; background:#fcfcfc;">
     <label><strong>🧠 Risposta GPT – Analisi progetto:</strong></label>
  <strong>ChatGPT plus – Generazione capitoli</strong><br><br>
     <div id="gptResponse" class="gpt-card">
 
      <em class="muted">Qui apparirà la risposta generata da GPT sull’analisi del progetto…</em>
   <!-- Barra superiore -->
     </div>
   <div style="display:flex; gap:12px; flex-wrap:wrap; margin-bottom:10px;">
    <label>📁 Progetto:
      <select id="mpChatProject">
        <option value="Generazione_capitoli" selected>Generazione capitoli</option>
      </select>
    </label>
     <label>⚙️ Modalità:
      <select id="mpChatMode">
        <option value="analysis">Analisi</option>
        <option value="rewrite">Riscrittura</option>
        <option value="generate">Genera capitolo</option>
        <option value="biblio">Bibliografia</option>
      </select>
    </label>
  </div>
 
  <!-- Allegati -->
  <div style="display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:8px;">
     <input id="mpChatFile" type="file" multiple />
    <span id="mpChatDrop" style="border:1px dashed #bbb; padding:6px 10px; border-radius:8px; cursor:pointer; user-select:none;">
      Trascina qui file (solo elenco, non inviati)
    </span>
  </div>
  <div id="mpChatFiles" style="display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px;"></div>
 
  <!-- Input domanda -->
  <label><b>Domanda</b> (breve, come in ChatGPT):</label>
  <div style="display:flex; gap:8px; align-items:flex-start; margin-bottom:8px;">
    <textarea id="mpChatPrompt" rows="3" style="flex:1 1 auto; width:100%;"></textarea>
     <button id="mpChatSend">Invia</button>
   </div>
   </div>


   <!-- Parametri -->
   <!-- Output risposta -->
   <div class="dash-box" style="margin-top:12px;border-style:dashed">
  <label><b>Risposta</b> (box grande):</label>
     <div class="grid2">
   <div id="mpChatAnswer" style="min-height:220px; border:1px solid #ddd; background:#fff; border-radius:8px; padding:10px; white-space:pre-wrap;"></div>
       <input id="p_goal"        placeholder="🎯 Obiettivo (es. Attivare SSO MediaWiki classico)">
 
       <input id="p_audience"   placeholder="👥 Pubblico (es. amministratori, sviluppatori)">
  <!-- Explorer semplice dei file salvati -->
      <input id="p_deliverable" placeholder="📦 Output atteso (es. patch LocalSettings + file PHP)">
  <div style="margin-top:10px; border-top:1px dashed #ddd; padding-top:10px;">
      <input id="p_constraints" placeholder="⏱️ Vincoli (es. MediaWiki 1.43, evitare conflitti)">
     <div style="display:flex; align-items:center; gap:8px; margin-bottom:6px;">
       <strong>🗂️ File salvati (output/)</strong>
       <button id="mpChatRefresh"
        title="Aggiorna elenco"
        onclick="window.__forceRefreshList && window.__forceRefreshList()">Aggiorna</button>
     </div>
     </div>
     <div class="row" style="margin-top:10px">
     <div id="mpSavedList" style="max-height:180px; overflow:auto; border:1px solid #eee; background:#fff; border-radius:8px; padding:6px; font-family:monospace; font-size:12px;">
       <button id="btnAnalyze" class="btn primary">Analizza con GPT</button>
       <em style="color:#777;">Nessun file elencato. Clicca “Aggiorna”.</em>
      <span class="pill">usa <code>/dashboard/api/openai_project_gpt.php</code></span>
     </div>
     </div>
   </div>
   </div>


   <!-- 📂 Gestione Progetti -->
   <!-- Azioni -->
   <div class="dash-box" style="margin-top:12px;background:#fff">
   <div style="margin-top:8px; display:flex; gap:8px; justify-content:flex-end;">
     <h4>📂 Gestione Progetti</h4>
     <button id="mpChatClear">Pulisci</button>
     <div class="row">
     <button id="mpChatCopy">Copia risposta</button>
      <input id="newProjectName" type="text" placeholder="Nome progetto (A-Z 0-9 _ -)" style="max-width:300px">
    <button id="mpChatSave">📥 Salva risposta</button>
      <button id="btnCreateProject" class="btn primary">Crea progetto</button>
  </div>
    </div>
</div>


    <ul id="projectsList" class="plain" style="margin-top:10px">
<!-- 📁 Importa file dal server (semplificata) -->
      <!-- popolato via JS -->
<div id="serverFileSimpleImportContainer">
     </ul>
  <div class="dashboard-box" style="margin-top:1rem;">
    <h4>📁 Importa file dal server (semplificata)</h4>
    <label for="sourcePathInput"><b>📂 Percorso Assoluto del file sorgente:</b></label><br>
    <input type="text" id="sourcePathInput" placeholder="/percorso/assoluto/file.php" style="width:100%; margin-bottom:0.5rem;"><br>
    <label for="projectNameInput"><b>📁 Cartella di destinazione nel progetto:</b></label><br>
     <input type="text" id="projectNameInput" placeholder="nome_progetto/">
   </div>
   </div>
</div>
</div>


<!-- =====================
<!-- 📁 Caricamento File GPT -->
    🧪 STRUMENTI DI TEST
<div style="margin-top:2rem;">
    ===================== -->
  <h3>📁 Carica File GPT</h3>
<div id="test-tools" class="dash-box" style="display:none">
  <label>📁 Project: <input type="text" id="gpt-load-project" value="SSO_LinkedIn" /></label>
   <strong>Console JS</strong>
  <label>📂 Subfolder: <input type="text" id="gpt-load-subfolder" value="php" /></label>
   <textarea id="codeArea" placeholder="Scrivi codice JS da testare…"></textarea>
  <label>📄 Filename: <input type="text" id="gpt-load-filename" placeholder="es: testGPT.php" /></label>
  <div class="row" style="margin-top:10px">
  <button onclick="caricaFileGPT()">📁 Carica file</button>
    <button class="btn" onclick="runTestCode()">▶️ Esegui</button>
</div>
    <button class="btn" onclick="checkCodeAI()">🔍 Controlla con AI</button>
 
  </div>
<!-- 🧪 Console JS -->
   <pre id="consoleOutput" class="dash-box" style="background:#111;color:#0f0;white-space:pre-wrap"></pre>
<div id="test-tools" style="display:none; padding:1rem; border:1px solid #ccc; border-radius:8px; background:#f9f9f9;">
   <strong>Console JS:</strong><br>
   <textarea id="codeArea" placeholder="Scrivi codice JS da testare..." style="width:100%; height:100px;"></textarea><br>
<button onclick="checkCodeAI()">🔍 Controlla con AI</button>
   <pre id="consoleOutput" style="background:#000; color:#0f0; padding:1rem; border-radius:8px; font-family:monospace;"></pre>
</div>
</div>


<!-- =====================
<!-- 📘 Registro Attività -->
    📘 REGISTRO ATTIVITÀ
<div id="activity-log" style="display:none; padding:1rem; border:1px solid #ccc; border-radius:8px; background:#fdfdfd;">
    ===================== -->
  <strong>📘 Registro attività:</strong>
<div id="activity-log" class="dash-box" style="display:none">
  <button onclick="clearActivityLog()" style="float:right; background:#e74c3c; color:white; border:none; padding:0.4rem 1rem; border-radius:6px; font-weight:bold;">🧹 Svuota</button>
  <div class="row" style="justify-content:space-between">
   <div id="activityLogContent" style="margin-top:1rem; max-height:250px; overflow-y:auto; background:#f0f0f0; padding:1rem; border:1px solid #ccc; border-radius:6px; font-family:monospace; font-size:0.85rem;">
    <strong>📘 Registro attività</strong>
     <em><span style="color:#888;">Registro avviato...</span></em>
    <button class="btn danger" onclick="clearActivityLog()">🧹 Svuota</button>
  </div>
   <div id="activityLogContent" class="dash-box" style="margin-top:10px;max-height:260px;overflow:auto;font-family:monospace;font-size:13px">
     <em class="muted">Registro avviato…</em>
   </div>
   </div>
</div>
</div>


<!-- =====================
<!-- ✅ Carica JS esterno (se lo usi) -->
    JS
<script src="/dashboard/api/dashboard.js?v=20250907d"></script>
    ===================== -->
 
 
<!-- ✅ Mini-script che POPOLA l’elenco e gestisce “Apri” -->
<script>
document.addEventListener('DOMContentLoaded', () => {
  const refreshBtn = document.getElementById('mpChatRefresh');
  const listBox    = document.getElementById('mpSavedList');
  const answerBox  = document.getElementById('mpChatAnswer');
  const projectSel = document.getElementById('mpChatProject');
 
  function currentProject(){
    return (projectSel?.value || 'Generazione_capitoli').trim();
  }
 
  async function refreshList(){
    if (!listBox) return;
    listBox.innerHTML = '<em style="color:#777;">Aggiorno…</em>';
    const prj = currentProject();
    try {
      const r = await fetch('/dashboard/api/list_saved_output.php?project=' + encodeURIComponent(prj) + '&sub=output', { cache:'no-store' });
      const txt = await r.text();
      let j;
      try { j = JSON.parse(txt); }
      catch(e){
        listBox.innerHTML = '<span style="color:#c00;">Risposta non-JSON</span><pre style="white-space:pre-wrap">'+txt.substring(0,400)+'</pre>';
        console.error('list_saved_output NON JSON:', txt);
        return;
      }
 
      if (!j.ok) { listBox.textContent = 'Errore: ' + (j.error || ''); return; }
      if (!j.files || !j.files.length) { listBox.innerHTML = '<em style="color:#777;">Nessun file salvato.</em>'; return; }
 
      listBox.innerHTML = j.files.map(f => `
        <div style="display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed #eee;padding:4px 0;">
          <span>${f.name} <span style="color:#888;">(${f.size} B)</span></span>
          <button class="mpOpen" data-name="${f.name}">Apri</button>
        </div>
      `).join('');
 
      listBox.querySelectorAll('.mpOpen').forEach(btn => {
        btn.addEventListener('click', async () => {
          const name = btn.getAttribute('data-name');
          try {
            const rr = await fetch('/dashboard/api/read_saved_output.php', {
              method:'POST',
              headers:{'Content-Type':'application/json'},
              body: JSON.stringify({ project: prj, file: name })
            });
            const jj = await rr.json();
            if (!jj.ok) { alert('Errore lettura: ' + (jj.error||'')); return; }
            if (answerBox) answerBox.textContent = jj.content || '';
          } catch (e) {
            alert('Errore apertura file: ' + e.message);
          }
        });
      });
    } catch (e) {
      listBox.textContent = 'Errore JS: ' + e.message;
      console.error(e);
    }
  }
 
  refreshBtn && refreshBtn.addEventListener('click', refreshList);
  // carica subito l'elenco alla prima apertura
  refreshList();
});
</script>
<script>
<script>
/* ---------- util UI ---------- */
// ✅ Correttore AI – funzione GLOBALE chiamata dal bottone "🔍 Controlla con AI"
function showBox(id){
window.checkCodeAI = async function () {
   ['api-settings','project-status','test-tools','activity-log'].forEach(x=>{
   const codeEl = document.getElementById('codeArea');
    const el = document.getElementById(x);
  const outEl  = document.getElementById('consoleOutput');
    if (el) el.style.display = (x===id?'block':'none');
  if (!codeEl || !outEl) { alert('Manca #codeArea o #consoleOutput'); return; }
  });
 
}
  const code = codeEl.value;
  const language = 'php'; // 🔁 cambia a "js", "python", "html", ecc. quando serve
 
  if (!code.trim()) { alert('Incolla del codice da analizzare.'); return; }


/* ---------- log ---------- */
   outEl.textContent = '⏳ Invio al correttore AI…';
function logActivity(msg){
   const box = document.getElementById('activityLogContent');
  if(!box) return;
  const t = new Date().toLocaleTimeString('it-IT');
  const line = document.createElement('div');
  line.innerHTML = '<span class="muted">['+t+']</span> ' + msg;
  box.prepend(line);
}
function clearActivityLog(){
  const box = document.getElementById('activityLogContent');
  if (box) { box.innerHTML = '<em class="muted">Registro svuotato.</em>'; logActivity('🧹 Log svuotato.'); }
}


/* ---------- svuota log server ---------- */
   try {
async function clearServerLog(){
     const r = await fetch('/dashboard/api/ai_check.php', {
   try{
      method: 'POST',
     const r = await fetch('/dashboard/api/log_clear.php', {credentials:'include'});
      headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' },
      body: new URLSearchParams({ language, code })
    });
     const j = await r.json();
     const j = await r.json();
     if (j.ok){
 
       alert('Log svuotato.\n' + (j.cleared||[]).join('\n'));
     if (j.ok) {
       logActivity('🧹 Log server svuotato');
       let txt = '';
       window.open('/dashboard/api/log_view.php?n=300','_blank');
      if (j.lint && j.lint.trim()) {
     }else{
        txt += '=== LINT ' + language.toUpperCase() + " ===\n" + j.lint + "\n\n";
       alert('Errore svuota log: ' + (j.error||''));
       }
      txt += (j.analysis || 'Nessun output.');
       outEl.textContent = txt;
     } else {
       outEl.textContent = '❌ Errore: ' + (j.error || 'sconosciuto');
      if (j.raw) outEl.textContent += '\n\nRAW:\n' + j.raw;
     }
     }
   }catch(e){ alert('Errore rete: '+e.message); }
   } catch (e) {
}
    outEl.textContent = '❌ Errore rete: ' + e.message;
  }
};
</script>


/* ---------- renderer GPT ---------- */
<script>
function renderGpt(text){
/* === Renderer stile ChatGPT: trasforma testo in HTML arioso === */
function renderGpt(text) {
   const box = document.getElementById('gptResponse');
   const box = document.getElementById('gptResponse');
   if (!box) return;
   if (!box) return;
   if (!text){ box.innerHTML = '<em class="muted">Nessuna risposta</em>'; return; }
   if (!text) { box.innerHTML = '<em style="opacity:.7">Nessuna risposta</em>'; return; }
 
  // headings ###, ##, #
  let html = (text || '').replace(/\r\n/g, '\n')
    .replace(/^\s*#{3}\s?(.*)$/gm, '<h3 style="font-size:18px;margin:14px 0 6px;">$1</h3>')
    .replace(/^\s*#{2}\s?(.*)$/gm, '<h2 style="font-size:20px;margin:16px 0 8px;">$1</h2>')
    .replace(/^\s*#\s?(.*)$/gm,  '<h1 style="font-size:22px;margin:18px 0 10px;">$1</h1>')
    .replace(/^\s*-\s+(.*)$/gm,  '<li>$1</li>');


   let html = (text||'').replace(/\r\n/g,'\n')
   // racchiudi sequenze di <li> in <ul>
    .replace(/^\s*#{3}\s?(.*)$/gm,'<h3 style="font-size:18px;margin:14px 0 6px;">$1</h3>')
    .replace(/^\s*#{2}\s?(.*)$/gm,'<h2 style="font-size:20px;margin:16px 0 8px;">$1</h2>')
    .replace(/^\s*#\s?(.*)$/gm,'<h1 style="font-size:22px;margin:18px 0 10px;">$1</h1>')
    .replace(/^\s*-\s+(.*)$/gm,'<li>$1</li>');
   html = html.replace(/(?:<li>.*<\/li>\n?)+/gs, m => `<ul style="margin:8px 0 14px 22px;">${m}</ul>`);
   html = html.replace(/(?:<li>.*<\/li>\n?)+/gs, m => `<ul style="margin:8px 0 14px 22px;">${m}</ul>`);
   html = html.split('\n').map(line=>{
 
  // paragrafi (evita di wrappare headings/list)
   html = html.split('\n').map(line => {
     if (/^<h\d|^<ul|^<li|^<\/ul>/.test(line)) return line;
     if (/^<h\d|^<ul|^<li|^<\/ul>/.test(line)) return line;
     if (line.trim()==='') return '';
     if (line.trim()==='') return '';
     return `<p style="margin:8px 0;">${line}</p>`;
     return `<p style="margin:8px 0;">${line}</p>`;
   }).join('');
   }).join('');
   box.innerHTML = html;
   box.innerHTML = html;
}
}


/* ---------- prompt per GPT ---------- */
/* === Costruzione contesto per GPT dai campi pagina === */
function buildPromptForGPT(){
function buildProjectContext() {
   const g  = (document.getElementById('p_goal')?.value || '').trim();
   const title = (document.getElementById('newProjectTitle')?.value || '').trim();
   const a  = (document.getElementById('p_audience')?.value || '').trim();
  const notes = (document.getElementById('newProjectNotes')?.value || '').trim();
   const d  = (document.getElementById('p_deliverable')?.value || '').trim();
  const goal        = (document.getElementById('p_goal')?.value || '').trim();
   const c  = (document.getElementById('p_constraints')?.value || '').trim();
   const audience    = (document.getElementById('p_audience')?.value || '').trim();
   const deliverable = (document.getElementById('p_deliverable')?.value || '').trim();
   const constraints = (document.getElementById('p_constraints')?.value || '').trim();
  return { title, notes, goal, audience, deliverable, constraints };
}


function buildPromptForGPT() {
  const c = buildProjectContext();
   const out = [];
   const out = [];
   out.push('Sei un project designer senior. Rispondi in italiano con piano chiaro, operativo.');
   out.push(`You are a senior editor and project designer. Provide a clear, actionable plan.`);
   if (g) out.push('\\n# Obiettivo\\n'+g);
   if (c.title)       out.push(`\n# Title\n${c.title}`);
   if (a) out.push('\\n# Pubblico\\n'+a);
  if (c.notes)      out.push(`\n# Notes\n${c.notes}`);
   if (d) out.push('\\n# Output atteso\\n'+d);
   if (c.goal)       out.push(`\n# Goal\n${c.goal}`);
   if (c) out.push('\\n# Vincoli\\n'+c);
   if (c.audience)   out.push(`\n# Audience\n${c.audience}`);
   out.push('\\n# Output richiesto\\n- Executive Summary\\n- Punti di forza & rischi\\n- Piano step-by-step (milestones)\\n- Risorse & budget\\n- Metriche di successo');
   if (c.deliverable) out.push(`\n# Deliverables\n${c.deliverable}`);
   return out.join('\\n');
   if (c.constraints) out.push(`\n# Constraints\n${c.constraints}`);
  out.push(`\n# Output format
- Executive Summary
- Strengths & Risks
- Step-by-step Plan (milestones)
- Resources & Budget hints
- Metrics of success`);
   return out.join('\n');
}
}


/* ---------- analisi con GPT (via proxy server) ---------- */
/* === Azione: Analizza con GPT (usa la tua API già protetta) ===
async function runProjectAnalysis(){
* Se NON hai ancora un endpoint dedicato, per test immediato simuliamo la risposta.
* Quando vorrai la chiamata reale, sostituisci la parte "FAKE RESPONSE" con una fetch al tuo endpoint server (/dashboard/api/ai_project_analyze.php).
*/
async function runProjectAnalysis() {
   const btn = document.getElementById('btnAnalyze');
   const btn = document.getElementById('btnAnalyze');
  if (!btn) return;
   btn.disabled = true; btn.textContent = 'Analizzo…';
   btn.disabled = true; btn.textContent = 'Analizzo…';
   try{
 
    const model  = document.getElementById('model-select')?.value || 'gpt-4o-2024-05-13';
   try {
     const prompt = buildPromptForGPT();
     const prompt = buildPromptForGPT();
    logActivity('🤖 Analisi GPT via proxy – modello: <b>'+model+'</b>');


     const r = await fetch('/dashboard/api/openai_project_gpt.php', {
     // === FAKE RESPONSE PER TEST VISIVO (subito) ===
      method:'POST',
     const fake = `# Executive Summary
      headers:{'Content-Type':'application/json'},
Progetto focalizzato su ${ (document.getElementById('newProjectTitle')?.value || 'il tema indicato') }.
      credentials:'include',
Obiettivo: ${ document.getElementById('p_goal')?.value || 'non specificato' }.
      body: JSON.stringify({ model, prompt })
Pubblico: ${ document.getElementById('p_audience')?.value || 'non specificato' }.
    });
     const j = await r.json();
    if (j.status==='ok' && j.result){
      renderGpt(j.result);
      logActivity('✅ Analisi GPT completata');
    }else{
      renderGpt('❌ Errore: ' + (j.error||'risposta vuota'));
      logActivity('❌ Errore GPT: ' + (j.error||'vuota'));
    }
  }catch(e){
    renderGpt('❌ Errore rete: '+e.message);
  }finally{
    btn.disabled=false; btn.textContent='Analizza con GPT';
  }
}
 
/* ---------- API progetto ---------- */
const API = {
  list:  '/dashboard/api/project_list.php',
  create: '/dashboard/api/project_create.php',
  del:    '/dashboard/api/project_delete.php',
  backup: '/dashboard/api/project_backup.php'
};


let currentProject = null;
## Strengths & Risks
- Strength: contenuti specialistici.
- Risk: mancano vincoli chiari (${ document.getElementById('p_constraints')?.value || '—' }).


async function loadProjects(){
## Step-by-step Plan (milestones)
  const ul = document.getElementById('projectsList');
- M1: Definizione indice capitoli.
  if (!ul) return;
- M2: Sviluppo contenuti.
  ul.innerHTML = '<li class="muted">Carico…</li>';
- M3: Revisione clinica e bibliografia.
  try{
- M4: Pubblicazione.
    const r = await fetch(API.list, {credentials:'include', cache:'no-store'});
    const t = await r.text(); let j;
    try{ j = JSON.parse(t); }catch(_){ throw new Error('Risposta non-JSON'); }
    if(!j.ok) throw new Error(j.error||'Lista progetti fallita');


    ul.innerHTML = '';
## Resources & Budget hints
    (j.projects||[]).forEach(p=>{
- Autori, revisori, tool AI, hosting video.
      const li = document.createElement('li');
      li.className = 'list-item';
      const name = document.createElement('strong');
      name.textContent = p.name;
      name.style.fontWeight = (p.name===currentProject?'800':'600');


      const actions = document.createElement('div'); actions.className='actions';
## Metrics of success
      const bOpen = document.createElement('button'); bOpen.className='btn'; bOpen.textContent='Apri';
- Capitoli completati, feedback medici, engagement studenti.`;
      bOpen.onclick = ()=>{ currentProject = p.name; loadProjects(); logActivity('📁 Progetto selezionato: <b>'+p.name+'</b>'); };


      const bZip = document.createElement('button'); bZip.className='btn'; bZip.textContent='ZIP';
    renderGpt(fake);
      bZip.title='Crea backup zip'; bZip.onclick = ()=>backupProject(p.name);


      const bDel = document.createElement('button'); bDel.className='btn danger'; bDel.textContent='🗑️';
    // === VERSIONE REALE (quando pronta):
      bDel.title='Sposta nel cestino'; bDel.onclick = ()=>deleteProject(p.name);
    // const r = await fetch('/dashboard/api/ai_project_analyze.php', {
 
    //  method: 'POST',
      actions.append(bOpen,bZip,bDel);
    //  headers: {'Content-Type':'application/x-www-form-urlencoded'},
      li.append(name, actions);
    //  body: new URLSearchParams({ prompt })
      ul.appendChild(li);
    // });
     });
    // const j = await r.json();
    // if (!j.ok) throw new Error(j.error || 'AI error');
     // renderGpt(j.text);


    if(!j.projects || !j.projects.length){
   } catch (e) {
      ul.innerHTML = '<li class="muted">Nessun progetto presente.</li>';
     renderGpt('❌ Errore: ' + e.message);
    }
  } finally {
   }catch(e){
    btn.disabled = false; btn.textContent = 'Analizza con GPT';
     ul.innerHTML = '<li class="muted">Errore: '+e.message+'</li>';
   }
   }
}
}


async function createProject(){
/* bind del bottone */
  const input = document.getElementById('newProjectName');
document.addEventListener('DOMContentLoaded', () => {
  const name = (input.value||'').trim();
   const b = document.getElementById('btnAnalyze');
  if (!name) return alert('Inserisci un nome progetto (A-Z 0-9 _ -)');
   if (b) b.addEventListener('click', runProjectAnalysis);
  try{
    const body = new URLSearchParams({name});
    const r = await fetch(API.create,{method:'POST',body,credentials:'include'});
    const j = await r.json();
    if(!j.ok) throw new Error(j.error||'create failed');
    input.value=''; currentProject = name;
    logActivity('📁 Creato progetto: <b>'+name+'</b>');
    loadProjects();
  }catch(e){ alert('Errore creazione: '+e.message); }
}
 
async function deleteProject(name){
  if(!confirm('Spostare "'+name+'" nel cestino?')) return;
  try{
    const body = new URLSearchParams({name});
    const r = await fetch(API.del,{method:'POST',body,credentials:'include'});
    const j = await r.json();
    if(!j.ok) throw new Error(j.error||'delete failed');
    if(currentProject===name) currentProject=null;
    logActivity('🗑️ Progetto nel cestino: <b>'+name+'</b>');
    loadProjects();
  }catch(e){ alert('Errore eliminazione: '+e.message); }
}
 
async function backupProject(name){
  try{
    const body = new URLSearchParams({name});
    const r = await fetch(API.backup,{method:'POST',body,credentials:'include'});
    const j = await r.json();
    if(!j.ok) throw new Error(j.error||'backup failed');
    alert('Backup creato: '+j.zip);
    logActivity('🗜️ ZIP creato per <b>'+name+'</b>');
  }catch(e){ alert('Errore backup: '+e.message); }
}
 
/* ---------- test tools ---------- */
function runTestCode(){
  const ta = document.getElementById('codeArea');
  if(!ta) return;
  try{ new Function(ta.value||'')(); }
  catch(e){ alert('Errore nel codice: '+e.message); }
}
 
/* ---------- checkCodeAI (usa ai_check.php) ---------- */
async function checkCodeAI(){
  const codeEl = document.getElementById('codeArea');
  const outEl  = document.getElementById('consoleOutput');
  if(!codeEl || !outEl){ alert('Manca #codeArea o #consoleOutput'); return; }
  const code = codeEl.value||'';
  if(!code.trim()) return alert('Incolla del codice da analizzare.');
 
  outEl.textContent = '⏳ Invio al correttore AI…';
  try{
    const r = await fetch('/dashboard/api/ai_check.php', {
      method:'POST',
      headers:{'Content-Type':'application/x-www-form-urlencoded;charset=UTF-8'},
      body:new URLSearchParams({language:'php', code})
    });
    const j = await r.json();
    if(j.ok){
      let txt=''; if(j.lint && j.lint.trim()) txt+='=== LINT ===\\n'+j.lint+'\\n\\n';
      txt+=(j.analysis||'Nessun output.');
      outEl.textContent=txt;
    }else{
      outEl.textContent='❌ Errore: '+(j.error||'sconosciuto');
      if(j.raw) outEl.textContent+='\\n\\nRAW:\\n'+j.raw;
    }
  }catch(e){ outEl.textContent='❌ Errore rete: '+e.message; }
}
 
/* ---------- connessione API test ---------- */
async function testAPIConnection(){
  const prompt = (document.getElementById('test-prompt')?.value||'').trim();
  const model  = document.getElementById('model-select')?.value || 'gpt-4o-2024-05-13';
  const out    = document.getElementById('api-result');
  if(!prompt){ out.textContent='⚠️ Inserisci un prompt di test.'; return; }
  out.textContent='⏳ Contatto il proxy sul server…';
  try{
    const res = await fetch('/dashboard/api/openai_project_gpt.php', {
      method:'POST',
      headers:{'Content-Type':'application/json'},
      credentials:'include',
      body: JSON.stringify({ prompt, model })
    });
    const data = await res.json();
    if (data.status==='ok' && data.result){
      out.textContent = '✅ Risposta: ' + data.result;
      logActivity('✅ Proxy OK – modello '+model);
    }else{
      out.textContent = '❌ Errore: ' + (data.error||'risposta vuota');
    }
  }catch(e){ out.textContent='🚫 Errore di rete: '+e.message; }
}
 
/* ---------- init ---------- */
document.addEventListener('DOMContentLoaded', ()=>{
   // mostra subito Stato Progetti
  showBox('project-status');
  // bind
  document.getElementById('btnAnalyze')?.addEventListener('click', runProjectAnalysis);
   document.getElementById('btnCreateProject')?.addEventListener('click', createProject);
  // carica lista progetti
  loadProjects();
});
});
</script>
</script>


</body>
</html>
</html>

Versione delle 11:00, 21 set 2025

🔧 Dashboard Operativa – Masticationpedia

Centro di comando per progetti, API, file e backup

🧾 Apri Log Dashboard

📁 Importa file dal server (semplificata)




📁 Carica File GPT

Estratto da "https://staging.masticationpedia.org/index.php?title=Dashboard_Masticationpedia&oldid=4551"