`;
- html += `
${new Intl.DateTimeFormat("fr-FR", { month: "long" }).format(this.currentMonth)}
${this.generateMonthHTML(y, m)}
`;
- html += `
${new Intl.DateTimeFormat("fr-FR", { month: "long" }).format(nextDate)}
${this.generateMonthHTML(nextDate.getFullYear(), nextDate.getMonth())}
`;
+ html += `
${new Intl.DateTimeFormat(lang, { month: "long" }).format(this.currentMonth)}
${this.generateMonthHTML(y, m)}
`;
+ html += `
${new Intl.DateTimeFormat(lang, { month: "long" }).format(nextDate)}
${this.generateMonthHTML(nextDate.getFullYear(), nextDate.getMonth())}
`;
+ html += `
`;
+ [d1, d2, d3].forEach((d) => {
+ html += `
${new Intl.DateTimeFormat("fr-FR", { month: "long" }).format(d)}
${this.generateMonthHTML(d.getFullYear(), d.getMonth())}
`;
+ });
html += `
';
- for (let i = 8; i < 12; i++)
- html += `
${new Intl.DateTimeFormat("fr-FR", { month: "long" }).format(new Date(startYear, i))}
${this.generateMonthHTML(startYear, i)}
`;
- for (let i = 0; i < 8; i++)
- html += `
${new Intl.DateTimeFormat("fr-FR", { month: "long" }).format(new Date(startYear + 1, i))}
${this.generateMonthHTML(startYear + 1, i)}
`;
- html += "
-
${person.prefix}
-
`;
+ html += `
+
${person.prefix.toUpperCase()}
+
`;
["CP", "JRA", "JA"].forEach((type) => {
- // Utilisation des données pré-calculées par calculateMonthlyBalances()
- const info = this.monthlyLeaveBalances[person.id]?.[type]?.[ym];
- const start = info ? info.availableAtMonthStart : 0;
- const used = info ? info.usedInMonth : 0;
- const end = Math.max(0, start - used);
+ // Solde de départ = celui du PREMIER mois affiché
+ const startInfo =
+ this.monthlyLeaveBalances[person.id]?.[type]?.[monthsToDisplay[0]];
+ const startBal = startInfo ? startInfo.availableAtMonthStart : 0;
+ // Jours posés = Somme sur TOUS les mois affichés
+ let totalUsed = 0;
+ monthsToDisplay.forEach((ym) => {
+ const info = this.monthlyLeaveBalances[person.id]?.[type]?.[ym];
+ if (info) totalUsed += info.usedInMonth;
+ });
+
+ // Solde de fin (théorique) à la fin de la période
+ const endBal = Math.max(0, startBal - totalUsed);
const fmt = (n) =>
n > 0 ? (Number.isInteger(n) ? n : n.toFixed(1)) : "0";
- html += `
-
${type}
-
-
▶${fmt(start)}
-
➖${fmt(used)}
-
⏸${fmt(end)}
-
+ // Petit badge rouge uniquement s'il y a des congés posés
+ const usedHtml =
+ totalUsed > 0
+ ? `
-${fmt(totalUsed)}`
+ : "";
+
+ html += `
+ ${type}
+ ${fmt(endBal)}
+ ${usedHtml}
`;
});
-
- html += `
`;
+ html += `
`;
});
-
container.innerHTML = html;
}
- // Force le menu déroulant du récapitulatif à se caler sur le mois affiché
syncSummaryWithMonth() {
const typeSelect = document.getElementById("summType");
const valueSelect = document.getElementById("summValue");
- if (typeSelect && valueSelect && this.viewMode === "1month") {
+ if (typeSelect && valueSelect) {
+ // Le récap se synchronise avec le PREMIER mois affiché de la période
const ym = `${this.currentMonth.getFullYear()}-${String(this.currentMonth.getMonth() + 1).padStart(2, "0")}`;
- // Si on passe d'année à mois, on doit forcer le peuplement du select
if (typeSelect.value !== "month") {
typeSelect.value = "month";
- typeSelect.dispatchEvent(new Event("change")); // Déclenche populateValues()
+ typeSelect.dispatchEvent(new Event("change"));
}
-
- // On sélectionne le mois actuel
valueSelect.value = ym;
this.updateGlobalSummary();
}