`;
- } else if (team.id !== null && !isFutureDay) {
- membersHTML = `
+ } else if (team.id !== null) {
+ membersHTML = `
(${gettext('Aucun membre')})
`;
}
@@ -5285,3 +5285,271 @@ document.addEventListener('click', function(e) {
}
}
});
+
+let _currentTeamDailyModalState = {
+ teamId: null,
+ dateStr: null,
+ teamName: '',
+};
+
+function openTeamDailyMembersModal(teamId, dateStr, teamName) {
+ if (!teamId || !dateStr) return;
+ const modalEl = document.getElementById('teamDailyMembersModal');
+ if (!modalEl || typeof bootstrap === 'undefined') return;
+
+ _currentTeamDailyModalState = { teamId, dateStr, teamName: teamName || '' };
+
+ const modal = bootstrap.Modal.getInstance(modalEl) || new bootstrap.Modal(modalEl);
+ const spinner = document.getElementById('team-daily-modal-spinner');
+ const content = document.getElementById('team-daily-modal-content');
+ const errAlert = document.getElementById('team-daily-error-alert');
+ const succAlert = document.getElementById('team-daily-success-alert');
+
+ if (errAlert) { errAlert.classList.add('d-none'); errAlert.textContent = ''; }
+ if (succAlert) { succAlert.classList.add('d-none'); succAlert.textContent = ''; }
+ if (spinner) spinner.classList.remove('d-none');
+ if (content) content.classList.add('d-none');
+
+ modal.show();
+ loadTeamDailyMembersModalData(teamId, dateStr);
+}
+
+function loadTeamDailyMembersModalData(teamId, dateStr) {
+ const spinner = document.getElementById('team-daily-modal-spinner');
+ const content = document.getElementById('team-daily-modal-content');
+ const teamNameEl = document.getElementById('team-daily-modal-team-name');
+ const companyEl = document.getElementById('team-daily-modal-company');
+ const dateDisplayEl = document.getElementById('team-daily-modal-date-display');
+ const pastAlert = document.getElementById('team-daily-past-alert');
+ const readonlyAlert = document.getElementById('team-daily-readonly-alert');
+ const membersListEl = document.getElementById('team-daily-members-list');
+ const emptyMembersEl = document.getElementById('team-daily-empty-members');
+ const membersCountEl = document.getElementById('team-daily-members-count');
+ const addSection = document.getElementById('team-daily-add-section');
+ const candidateSelect = document.getElementById('team-daily-candidate-select');
+
+ const baseUrl = typeof teamDailyMembersBaseUrl !== 'undefined' ? teamDailyMembersBaseUrl : '/interventions/calendar/team/';
+ const url = `${baseUrl}${teamId}/members/?date=${encodeURIComponent(dateStr)}`;
+
+ fetch(url, {
+ headers: { 'X-Requested-With': 'XMLHttpRequest' }
+ })
+ .then(res => {
+ if (!res.ok) throw new Error('Network error');
+ return res.json();
+ })
+ .then(data => {
+ if (teamNameEl) teamNameEl.textContent = data.team ? data.team.name : '';
+ if (companyEl) {
+ if (data.team && data.team.company) {
+ companyEl.textContent = data.team.company;
+ companyEl.classList.remove('d-none');
+ } else {
+ companyEl.classList.add('d-none');
+ }
+ }
+ if (dateDisplayEl) dateDisplayEl.textContent = data.date_display || data.date;
+
+ if (pastAlert) {
+ if (data.is_past) pastAlert.classList.remove('d-none');
+ else pastAlert.classList.add('d-none');
+ }
+
+ if (readonlyAlert) {
+ if (!data.can_edit && !data.is_past) readonlyAlert.classList.remove('d-none');
+ else readonlyAlert.classList.add('d-none');
+ }
+
+ // Render current members
+ const members = data.current_members || [];
+ if (membersCountEl) membersCountEl.textContent = members.length;
+
+ if (members.length === 0) {
+ if (membersListEl) { membersListEl.innerHTML = ''; membersListEl.classList.add('d-none'); }
+ if (emptyMembersEl) emptyMembersEl.classList.remove('d-none');
+ } else {
+ if (emptyMembersEl) emptyMembersEl.classList.add('d-none');
+ if (membersListEl) {
+ membersListEl.classList.remove('d-none');
+ membersListEl.innerHTML = members.map(m => {
+ const initials = m.name ? m.name.substring(0, 2).toUpperCase() : '??';
+ const isAbsent = Boolean(m.is_absent);
+ const absenceReason = m.absence_reason || '';
+ const isMultiTeam = Boolean(m.is_multi_team);
+ const otherNames = (m.other_teams || []).map(t => t.name).join(', ');
+
+ let badgesHtml = '';
+ if (isMultiTeam) {
+ const tooltip = otherNames ? `${gettext('Planifié aussi dans')} : ${otherNames}` : gettext('Planifié dans plusieurs équipes ce jour');
+ badgesHtml += `
${gettext('Multi-équipes')}`;
+ }
+ if (isAbsent) {
+ badgesHtml += `
${escapeHtml(absenceReason || gettext('Absent'))}`;
+ }
+
+ const removeBtnHtml = data.can_edit ? `
+
+ ` : '';
+
+ const isMemberHistoryAllowed = typeof canViewMemberHistory !== 'undefined' ? Boolean(canViewMemberHistory) : false;
+ const historyBtnHtml = isMemberHistoryAllowed ? `
+
+ ` : '';
+
+ return `
+
+
+
+ ${escapeHtml(initials)}
+
+
+ ${escapeHtml(m.name)}
+ ${badgesHtml}
+
+
+
+ ${historyBtnHtml}
+ ${removeBtnHtml}
+
+
+ `;
+ }).join('');
+ }
+ }
+
+ // Render add member candidate dropdown
+ if (data.can_edit) {
+ if (addSection) addSection.classList.remove('d-none');
+ if (candidateSelect) {
+ candidateSelect.innerHTML = `
`;
+ const available = data.available_members || [];
+ available.forEach(cand => {
+ const opt = document.createElement('option');
+ opt.value = cand.id;
+ opt.textContent = cand.name + (cand.user_display ? ` (${cand.user_display})` : '');
+ candidateSelect.appendChild(opt);
+ });
+ }
+ } else {
+ if (addSection) addSection.classList.add('d-none');
+ }
+
+ if (spinner) spinner.classList.add('d-none');
+ if (content) content.classList.remove('d-none');
+ })
+ .catch(err => {
+ console.error(err);
+ if (spinner) spinner.classList.add('d-none');
+ if (content) content.classList.remove('d-none');
+ const errAlert = document.getElementById('team-daily-error-alert');
+ if (errAlert) {
+ errAlert.textContent = gettext('Erreur lors du chargement des données.');
+ errAlert.classList.remove('d-none');
+ }
+ });
+}
+
+function assignMemberToDailyTeam(memberId, teamId, dateStr, action) {
+ const errAlert = document.getElementById('team-daily-error-alert');
+ const succAlert = document.getElementById('team-daily-success-alert');
+ if (errAlert) { errAlert.classList.add('d-none'); errAlert.textContent = ''; }
+ if (succAlert) { succAlert.classList.add('d-none'); succAlert.textContent = ''; }
+
+ const assignUrl = typeof teamPlanningAssignUrl !== 'undefined' ? teamPlanningAssignUrl : '/contracts/teams/planning/assign/';
+ const csrfToken = getCookie('csrftoken');
+
+ return fetch(assignUrl, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'X-CSRFToken': csrfToken,
+ 'X-Requested-With': 'XMLHttpRequest',
+ },
+ body: JSON.stringify({
+ member_id: parseInt(memberId),
+ team_id: action === 'unassign' ? null : (teamId ? parseInt(teamId) : null),
+ date: dateStr,
+ action: action === 'unassign' ? 'move' : (action || 'add'),
+ unassign_team_id: action === 'unassign' ? parseInt(teamId) : null,
+ })
+ })
+ .then(res => {
+ if (!res.ok) {
+ return res.json().then(data => { throw new Error(data.error || 'Erreur serveur'); });
+ }
+ return res.json();
+ })
+ .then(data => {
+ if (succAlert) {
+ succAlert.textContent = action === 'unassign' ? gettext('Membre retiré avec succès.') : gettext('Membre ajouté avec succès.');
+ succAlert.classList.remove('d-none');
+ setTimeout(() => { if (succAlert) succAlert.classList.add('d-none'); }, 3000);
+ }
+ loadTeamDailyMembersModalData(teamId, dateStr);
+ if (typeof loadCalendarData === 'function') {
+ loadCalendarData();
+ }
+ })
+ .catch(err => {
+ console.error(err);
+ if (errAlert) {
+ errAlert.textContent = err.message || gettext('Une erreur est survenue.');
+ errAlert.classList.remove('d-none');
+ }
+ });
+}
+
+document.addEventListener('click', function(e) {
+ const btnAdd = e.target.closest('#btn-team-daily-add-member');
+ if (btnAdd) {
+ e.preventDefault();
+ const candidateSelect = document.getElementById('team-daily-candidate-select');
+ const memberId = candidateSelect ? candidateSelect.value : null;
+ if (!memberId) return;
+ const { teamId, dateStr } = _currentTeamDailyModalState;
+ if (teamId && dateStr) {
+ assignMemberToDailyTeam(memberId, teamId, dateStr, 'add');
+ }
+ return;
+ }
+
+ const btnRemove = e.target.closest('.btn-team-daily-remove-member');
+ if (btnRemove) {
+ e.preventDefault();
+ const memberId = btnRemove.getAttribute('data-member-id');
+ const { teamId, dateStr } = _currentTeamDailyModalState;
+ if (memberId && teamId && dateStr) {
+ assignMemberToDailyTeam(memberId, teamId, dateStr, 'unassign');
+ }
+ return;
+ }
+
+ const teamMembersList = e.target.closest('.clickable-team-members, .team-members-list');
+ if (teamMembersList) {
+ if (e.target.closest('.member-history-link, .btn-team-daily-remove-member, #btn-team-daily-add-member')) return;
+
+ const teamId = teamMembersList.getAttribute('data-team-id');
+ const dateStr = teamMembersList.getAttribute('data-date');
+ const teamName = teamMembersList.getAttribute('data-team-name');
+ if (teamId && dateStr) {
+ e.preventDefault();
+ e.stopPropagation();
+ openTeamDailyMembersModal(teamId, dateStr, teamName);
+ }
+ }
+});
+
+const _memberHistoryModalEl = document.getElementById('memberHistoryModal');
+if (_memberHistoryModalEl) {
+ _memberHistoryModalEl.addEventListener('hidden.bs.modal', function () {
+ const teamModalEl = document.getElementById('teamDailyMembersModal');
+ if (teamModalEl && teamModalEl.classList.contains('show')) {
+ document.body.classList.add('modal-open');
+ }
+ });
+}
+
diff --git a/loko/interventions/templates/interventions/interventions_calendar.html b/loko/interventions/templates/interventions/interventions_calendar.html
index beb5967..d5ca284 100644
--- a/loko/interventions/templates/interventions/interventions_calendar.html
+++ b/loko/interventions/templates/interventions/interventions_calendar.html
@@ -745,6 +745,93 @@