forked from FroSteel/Planification
v2026.5.26 — Badge user-badge cliquable + auto-détection EV à l'ouverture admin
This commit is contained in:
Quentin Rouiller
@@ -327,24 +327,60 @@ function markSessionActivity() {
|
||||
// v4.2 : fetche l'utilisateur EasyVista connecté (via background.js) et
|
||||
// l'affiche dans la topbar. En cas d'échec ou si aucun nom n'est trouvé,
|
||||
// le badge reste caché.
|
||||
// v2026.5.26 : en cas d'échec, afficher quand même un rond vide avec "?"
|
||||
// pour que l'user puisse ouvrir le popup (bouton Paramètres). Et retry
|
||||
// automatique toutes les 60s (max 10 essais = 10 min) pour récupérer le user
|
||||
// dès qu'il devient disponible (ex: après reconnexion SSO).
|
||||
let _currentUserRetryCount = 0;
|
||||
const _CURRENT_USER_MAX_RETRIES = 10;
|
||||
const _CURRENT_USER_RETRY_DELAY_MS = 60 * 1000;
|
||||
|
||||
async function fetchAndShowCurrentUser() {
|
||||
let success = false;
|
||||
try {
|
||||
const resp = await sendMessage({ type: "fetchCurrentUser" });
|
||||
if (!resp || !resp.ok || !resp.user) return;
|
||||
const badge = document.getElementById("user-badge");
|
||||
if (!badge) return;
|
||||
const fullName = resp.user.name || resp.user.login || null;
|
||||
if (!fullName) return;
|
||||
const initials = computeUserInitials(fullName);
|
||||
badge.textContent = initials;
|
||||
badge.title = fullName;
|
||||
// v4.2.3 : couleur unique dérivée du nom, dans la palette neutre du thème
|
||||
badge.style.setProperty("--user-badge-color", colorFromName(fullName));
|
||||
badge.classList.remove("hidden");
|
||||
state.currentUser = resp.user;
|
||||
if (resp && resp.ok && resp.user) {
|
||||
const badge = document.getElementById("user-badge");
|
||||
if (badge) {
|
||||
const fullName = resp.user.name || resp.user.login || null;
|
||||
if (fullName) {
|
||||
const initials = computeUserInitials(fullName);
|
||||
badge.textContent = initials;
|
||||
badge.title = fullName;
|
||||
badge.style.setProperty("--user-badge-color", colorFromName(fullName));
|
||||
badge.classList.remove("hidden");
|
||||
badge.classList.remove("user-badge-unknown");
|
||||
state.currentUser = resp.user;
|
||||
success = true;
|
||||
_currentUserRetryCount = 0; // reset au succès
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
console.warn("[currentUser] fetch failed:", err);
|
||||
}
|
||||
|
||||
// v2026.5.26 : échec → afficher rond vide avec "?" + scheduler retry
|
||||
if (!success) {
|
||||
const badge = document.getElementById("user-badge");
|
||||
if (badge) {
|
||||
badge.textContent = "?";
|
||||
badge.title = "Utilisateur inconnu — cliquer pour accéder aux paramètres";
|
||||
badge.style.setProperty("--user-badge-color", "#6b7280");
|
||||
badge.classList.remove("hidden");
|
||||
badge.classList.add("user-badge-unknown");
|
||||
}
|
||||
// Schedule retry si pas trop d'essais
|
||||
if (_currentUserRetryCount < _CURRENT_USER_MAX_RETRIES) {
|
||||
_currentUserRetryCount++;
|
||||
console.log(`[currentUser] retry ${_currentUserRetryCount}/${_CURRENT_USER_MAX_RETRIES} dans ${_CURRENT_USER_RETRY_DELAY_MS / 1000}s`);
|
||||
setTimeout(() => {
|
||||
fetchAndShowCurrentUser();
|
||||
}, _CURRENT_USER_RETRY_DELAY_MS);
|
||||
} else {
|
||||
console.warn("[currentUser] max retries atteint, arrêt");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// v4.2.3 : calcule les initiales depuis un nom au format "Nom, Prénom" ou
|
||||
@@ -400,14 +436,20 @@ function toggleUserNamePopup() {
|
||||
hideUserNamePopup();
|
||||
return;
|
||||
}
|
||||
if (!state.currentUser || !state.currentUser.name) return;
|
||||
|
||||
// v2026.5.17 : afficher aussi le temps restant de la session (MM:SS) avec
|
||||
// une couleur qui dépend du seuil (vert/jaune/rouge).
|
||||
// v2026.5.26 : si user inconnu, afficher "Utilisateur inconnu" + retry + réglages
|
||||
popup.innerHTML = "";
|
||||
const nameEl = document.createElement("div");
|
||||
nameEl.className = "user-name-popup-name";
|
||||
nameEl.textContent = state.currentUser.name;
|
||||
if (state.currentUser && state.currentUser.name) {
|
||||
nameEl.textContent = state.currentUser.name;
|
||||
} else {
|
||||
nameEl.textContent = "Utilisateur inconnu";
|
||||
nameEl.style.fontStyle = "italic";
|
||||
nameEl.style.color = "var(--text-muted)";
|
||||
}
|
||||
popup.appendChild(nameEl);
|
||||
|
||||
const sessEl = document.createElement("div");
|
||||
@@ -1714,17 +1756,9 @@ function renderAdminSectionTeam(container, cfg, saveFn) {
|
||||
|
||||
tableWrap.appendChild(table);
|
||||
|
||||
// Bouton Ajouter manuellement
|
||||
const addBtn = document.createElement("button");
|
||||
addBtn.type = "button";
|
||||
addBtn.className = "btn btn-secondary";
|
||||
addBtn.textContent = "+ Ajouter manuellement";
|
||||
addBtn.style.marginTop = "10px";
|
||||
addBtn.addEventListener("click", () => {
|
||||
rows.push({ id: "", name: "", included: true, days: [] });
|
||||
render();
|
||||
});
|
||||
tableWrap.appendChild(addBtn);
|
||||
// v2026.5.26 : bouton "+ Ajouter manuellement" retiré. La liste complète
|
||||
// des techniciens du groupe est chargée automatiquement depuis EasyVista
|
||||
// à l'ouverture du panel admin (voir auto-détection plus bas).
|
||||
|
||||
// Bouton Enregistrer
|
||||
const saveBtn = document.createElement("button");
|
||||
@@ -1750,6 +1784,36 @@ function renderAdminSectionTeam(container, cfg, saveFn) {
|
||||
}
|
||||
|
||||
render();
|
||||
|
||||
// v2026.5.26 : auto-détection EasyVista à l'ouverture du panel admin.
|
||||
// On lance en arrière-plan (non-bloquant), et on merge avec cfg.team actuel
|
||||
// quand le résultat arrive. Les techs actuellement en cfg.team restent
|
||||
// cochés par défaut ; les nouveaux détectés du groupe apparaissent non-cochés.
|
||||
(async () => {
|
||||
try {
|
||||
const resp = await sendMessage({ type: "detectTeam" });
|
||||
if (resp && resp.ok && resp.members && resp.members.length) {
|
||||
for (const m of resp.members) {
|
||||
const existing = rows.find(r => r.id === m.id);
|
||||
if (existing) {
|
||||
if (m.name && !m.name.startsWith("?") && existing.name.startsWith("?")) {
|
||||
existing.name = m.name;
|
||||
}
|
||||
} else {
|
||||
rows.push({
|
||||
id: m.id,
|
||||
name: m.name || "? (" + m.id + ")",
|
||||
included: !!m.alreadyInTeam,
|
||||
days: []
|
||||
});
|
||||
}
|
||||
}
|
||||
render();
|
||||
}
|
||||
} catch (err) {
|
||||
console.warn("[admin auto-detect]", err);
|
||||
}
|
||||
})();
|
||||
}
|
||||
|
||||
// v5.0.0 : sections suivantes (placeholders, à enrichir v5.0.1+)
|
||||
@@ -6642,11 +6706,25 @@ function pinTooltip() {
|
||||
// Service : prendre les 2 dernières parties séparées par "/"
|
||||
// Ex: "AdmCV/DJES/SSCM/SSCM - Admin/TEO - OS" → "SSCM - Admin/TEO - OS"
|
||||
// "AdmCV/OJV/JPX/JPX Lavaux-Oron" → "JPX/JPX Lavaux-Oron"
|
||||
// v2026.5.26 : dans le DERNIER segment seulement, couper au " - " (espace
|
||||
// tiret espace) pour retirer les descriptions longues. Les
|
||||
// noms propres comme "Lavaux-Oron" (sans espaces) sont préservés.
|
||||
// Ex: "AdmCV/DJES/SSCM/SPOP - Centre administratif" → "SSCM/SPOP"
|
||||
// "AdmCV/OJV/JPX/JPX Lavaux-Oron" → "JPX/JPX Lavaux-Oron" (inchangé)
|
||||
const serviceRaw = (info.service) || iv.categoryLine || "";
|
||||
if (serviceRaw) {
|
||||
const parts = serviceRaw.split("/").map(s => s.trim()).filter(Boolean);
|
||||
const last2 = parts.slice(-2).join("/");
|
||||
popup.dataset.service = last2;
|
||||
let last2 = parts.slice(-2);
|
||||
// Couper au " - " dans le DERNIER élément de last2
|
||||
if (last2.length > 0) {
|
||||
const lastIdx = last2.length - 1;
|
||||
const lastSeg = last2[lastIdx];
|
||||
const dashIdx = lastSeg.indexOf(" - ");
|
||||
if (dashIdx > 0) {
|
||||
last2[lastIdx] = lastSeg.substring(0, dashIdx).trim();
|
||||
}
|
||||
}
|
||||
popup.dataset.service = last2.join("/");
|
||||
} else {
|
||||
popup.dataset.service = "";
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user