Masticationpedia

Dashboard Masticationpedia: differenze tra le versioni

← Differenza precedente
VisualeWikitesto
Nessun oggetto della modifica
Nessun oggetto della modifica
 
(3 versioni intermedie di uno stesso utente non sono mostrate)
Riga 61: Riga 61:
         </div>
         </div>


      <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>


  <div class="mpai-composer-right">
          <div class="mpai-composer-right">
    <label class="mpai-check" style="margin:0 0 6px 0;">
            <label class="mpai-check" style="margin:0 0 6px 0;">
      <input id="mpai-drop-urls" type="checkbox">
              <input id="mpai-drop-urls" type="checkbox">
      Ignora/Cancella URL e allegati per questo invio
              Ignora/Cancella URL e allegati per questo invio
    </label>
            </label>
    <button id="mpai-send" class="mpai-btn primary">Invia</button>
            <button id="mpai-send" class="mpai-btn primary">Invia</button>
  </div>
          </div>
</div>
        </div>
       </main>
       </main>


Riga 102: 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 109: 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 135: Riga 135:
     .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}
     .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>
  document.getElementById('test_run').addEventListener('click', async () => {
    const model  = document.getElementById('model-select').value;
    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: []
      mode: 'translate'  // <--- aggiunto   
};
 
    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>
 
<!-- ========= Handler di invio che manda drop_urls al backend ========= -->
<script>
<script>
(function(){
// JS minimo temporaneo per sbloccare la pagina
  const $chat  = document.getElementById('mpai-chat');
// (serve solo a NON avere errori di sintassi)
  const $input = document.getElementById('mpai-input');
  const $send  = document.getElementById('mpai-send');
 
  function addMsg(role, text){
    const div = document.createElement('div');
    div.className = 'mpai-msg ' + (role === 'user' ? 'user' : (role === 'assistant' ? 'assistant' : 'error'));
    div.innerHTML = '<div class="role">'+role+'</div><div class="body"></div>';
    div.querySelector('.body').textContent = text;
    $chat.appendChild(div);
    $chat.scrollTop = $chat.scrollHeight;
  }
 
  async function sendMessage(){
    const prompt = ($input.value || '').trim();
    if (!prompt) return;
 
    // UI
    addMsg('user', prompt);
    $input.value = '';
 
    // Leggi impostazioni UI
    const model = document.getElementById('mpai-model')?.value || 'gpt-4o-2024-05-13';
    const temperature = parseFloat(document.getElementById('mpai-temp')?.value || '0.7');
    const drop = document.getElementById('mpai-drop-urls')?.checked === true;
 
    // Se hai una tua gestione file/immagini, collega qui gli array:
    const files = []; // <- puoi popolarlo se li mandi al backend
    const texts = []; // <- idem
 
    // Costruisci payload per il backend
    const payload = {
      model,
      prompt,
      temperature,
      drop_urls: drop,  // << QUI il flag “Cancella URL”
      files,
      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)
      });
 
      // Il backend può rispondere testo puro o JSON.
      const ct = res.headers.get('content-type') || '';
      let out;
      if (ct.includes('application/json')) {
        const j = await res.json();
        // accetta varianti: {ok:true,text:"..."}, {message:"..."}, stringa, ecc.
        out = j?.text ?? j?.message ?? (typeof j === 'string' ? j : JSON.stringify(j, null, 2));
      } else {
        out = await res.text();
      }
      addMsg('assistant', out || '(vuoto)');
    } catch (e) {
      addMsg('error', String(e));
    }
  }
 
  // Eventi invio
  $send?.addEventListener('click', sendMessage);
  $input?.addEventListener('keydown', (e) => {
    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) sendMessage();
  });
})();
</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"