0d0dd3cfcf
- Restructured GitHub Actions workflow with separate jobs for linting, testing, and security - Configured pre-commit hooks: black, isort, flake8, yamllint - Added setup.cfg for centralized configuration - Relaxed flake8 rules (B008, D* docstrings) for FastAPI compatibility - Removed bandit (pbr dependency issue) - can be added later - All pre-commit checks now passing
94 lines
3.2 KiB
JavaScript
Executable File
94 lines
3.2 KiB
JavaScript
Executable File
// Change this if your API runs elsewhere (CI, container, remote)
|
||
const API_URL = (localStorage.getItem("API_URL") || "http://127.0.0.1:8000");
|
||
document.getElementById("apiUrlLabel").textContent = API_URL;
|
||
|
||
async function api(path, options = {}) {
|
||
const res = await fetch(`${API_URL}${path}`, {
|
||
headers: { "Content-Type": "application/json" },
|
||
...options,
|
||
});
|
||
if (res.status === 204) return null;
|
||
if (!res.ok) {
|
||
const body = await res.json().catch(() => ({}));
|
||
throw new Error(body.detail || `HTTP ${res.status}`);
|
||
}
|
||
return res.json();
|
||
}
|
||
|
||
function taskCard(task) {
|
||
const div = document.createElement("div");
|
||
div.className = "task";
|
||
div.innerHTML = `
|
||
<div class="row">
|
||
<h3>${escapeHtml(task.title)}</h3>
|
||
<span class="badge">${task.status}</span>
|
||
</div>
|
||
<p>${task.description ? task.description : "<em>Pas de description</em>"}</p>
|
||
<small>id=${task.id} • créé=${new Date(task.created_at).toLocaleString()}</small>
|
||
<div class="actions">
|
||
<select data-role="status">
|
||
<option value="TODO" ${task.status === "TODO" ? "selected" : ""}>TODO</option>
|
||
<option value="DOING" ${task.status === "DOING" ? "selected" : ""}>DOING</option>
|
||
<option value="DONE" ${task.status === "DONE" ? "selected" : ""}>DONE</option>
|
||
</select>
|
||
<button class="secondary" data-role="save">Mettre à jour</button>
|
||
<button data-role="delete">Supprimer</button>
|
||
</div>
|
||
`;
|
||
|
||
div.querySelector('[data-role="save"]').addEventListener("click", async () => {
|
||
const status = div.querySelector('[data-role="status"]').value;
|
||
await api(`/tasks/${task.id}`, { method: "PUT", body: JSON.stringify({ status }) });
|
||
await refresh();
|
||
});
|
||
|
||
div.querySelector('[data-role="delete"]').addEventListener("click", async () => {
|
||
if (!confirm("Supprimer cette tâche ?")) return;
|
||
await api(`/tasks/${task.id}`, { method: "DELETE" });
|
||
await refresh();
|
||
});
|
||
|
||
return div;
|
||
}
|
||
|
||
function escapeHtml(s) {
|
||
return String(s)
|
||
.replaceAll("&", "&")
|
||
.replaceAll("<", "<")
|
||
.replaceAll(">", ">")
|
||
.replaceAll('"', """)
|
||
.replaceAll("'", "'");
|
||
}
|
||
|
||
async function refresh() {
|
||
const container = document.getElementById("tasks");
|
||
container.innerHTML = "";
|
||
try {
|
||
const tasks = await api("/tasks");
|
||
if (tasks.length === 0) {
|
||
container.innerHTML = "<p><em>Aucune tâche pour l’instant.</em></p>";
|
||
return;
|
||
}
|
||
tasks.forEach(t => container.appendChild(taskCard(t)));
|
||
} catch (e) {
|
||
container.innerHTML = `<p style="color:#b00020"><strong>Erreur:</strong> ${escapeHtml(e.message)}</p>
|
||
<p>Vérifie que l’API tourne sur <code>${API_URL}</code>.</p>`;
|
||
}
|
||
}
|
||
|
||
document.getElementById("refreshBtn").addEventListener("click", refresh);
|
||
|
||
document.getElementById("createForm").addEventListener("submit", async (ev) => {
|
||
ev.preventDefault();
|
||
const title = document.getElementById("title").value.trim();
|
||
const description = document.getElementById("description").value.trim() || null;
|
||
|
||
await api("/tasks", { method: "POST", body: JSON.stringify({ title, description }) });
|
||
|
||
document.getElementById("title").value = "";
|
||
document.getElementById("description").value = "";
|
||
await refresh();
|
||
});
|
||
|
||
refresh();
|