MediaWiki:CommonDashboard.js

// ============================================
// 🔧 CommonDashboard.js – versione GPT-4o + Percorsi corretti
// ============================================

// 📘 INTRODUZIONE
window.toggleDashboardBox = function (id) {
  const box = document.getElementById(id);
  if (box) {
    box.style.display = box.style.display === "block" ? "none" : "block";
  }
};

// ⚙️ CONNESSIONE API
window.testAPIConnection = async function () {
  const key = document.getElementById('api-key').value.trim();
  const prompt = document.getElementById('test-prompt').value;
  const output = document.getElementById('api-result');
  const model = "gpt-4o-2024-05-13";

  if (!key || !prompt) {
    output.innerText = '⚠️ Inserisci una chiave valida e un prompt.';
    return;
  }

  output.innerText = '⏳ Attendere risposta da OpenAI...';
  logActivity(`🚀 Test API avviato – Modello: <strong>${model}</strong>`);

  try {
    const response = await fetch("https://api.openai.com/v1/chat/completions", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "Authorization": "Bearer " + key
      },
      body: JSON.stringify({
        model: model,
        messages: [{ role: "user", content: prompt }],
        temperature: 0.7
      })
    });

    const data = await response.json();

    if (data.choices && data.choices.length > 0) {
      output.innerText = "✅ Risposta:" + data.choices[0].message.content;
      logActivity(`✅ Risposta ricevuta – Modello: <strong>${model}</strong>`);
    } else if (data.error) {
      output.innerText = "❌ Errore: " + data.error.message;
      logActivity(`❌ Errore API: ${data.error.message}`);
    } else {
      output.innerText = "❌ Nessuna risposta ricevuta.";
    }
  } catch (e) {
    output.innerText = "🚫 Errore di rete o sintassi: " + e.message;
    logActivity(`❌ Errore di connessione: ${e.message}`);
  }
};

// 📊 SEZIONE: STATO PROGETTI – 

window.addNewProject = function () {
  const title = document.getElementById("newProjectTitle").value.trim();
  const notes = document.getElementById("newProjectNotes").value.trim();
  if (!title) {
    alert("Inserisci un titolo per il progetto!");
    return;
  }

  const table = document.getElementById("projectRows");
  const newRow = document.createElement("tr");

  // 🔹 Genera contenuto HTML per la nuova riga
  newRow.innerHTML = `
    <td style="padding:0.5rem; border:1px solid #ccc;">${title}</td>
    <td style="padding:0.5rem; border:1px solid #ccc; color:green; font-weight:bold;">✅ Completato</td>
    <td style="padding:0.5rem; border:1px solid #ccc;">${new Date().toLocaleDateString("it-IT")}</td>
    <td style="padding:0.5rem; border:1px solid #ccc;">${notes || '–'}</td>
    <td style="padding:0.5rem; border:1px solid #ccc;">
      <button onclick="analyzeProjectWithGPT('${title}', \`${notes || '–'}\`)" style="padding: 0.3rem 0.6rem;">🤖 GPT</button>
    </td>
  `;

  // 🔹 Inserisce la nuova riga nella tabella HTML
  table.appendChild(newRow);

  // 🔹 Chiude il dialog di inserimento
  window.closeProjectDialog();

  // 🔹 Log attività locale
  logActivity(`📌 Progetto aggiunto: <strong>${title}</strong> – ${notes}`);

  // 💾 SEZIONE: Invio al server per salvataggio JSON
  const payload = {
    title: title,
    notes: notes,
    date: new Date().toLocaleDateString("it-IT")
  };

  fetch("/dashboard/api/write_project.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify(payload)
  })
    .then((res) => res.json())
    .then((data) => {
      if (!data.success) {
        alert("⚠️ Errore salvataggio su server: " + data.error);
        logActivity(`❌ Errore salvataggio progetto: ${data.error}`);
      } else {
        logActivity(`✅ Progetto salvato su server: <strong>${title}</strong>`);
      }
    })
    .catch((err) => {
      alert("❌ Errore rete salvataggio progetto.");
      console.error("Errore invio progetto:", err);
      logActivity("❌ Errore rete durante salvataggio progetto.");
    });
};


window.openProjectDialog = function () {
  document.getElementById("newProjectDialog").style.display = "block";
};

window.closeProjectDialog = function () {
  document.getElementById("newProjectDialog").style.display = "none";
};

// 📥 Carica prompt.txt
window.loadPrompt = function () {
  fetch('/dashboard/api/read_file.php?projectName=global&subfolder=&filename=prompt.txt')
    .then(response => {
      if (!response.ok) throw new Error('Errore nel caricamento del file');
      return response.json();
    })
    .then(data => {
      if (data.status === "ok") {
        document.getElementById("promptArea").value = data.content;
        logActivity("📥 Caricato prompt.txt nella textarea.");
      } else {
        alert("Errore: " + data.error);
        logActivity("❌ Errore nel caricamento: " + data.error);
      }
    })
    .catch(error => {
      alert("Errore nel caricamento: " + error);
      logActivity("❌ Errore nel caricamento di prompt.txt.");
    });
};

// 💾 Salva prompt.txt
window.savePrompt = function () {
  const content = document.getElementById("promptArea").value;
  fetch('/dashboard/api/write_prompt.php', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    body: 'text=' + encodeURIComponent(content)
  })
    .then(response => {
      if (!response.ok) throw new Error('Errore nel salvataggio');
      return response.text();
    })
    .then(msg => {
      logActivity("💾 Salvato prompt.txt dal form.");
      alert("Prompt salvato con successo.");
    })
    .catch(error => {
      alert("Errore nel salvataggio: " + error);
      logActivity("❌ Errore nel salvataggio di prompt.txt.");
    });
};

// 💾 Salva RISPOSTA GPT IN FILE
window.salvaFileDaTextarea = function () {
  const content = document.getElementById("gpt-response-area").value;
  const filename = document.getElementById("gpt-filename").value.trim();
  const subfolder = document.getElementById("gpt-subfolder").value;
  const project = document.getElementById("newProjectTitle").value.trim() || "SSO_LinkedIn";

  if (!filename || !content) {
    alert("Inserisci un nome file e assicurati che il contenuto non sia vuoto.");
    return;
  }

  fetch('/dashboard/api/write_file.php', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      projectName: project,
      subfolder: subfolder,
      filename: filename,
      content: content
    })
  })
    .then(response => response.json())
    .then(data => {
      if (data.status === "ok") {
        document.getElementById("gpt-response-area").value = data.content;
        logActivity(`💾 Salvato <strong>${filename}</strong> in progetto <strong>${project}</strong>.`);
        alert("File salvato con successo in:" + data.path);
      } else {
        alert("Errore: " + data.error);
        logActivity(`❌ Errore salvataggio ${filename}: ${data.error}`);
      }
    })
    .catch(error => {
      console.error("❌ Errore:", error);
      alert("Errore durante il salvataggio.");
    });
};

// 📂 Carica File Salvato in Textarea GPT
window.caricaFileGPT = function () {
  const filename = document.getElementById("gpt-filename").value.trim();
  const subfolder = document.getElementById("gpt-subfolder").value;
  const project = document.getElementById("newProjectTitle").value.trim() || "SSO_LinkedIn";

  if (!filename) {
    alert("Inserisci il nome del file da caricare.");
    return;
  }

  fetch(`/dashboard/api/read_file.php?projectName=${encodeURIComponent(project)}&subfolder=${encodeURIComponent(subfolder)}&filename=${encodeURIComponent(filename)}`)
    .then(res => res.json())
    .then(data => {
      if (data.status === "ok") {
        document.getElementById("gpt-response-area").value = data.content;
        logActivity(`📂 Caricato <strong>${filename}</strong> da progetto <strong>${project}</strong>.`);
      } else {
        alert("Errore: " + data.error);
        logActivity(`❌ Errore nel caricamento di ${filename}: ${data.error}`);
      }
    })
    .catch(err => {
      console.error("Errore:", err);
      alert("Errore durante il caricamento del file.");
    });
};


// 🚀 ========= Carica automaticamente tutti i progetti salvati ================
window.loadAllProjects = function () {
  fetch('/dashboard/api/read_all_projects.php')
    .then(response => response.json())
    .then(data => {
      if (!Array.isArray(data)) {
        logActivity("❌ Errore: formato dati inatteso dalla lista progetti.");
        return;
      }

      const table = document.getElementById("projectRows");
      table.innerHTML = ''; // Pulisce la tabella prima di caricare

      data.forEach(project => {
        const row = document.createElement("tr");
        row.innerHTML = `
          <td style="padding:0.5rem; border:1px solid #ccc;">${project.title}</td>
          <td style="padding:0.5rem; border:1px solid #ccc; color:green; font-weight:bold;">✅ Completato</td>
          <td style="padding:0.5rem; border:1px solid #ccc;">${project.date}</td>
          <td style="padding:0.5rem; border:1px solid #ccc;">${project.notes || '–'}</td>
          <td style="padding:0.5rem; border:1px solid #ccc;">
            <button onclick="analyzeProjectWithGPT('${project.title}', \`${project.notes || '–'}\`)" style="padding: 0.3rem 0.6rem;">🤖 GPT</button>
          </td>
        `;
        table.appendChild(row);
        logActivity(`📌 Caricato progetto: <strong>${project.title}</strong>`);
      });
    })
    .catch(err => {
      console.error("Errore nel caricamento progetti:", err);
      alert("Errore nel caricamento dei progetti.");
      logActivity("❌ Errore nel caricamento progetti.");
    });
};


// ✅ Al caricamento pagina: esegue tutte le funzioni necessarie
window.addEventListener("load", function () {
  loadAllProjects();
    // ✅ Recupera API Key da localStorage (se esiste)
  const savedKey = localStorage.getItem("openai_api_key");
  if (savedKey) {
    document.getElementById("apiKeyInput").value = savedKey;
    logActivity("🔐 API Key caricata dal browser.");
  }

  // ✅ Salva la chiave ogni volta che viene modificata
  document.getElementById("apiKeyInput").addEventListener("input", function () {
    localStorage.setItem("openai_api_key", this.value.trim());
    logActivity("💾 API Key aggiornata nel browser.");
  });

});

// 🔹 2. ========== AGGIUNGI FUNZIONE GPT =============================
/*window.analyzeProjectWithGPT = function (title, notes) {
  const prompt = `📌 Analizza il progetto seguente:\nTitolo: ${title}\nNote: ${notes}\n\nFornisci una valutazione sintetica e suggerimenti operativi.`;

  fetch("/dashboard/api/openai_project_gpt.php", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({ prompt: prompt })
  })
    .then(res => res.json())
    .then(data => {
      if (data.status === "ok") {
        document.getElementById("gpt-response-area").value = data.result;
        logActivity(`🤖 GPT elaborato per progetto: <strong>${title}</strong>`);
      } else {
        alert("Errore GPT: " + data.error);
        logActivity(`❌ Errore GPT: ${data.error}`);
      }
    })
    .catch(err => {
      console.error("Errore GPT:", err);
      alert("Errore durante la richiesta a GPT.");
    });
};
*/

// 🎯 Analizza progetto con GPT

window.analyzeProjectWithGPT = async function (title, notes) {
  console.log("🚀 Analisi GPT avviata per:", title, "con note:", notes);

  try {
    const model = "gpt-4o-2024-05-13";
    const apiKey = document.getElementById("api-key").value.trim();
    console.log("🔑 Chiave API letta:", apiKey ? "(presente)" : "(vuota)");

    if (!apiKey) {
      alert("❌ Inserisci prima una API key valida!");
      return;
    }
    
    const prompt = `Titolo: ${title}\nNote: ${notes}`;
    console.log("📌 Prompt costruito:", prompt);

    const response = await fetch("https://api.openai.com/v1/chat/completions", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "Authorization": `Bearer ${apiKey}`
      },
      body: JSON.stringify({ model, messages: [{ role: "user", content: prompt }] })
    });
    console.log("📡 Chiamata fetch completata. HTTP status:", response.status);

    const result = await response.json();
    console.log("📥 Risposta JSON da OpenAI:", result);

    if (result.error) {
      throw new Error(result.error.message);
    }

    const reply = result.choices?.[0]?.message?.content;
    console.log("✅ Contenuto risposta GPT:", reply);
    document.getElementById("response").value = reply;

  } catch (err) {
    console.error("❌ Errore completo GPT:", err);
    alert("Errore durante la richiesta a GPT:\n" + err.message);
  }
};
// 🧠 Toggle per mostrare/nascondere istruzioni sysadmin
window.toggleSysNote = function () {
  const noteBox = document.getElementById("sysNote");
  if (noteBox) {
    noteBox.style.display = (noteBox.style.display === "none") ? "block" : "none";
  }
};

// 📁 MediaWiki:CommonDashboard.js – VERSIONE COMPLETA (4 agosto 2025)

// ✅ MODULO BASE: Importa file da server con textarea
window.setupServerFileImporter = function () {
  const container = document.getElementById("serverFileImportContainer");
  if (!container) return;

  container.innerHTML = `
    <h3>📂 Importa file dal server</h3>
    <label>🧱 Project: <input type="text" id="gpt-load-project" value="SSO_Linkedin" /></label>
    <label>📂 Subfolder: <input type="text" id="gpt-load-subfolder" value="php" /></label>
    <label>📄 Filename: <input type="text" id="gpt-load-filename" placeholder="es: testGPT.php" /></label>
    <button onclick="caricaFileGPT()">📂 Carica file</button>
    <textarea id="gpt-file-content" style="width:100%; height:200px; margin-top:1rem; font-family:monospace;" placeholder="Qui verrà caricato il contenuto del file..."></textarea>
  `;
};

// ✅ MODULO ALTERNATIVO: Importa file con select di cartella
window.setupImportaFileSemplificato = function () {
  const container = document.getElementById("serverFileSimpleImportContainer");
  if (!container) return;

  container.innerHTML = `
    <div class="dashboard-box" style="margin-top:1rem;">
      <h4>📁 Importa file dal server (semplificato)</h4>

      <label for="baseDirSelect"><b>Directory di origine:</b></label><br>
      <select id="baseDirSelect" style="width:100%; margin-bottom:0.5rem;">
        <option value="/var/www/html/masticationpedia-staging/">📁 staging/</option>
        <option value="/var/www/html/masticationpedia-staging/oauth/">📁 oauth/</option>
        <option value="/var/www/html/masticationpedia-staging/dashboard/">📁 dashboard/</option>
        <option value="/var/www/html/masticationpedia-staging/dashboard/api/">📁 dashboard/api/</option>
      </select><br>

      <label for="fileNameInput"><b>Nome file da copiare:</b></label><br>
      <input type="text" id="fileNameInput" placeholder="es: linkedin-login.php" style="width:100%; margin-bottom:0.5rem;"><br>

      <label for="destinationPath"><b>Cartella di destinazione nel progetto:</b></label><br>
      <input type="text" id="destinationPath" value="SSO_Linkedin_Login/" style="width:100%; margin-bottom:0.5rem;"><br>

      <button onclick="importServerFileFromPresetDir()">📁 Copia e Registra</button>
    </div>
  `;
};

// ✅ Salva contenuto da textarea in file server
window.salvaFileDaTextarea = function () {
  const content = document.getElementById("gpt-response-area").value;
  const filename = document.getElementById("gpt-filename").value.trim();
  const subfolder = document.getElementById("gpt-subfolder").value.trim();
  const project = document.getElementById("newProjectTitle").value.trim();

  if (!filename || !subfolder || !project || !content) {
    alert("⚠️ Compila tutti i campi prima di salvare");
    return;
  }

  fetch("/dashboard/api/write_file.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ filename, content, subfolder, project }),
  })
  .then((res) => res.text())
  .then((msg) => {
    logActivity(`✅ File "${filename}" salvato nel progetto "${project}"`);
    alert("✅ File salvato!");
  })
  .catch((err) => {
    console.error(err);
    alert("❌ Errore durante il salvataggio");
  });
};

// ✅ Carica file e mostra il contenuto
window.caricaFileGPT = function () {
  const filename = document.getElementById("gpt-load-filename").value.trim();
  const subfolder = document.getElementById("gpt-load-subfolder").value.trim();
  const project = document.getElementById("gpt-load-project").value.trim();

  if (!filename || !subfolder || !project) {
    alert("⚠️ Compila tutti i campi prima di caricare");
    return;
  }

  fetch(`/dashboard/api/read_file.php?project=${project}&subfolder=${subfolder}&filename=${filename}`)
    .then((res) => res.text())
    .then((content) => {
      document.getElementById("gpt-file-content").value = content;
      logActivity(`📥 File "${filename}" caricato da "${project}/${subfolder}"`);
    })
    .catch((err) => {
      console.error(err);
      alert("❌ Errore durante il caricamento");
    });
};

// ✅ Importa file da cartella predefinita (semplificato)
window.importServerFileFromPresetDir = function () {
  const originDir = document.getElementById("baseDirSelect").value.trim();
  const file = document.getElementById("fileNameInput").value.trim();
  const destination = document.getElementById("destinationPath").value.trim();

  if (!originDir || !file || !destination) {
    alert("⚠️ Compila tutti i campi");
    return;
  }

  fetch("/dashboard/api/import_file.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ originDir, file, destination }),
  })
  .then((res) => res.text())
  .then((msg) => {
    logActivity(`📂 Copiato "${file}" da "${originDir}" in "${destination}"`);
    alert("✅ File copiato!");
  })
  .catch((err) => {
    console.error(err);
    alert("❌ Errore nella copia file");
  });
};

// ✅ Logger attività
window.logActivity = function (msg) {
  const log = document.getElementById("activityLogContent");
  if (!log) return;
  const timestamp = new Date().toLocaleString();
  log.innerHTML += `[${timestamp}] ${msg}<br>`;
};

// ✅ Setup automatico onload
window.addEventListener("DOMContentLoaded", function () {
  if (window.setupServerFileImporter) window.setupServerFileImporter();
  if (window.setupImportaFileSemplificato) window.setupImportaFileSemplificato();
});


// 🧾 REGISTRO ATTIVITÀ
window.logActivity = function (messaggio) {
  const contenitore = document.getElementById("activityLogContent") || document.getElementById("activityLog");
  if (!contenitore) return;

  const ora = new Date().toLocaleTimeString("it-IT");
  const entry = document.createElement("div");
  entry.innerHTML = `<span style="color:gray;">[${ora}]</span> ${messaggio}`;
  contenitore.prepend(entry);
};

window.clearActivityLog = function () {
  const contenitore = document.getElementById("activityLogContent");
  if (contenitore) {
    contenitore.innerHTML = "<em>Registro svuotato.</em><br>";
    logActivity("🧹 Log svuotato manualmente.");
  }
};