FroSteel/Planification
Public Access
2
2
Fork 1
Code Issues Pull Requests Releases 48 Wiki Activity

v5.0.1 — Refonte topbar : horloge HH:MM + compteur session EV + admin caché (5 clics titre)

Browse Source
This commit is contained in:
Quentin Rouiller
2026-04-20 13:21:16 +02:00
parent c59abbed23
commit 6d3058028f
5 changed files with 1176 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
background.js
+266
View File
@@ -423,6 +423,232 @@ async function submitDouchette(origin, phpsessid, opts) {
}
}
// ============================================================================
// v5.0.0 : Suppression d'une absence ou d'une réservation
// ============================================================================
/**
* Supprime un item du planning (absence ou réservation) côté EasyVista.
*
* v5.0.1 : l'endpoint exact n'est pas totalement certain selon les versions
* EasyVista. On essaye plusieurs `function_name` jusqu'à trouver celui qui
* marche. Un "status 200" ne garantit pas que ça a été supprimé (l'API peut
* répondre 200 même sur un nom de fonction inconnu), mais ça + le reload
* post-suppression donne un bon signal : si le ticket est toujours là après
* reload, on réessaye avec le nom suivant.
*
* Pour l'absence, dans le HTML le bouton "Supprimer" appelle :
* onclick="g_arr_player[N].delete_absence();"
* qui fait probablement un GET /planning_updator_xhr.php?function_name=...
* mais le nom exact varie (peut être "delete_absence", "Planning_delete_absence",
* "fc_delete_absence", etc.)
*
* @param {string} origin
* @param {string} phpsessid
* @param {string} actionId - ID de l'action à supprimer
* @param {string} kind - "absence" ou "reservation"
*/
async function deletePlanningItem(origin, phpsessid, actionId, kind) {
if (!actionId) throw new Error("actionId manquant");
// v5.0.1 : plusieurs function_name à tester dans l'ordre (du plus probable
// au moins probable). Le premier qui renvoie 200 ET non-login est considéré OK.
const fnNames = kind === "reservation"
? [
"Planning_delete_reservation",
"delete_reservation",
"fc_delete_reservation"
]
: [
"delete_absence", // nom JS "brut" vu dans le onclick
"Planning_delete_absence",
"fc_delete_absence"
];
let lastErr = null;
let lastBody = null;
for (const fn of fnNames) {
const url = `${origin}/planning_updator_xhr.php`
+ `?PHPSESSID=${encodeURIComponent(phpsessid)}`
+ `&function_name=${encodeURIComponent(fn)}`
+ `&action_id=${encodeURIComponent(actionId)}`;
console.log(`[bg] deletePlanningItem → tente function_name=${fn}`, url.substring(0, 180));
try {
const r = await fetch(url, { method: "GET", credentials: "include" });
const body = await r.text();
console.log(`[bg] status=${r.status} | body (200 premiers chars) : ${(body || "").substring(0, 200)}`);
if (r.status === 401 || r.status === 403) {
throw new Error("session_expired");
}
if (!r.ok) {
lastErr = new Error("HTTP " + r.status);
continue; // tente le prochain
}
if (looksLikeLoginPage(body)) {
throw new Error("session_expired");
}
// v5.0.1 : heuristique pour détecter si la suppression a marché.
// EasyVista renvoie typiquement :
// - une chaine vide ou "ok" ou "1" si succès
// - un message d'erreur / html d'erreur si function_name inconnu
// On considère que tout ce qui n'est pas un message d'erreur évident
// est un succès. Si plusieurs fn renvoient 200, on prend le premier.
const trimmed = (body || "").trim().toLowerCase();
const looksLikeError = trimmed.includes("error")
|| trimmed.includes("erreur")
|| trimmed.includes("unknown function")
|| trimmed.includes("fonction inconnue")
|| trimmed.includes("<html");
if (!looksLikeError) {
console.log(`[bg] → suppression OK avec function_name=${fn}`);
return { status: r.status, functionName: fn, body: body.substring(0, 200) };
}
console.log(`[bg] → réponse ressemble à une erreur, on tente le prochain nom`);
lastBody = body;
} catch (err) {
if (err.message === "session_expired") throw err;
console.warn(`[bg] erreur avec ${fn}:`, err);
lastErr = err;
}
}
// Aucun n'a fonctionné
throw new Error("Aucun endpoint de suppression n'a fonctionné. "
+ (lastBody ? "Dernière réponse : " + lastBody.substring(0, 100) : "")
+ (lastErr ? " | " + lastErr.message : ""));
}
// ============================================================================
// v5.0.0 : Détection de la liste des techniciens depuis la page planning EV
// ============================================================================
/**
* v5.0.1 : Détection de la liste complète des membres du groupe EasyVista
* (pas seulement l'équipe de 8 hardcodée).
*
* Stratégie :
* 1) Fetch la page planning principale pour récupérer le `support_ids` actuel
* et le `group_id`.
* 2) Fetch ensuite `/include/components/staff/planning/plan_view_group_supports.php`
* avec ce group_id, qui retourne le HTML d'une popup listant tous les membres
* du groupe avec leur ID et leur nom.
* 3) Parser ce HTML pour extraire les paires (id, nom).
*
* Retourne un tableau d'objets { id, name, alreadyInTeam }.
*/
async function detectTeamFromEV(origin, phpsessid) {
// Étape 1 : récupérer support_ids et group_id
const planUrl = origin + "/index.php?PHPSESSID=" + encodeURIComponent(phpsessid)
+ "&eventName=HelpDesk_PlanningItem";
console.log("[bg] detectTeamFromEV → planning page", planUrl.substring(0, 140));
let planHtml = "";
try {
const r = await fetch(planUrl, { method: "GET", credentials: "include" });
if (!r.ok) throw new Error("HTTP " + r.status);
planHtml = await r.text();
if (looksLikeLoginPage(planHtml)) throw new Error("session_expired");
} catch (e) {
console.warn("[bg] detectTeam: fetch planning failed:", e);
throw e;
}
// Extraire support_ids et group_id
const mSupport = planHtml.match(/name=["']support_ids["'][^>]*\bvalue=["']([0-9,]+)["']/i);
const mGroup = planHtml.match(/name=["']plan_group_id["'][^>]*\bvalue=["'](\d+)["']/i)
|| planHtml.match(/[?&]group_id=(\d+)/);
const supportIds = mSupport ? mSupport[1] : "";
const groupId = mGroup ? mGroup[1] : "191";
console.log("[bg] support_ids =", supportIds, "| group_id =", groupId);
// Étape 2 : fetch la popup de sélection des intervenants du groupe
const popupUrl = origin + "/include/components/staff/planning/plan_view_group_supports.php"
+ "?PHPSESSID=" + encodeURIComponent(phpsessid)
+ "&eventName="
+ "&theme="
+ "&support_ids=" + encodeURIComponent(supportIds)
+ "&group_id=" + encodeURIComponent(groupId);
console.log("[bg] detectTeamFromEV → popup group_supports", popupUrl.substring(0, 140));
let popupHtml = "";
try {
const r = await fetch(popupUrl, { method: "GET", credentials: "include" });
if (!r.ok) throw new Error("HTTP " + r.status + " sur popup group");
popupHtml = await r.text();
if (looksLikeLoginPage(popupHtml)) throw new Error("session_expired");
} catch (e) {
console.warn("[bg] detectTeam: fetch popup failed:", e);
// Fallback : on retourne au moins les IDs actuels avec noms vides
const idsCsv = supportIds;
const ids = idsCsv ? idsCsv.split(",").filter(Boolean) : [];
return { ids: ids.map(id => ({ id, name: "? (" + id + ")", alreadyInTeam: true })) };
}
// Étape 3 : parser le HTML. La structure typique EV :
// <input type="checkbox" name="..." value="76272"> ... Ciuppa, Mathieu ...
// Ou bien :
// <tr ...><td>76272</td><td>Ciuppa, Mathieu</td>...
// <option value="76272">Ciuppa, Mathieu</option>
// On tente plusieurs patterns.
const results = [];
const currentIdsSet = new Set((supportIds || "").split(",").filter(Boolean));
// Pattern 1 : checkboxes + texte voisin
// "<input ... value="76272" ...>(...)Ciuppa, Mathieu(...)"
const rxCheckbox = /<input[^>]*type=["']checkbox["'][^>]*value=["'](\d{4,7})["'][^>]*>([\s\S]{0,300}?)(?=<input|<\/tr|<\/table|$)/gi;
let mC;
while ((mC = rxCheckbox.exec(popupHtml)) !== null) {
const id = mC[1];
const context = mC[2];
// Extraire le 1er "Nom, Prénom" ou mot significatif
const nameMatch = context.match(/([A-ZÀ-ÿ][A-Za-zÀ-ÿ\-']+,\s*[A-ZÀ-ÿ][A-Za-zÀ-ÿ\-' \.]+)/);
const name = nameMatch ? nameMatch[1].trim() : null;
if (!results.some(r => r.id === id)) {
results.push({ id, name: name || "? (" + id + ")", alreadyInTeam: currentIdsSet.has(id) });
}
}
// Pattern 2 : fallback <option value="76272">Nom...</option>
if (results.length === 0) {
const rxOption = /<option[^>]*value=["'](\d{4,7})["'][^>]*>([^<]+)<\/option>/gi;
let mO;
while ((mO = rxOption.exec(popupHtml)) !== null) {
const id = mO[1];
const name = (mO[2] || "").trim();
if (!results.some(r => r.id === id)) {
results.push({ id, name: name || "? (" + id + ")", alreadyInTeam: currentIdsSet.has(id) });
}
}
}
// Pattern 3 : fallback "76272 - Nom, Prénom" brut dans le texte
if (results.length === 0) {
const rxBrut = /\b(\d{4,7})\s*[-–:]\s*([A-ZÀ-ÿ][A-Za-zÀ-ÿ\-']+,\s*[A-ZÀ-ÿ][A-Za-zÀ-ÿ\-' \.]+)/g;
let mB;
while ((mB = rxBrut.exec(popupHtml)) !== null) {
const id = mB[1];
const name = mB[2].trim();
if (!results.some(r => r.id === id)) {
results.push({ id, name, alreadyInTeam: currentIdsSet.has(id) });
}
}
}
// Ajouter les IDs actuels manquants (sans nom)
for (const id of currentIdsSet) {
if (!results.some(r => r.id === id)) {
results.push({ id, name: "? (" + id + ")", alreadyInTeam: true });
}
}
console.log("[bg] " + results.length + " personnes détectées dans le groupe");
return { ids: results, groupId: groupId };
}
// ============================================================================
// Messages du viewer
// ============================================================================
@@ -585,6 +811,46 @@ chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
return;
}
if (msg.type === "deletePlanningItem") {
// v5.0.0 : supprime une absence ou réservation côté EasyVista.
// Endpoint : /planning_updator_xhr.php?function_name=...&action_id=...
// Exemples de function_name :
// - Planning_delete_absence
// - Planning_delete_reservation
const session = await findEasyVistaSession();
if (!session) {
sendResponse({ ok: false, error: "no_session" });
return;
}
try {
const result = await deletePlanningItem(
session.origin, session.phpsessid, msg.actionId, msg.kind
);
sendResponse({ ok: true, result });
} catch (err) {
sendResponse({ ok: false, error: err.message || String(err) });
}
return;
}
if (msg.type === "detectTeam") {
// v5.0.0 : détecte la liste des IDs de techniciens depuis le HTML
// v5.0.1 : retourne aussi les noms via la popup group_supports
const session = await findEasyVistaSession();
if (!session) {
sendResponse({ ok: false, error: "no_session" });
return;
}
try {
const result = await detectTeamFromEV(session.origin, session.phpsessid);
// result = { ids: [{id,name,alreadyInTeam}, ...], groupId }
sendResponse({ ok: true, members: result.ids, groupId: result.groupId });
} catch (err) {
sendResponse({ ok: false, error: err.message || String(err) });
}
return;
}
if (msg.type === "cleanupOldCaches") {
const removed = await cleanupOldCaches(msg.daysToKeep || 7);
sendResponse({ ok: true, removed });