MediaWiki:CommonDashboard.js: differenze tra le versioni
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
(20 versioni intermedie di uno stesso utente non sono mostrate) | |||
Riga 1: | Riga 1: | ||
// | |||
window.toggleDashboardBox = function(id) { | // ============================================ | ||
// 🔧 CommonDashboard.js – versione GPT-4o + Percorsi corretti | |||
// ============================================ | |||
// 📘 INTRODUZIONE | |||
window.toggleDashboardBox = function (id) { | |||
const box = document.getElementById(id); | const box = document.getElementById(id); | ||
if (box) { | if (box) { | ||
box.style.display = | box.style.display = box.style.display === "block" ? "none" : "block"; | ||
} | } | ||
}; | }; | ||
// | // ⚙️ CONNESSIONE API | ||
window.testAPIConnection = async function () { | window.testAPIConnection = async function () { | ||
const key = document.getElementById('api-key').value.trim(); | const key = document.getElementById('api-key').value.trim(); | ||
const prompt = document.getElementById('test-prompt').value; | const prompt = document.getElementById('test-prompt').value; | ||
const output = document.getElementById('api-result'); | const output = document.getElementById('api-result'); | ||
const model = "gpt-4o-2024-05-13"; | |||
if (!key || !prompt) { | if (!key || !prompt) { | ||
Riga 19: | Riga 24: | ||
} | } | ||
output.innerText = '⏳ Attendere...'; | output.innerText = '⏳ Attendere risposta da OpenAI...'; | ||
logActivity(`🚀 Test API avviato – Modello: <strong>${model}</strong>`); | |||
try { | try { | ||
Riga 38: | Riga 44: | ||
if (data.choices && data.choices.length > 0) { | if (data.choices && data.choices.length > 0) { | ||
output.innerText = "✅ Risposta: | output.innerText = "✅ Risposta:" + data.choices[0].message.content; | ||
logActivity(`✅ | logActivity(`✅ Risposta ricevuta – Modello: <strong>${model}</strong>`); | ||
} else if (data.error) { | } else if (data.error) { | ||
output.innerText = "❌ Errore: " + data.error.message; | output.innerText = "❌ Errore: " + data.error.message; | ||
Riga 48: | Riga 54: | ||
} catch (e) { | } catch (e) { | ||
output.innerText = "🚫 Errore di rete o sintassi: " + e.message; | output.innerText = "🚫 Errore di rete o sintassi: " + e.message; | ||
logActivity(`❌ Errore di connessione: ${e.message}`); | |||
} | } | ||
}; | }; | ||
// | // 📊 STATO PROGETTI | ||
window.addNewProject = function () { | window.addNewProject = function () { | ||
const title = document.getElementById("newProjectTitle").value.trim(); | const title = document.getElementById("newProjectTitle").value.trim(); | ||
Riga 96: | Riga 74: | ||
table.appendChild(newRow); | table.appendChild(newRow); | ||
window.closeProjectDialog(); | window.closeProjectDialog(); | ||
logActivity(`📌 | logActivity(`📌 Progetto aggiunto: <strong>${title}</strong> – ${notes}`); | ||
}; | |||
window.openProjectDialog = function () { | |||
document.getElementById("newProjectDialog").style.display = "block"; | |||
}; | }; | ||
window.closeProjectDialog = function () { | |||
window. | 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."); | |||
}); | |||
}; | |||
const | // 📂 Carica File Salvato in Textarea GPT | ||
const | 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 nuovo Progetto | |||
function addNewProject() { | |||
function | const title = document.getElementById("newProjectTitle").value.trim(); | ||
const | const notes = document.getElementById("newProjectNotes").value.trim(); | ||
const | if (!title) { | ||
alert("Inserisci un titolo per il progetto."); | |||
if (! | |||
alert(" | |||
return; | return; | ||
} | } | ||
const payload = { | |||
title, | |||
notes, | |||
date: new Date().toLocaleDateString("it-IT") | |||
}; | |||
fetch(" | fetch("/dashboard/api/write_project.php", { | ||
method: "POST", | method: "POST", | ||
headers: { | headers: { "Content-Type": "application/json" }, | ||
body: JSON.stringify(payload) | |||
body: JSON.stringify( | |||
}) | }) | ||
.then( | .then((res) => res.json()) | ||
.then(data => { | .then((data) => { | ||
const | if (data.success) { | ||
const row = document.createElement("tr"); | |||
row.innerHTML = `<td>${title}</td><td style='color:green;font-weight:bold;'>✅ Completato</td><td>${payload.date}</td><td>${notes}</td>`; | |||
document.getElementById("projectRows").appendChild(row); | |||
closeProjectDialog(); | |||
} else { | |||
alert("Errore salvataggio: " + data.error); | |||
} | |||
}) | }) | ||
.catch( | .catch((err) => { | ||
console.error("Errore | console.error("Errore invio progetto:", err); | ||
alert("Errore di rete durante il salvataggio del progetto."); | |||
}); | }); | ||
} | } | ||
Riga 180: | Riga 239: | ||
// | // 🧾 EGISTRO ATTIVITÀ | ||
window. | window.logActivity = function (messaggio) { | ||
const | 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."); | |||
logActivity( | |||
} | } | ||
}; | }; |
Versione attuale delle 12:42, 2 ago 2025
// ============================================
// 🔧 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}`);
}
};
// 📊 STATO PROGETTI
window.addNewProject = function () {
const title = document.getElementById("newProjectTitle").value.trim();
const notes = document.getElementById("newProjectNotes").value.trim();
if (!title) return;
const table = document.getElementById("projectRows");
const newRow = document.createElement("tr");
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>
`;
table.appendChild(newRow);
window.closeProjectDialog();
logActivity(`📌 Progetto aggiunto: <strong>${title}</strong> – ${notes}`);
};
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 nuovo Progetto
function addNewProject() {
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 payload = {
title,
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) {
const row = document.createElement("tr");
row.innerHTML = `<td>${title}</td><td style='color:green;font-weight:bold;'>✅ Completato</td><td>${payload.date}</td><td>${notes}</td>`;
document.getElementById("projectRows").appendChild(row);
closeProjectDialog();
} else {
alert("Errore salvataggio: " + data.error);
}
})
.catch((err) => {
console.error("Errore invio progetto:", err);
alert("Errore di rete durante il salvataggio del progetto.");
});
}
// 🧾 EGISTRO 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.");
}
};