Masticationpedia

Dashboard Masticationpedia: differenze tra le versioni

← Differenza precedente
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
 
(5 versioni intermedie di uno stesso utente non sono mostrate)
Riga 63: Riga 63:
         <div class="mpai-composer">
         <div class="mpai-composer">
           <textarea id="mpai-input" rows="3" placeholder="Scrivi qui la tua domanda..."></textarea>
           <textarea id="mpai-input" rows="3" placeholder="Scrivi qui la tua domanda..."></textarea>
           <button id="mpai-send" class="mpai-btn primary">Invia</button>
 
           <div class="mpai-composer-right">
            <label class="mpai-check" style="margin:0 0 6px 0;">
              <input id="mpai-drop-urls" type="checkbox">
              Ignora/Cancella URL e allegati per questo invio
            </label>
            <button id="mpai-send" class="mpai-btn primary">Invia</button>
          </div>
         </div>
         </div>
       </main>
       </main>
Riga 95: Riga 102:
     .mpai-title{font-size:20px;font-weight:700}
     .mpai-title{font-size:20px;font-weight:700}
     .mpai-actions{display:flex;gap:8px}
     .mpai-actions{display:flex;gap:8px}
     .mpai-btn{border:1px solid var(--line);background:var(--card);padding:.45rem .8rem;border-radius:8px;cursor:pointer}
     .mpai-btn{border:1px solid var(--line);background:#fff;padding:.45rem .8rem;border-radius:8px;cursor:pointer}
     .mpai-btn:hover{background:#f3f4f6}
     .mpai-btn:hover{background:#f3f4f6}
     .mpai-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
     .mpai-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}
Riga 102: Riga 109:
     .muted{color:var(--muted)}
     .muted{color:var(--muted)}
     .mpai-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:12px}
     .mpai-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:12px}
     .mpai-col{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
     .mpai-col{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}
     .mpai-left,.mpai-right{max-height:75vh;overflow:auto}
     .mpai-left,.mpai-right{max-height:75vh;overflow:auto}
     .mpai-projects{display:flex;flex-direction:column;gap:6px;margin:8px 0}
     .mpai-projects{display:flex;flex-direction:column;gap:6px;margin:8px 0}
Riga 127: Riga 134:
     .mpai-composer{display:flex;gap:8px;align-items:flex-end}
     .mpai-composer{display:flex;gap:8px;align-items:flex-end}
     .mpai-composer textarea{flex:1 1 auto;min-height:90px;border:1px solid var(--line);border-radius:12px;padding:10px}
     .mpai-composer textarea{flex:1 1 auto;min-height:90px;border:1px solid var(--line);border-radius:12px;padding:10px}
    .mpai-composer-right{display:flex;flex-direction:column;gap:6px}
    /* --- Blocchi codice nelle risposte + copia --- */
    .mp-code{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin:.5rem 0;background:#fff}
    .mp-code__hdr{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}
    .mp-code__lang{font-family:ui-monospace, Menlo, Consolas, monospace;color:#334155}
    .mp-copy{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:.25rem .5rem;cursor:pointer}
    .mp-copy:hover{background:#f1f5f9}
    .mp-code pre{margin:0;padding:.75rem 1rem;overflow:auto;font-family:ui-monospace, Menlo, Consolas, monospace;font-size:13px}
     @media (max-width:1100px){.mpai-grid{grid-template-columns:1fr}.mpai-left,.mpai-right{max-height:none}}
     @media (max-width:1100px){.mpai-grid{grid-template-columns:1fr}.mpai-left,.mpai-right{max-height:none}}
   </style>
   </style>


  <!-- ========= SEZIONI LEGACY (nascoste) ========= -->
  <div id="api-settings" style="display:none; padding:1rem; border:1px solid #ccc; border-radius:8px; background:#f9f9f9;">
    <strong>Connessione API (protetta dal server)</strong><br><br>


<!-- ========= SEZIONI LEGACY (nascoste) ========= -->
    <label>Modello</label>
<div id="api-settings" style="display:none; padding:1rem; border:1px solid #ccc; border-radius:8px; background:#f9f9f9;">
    <select id="model-select" style="width:100%; margin-bottom:0.5rem;">
  <strong>Connessione API (protetta dal server)</strong><br><br>
      <option value="gpt-4o-2024-05-13" selected>gpt-4o-2024-05-13</option>
      <option value="gpt-4-turbo-2024-04-09">gpt-4-turbo-2024-04-09</option>
    </select>


  <label>Modello</label>
    <label>Prompt di test</label>
  <select id="model-select" style="width:100%; margin-bottom:0.5rem;">
    <textarea id="test_prompt" rows="3" style="width:100%; margin-bottom:0.5rem;">Dimmi una curiosità sulla mandibola</textarea>
    <option value="gpt-4o-2024-05-13" selected>gpt-4o-2024-05-13</option>
    <option value="gpt-4-turbo-2024-04-09">gpt-4-turbo-2024-04-09</option>
  </select>


  <label>Prompt di test</label>
    <label style="display:inline-flex; gap:.4rem; align-items:center; margin:.25rem 0 .75rem;">
  <textarea id="test_prompt" rows="3" style="width:100%; margin-bottom:0.5rem;">
      <input id="test_drop_urls" type="checkbox">
Dimmi una curiosità sulla mandibola
      Ignora/Cancella URL e allegati per questo invio
  </textarea>
    </label><br>


  <label style="display:inline-flex; gap:.4rem; align-items:center; margin:.25rem 0 .75rem;">
     <button id="test_run">Esegui</button>
    <input id="test_drop_urls" type="checkbox">
     Ignora/Cancella URL e allegati per questo invio
  </label><br>
 
  <button id="test_run">Esegui</button>
 
  <pre id="api-result" style="background:#f0f0f0; padding:1rem; border:1px solid #ccc; margin-top:1rem; white-space:pre-wrap;"></pre>
</div>


    <pre id="api-result" style="background:#f0f0f0; padding:1rem; border:1px solid #ccc; margin-top:1rem; white-space:pre-wrap;"></pre>
  </div>
<script>
<script>
  document.getElementById('test_run').addEventListener('click', async () => {
// JS minimo temporaneo per sbloccare la pagina
    const model  = document.getElementById('model-select').value;
// (serve solo a NON avere errori di sintassi)
    const prompt = document.getElementById('test_prompt').value;
    const drop  = document.getElementById('test_drop_urls').checked;
 
    const payload = {
      model,
      prompt,
      temperature: 0.7,    // o leggi dalla tua UI
      drop_urls: drop,      // << invia il flag al backend
      files: [],            // no allegati nel test
      texts: []
    };
 
    try {
      const res = await fetch('/dashboard/api/openai_project_gpt.php', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        credentials: 'include',
        body: JSON.stringify(payload)
      });
      const j = await res.json();
      document.getElementById('api-result').textContent = JSON.stringify(j, null, 2);
    } catch (e) {
      document.getElementById('api-result').textContent = String(e);
    }
  });
</script>
</script>


 
</html>
</html>

Versione attuale delle 15:48, 19 ott 2025

🔧 Dashboard Operativa – Masticationpedia

Centro di comando per progetti, API, file e backup

🧾 Apri Log Dashboard

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