483 lines
24 KiB
JavaScript
483 lines
24 KiB
JavaScript
(() => {
|
||
'use strict';
|
||
|
||
const PTA = window.PTA;
|
||
if (!PTA) throw new Error('PTA core doit être chargé avant administration.js');
|
||
|
||
const { structureSelect } = PTA.elements;
|
||
const {
|
||
escapeHtml,
|
||
readJsonResponse,
|
||
apiErrorMessage,
|
||
formatDuration,
|
||
} = PTA.utils;
|
||
|
||
const typeLabel = (type) => type === 'EXTRASCOLAIRE' ? 'Extrascolaire' : 'Périscolaire';
|
||
|
||
async function saveAgentStructure(button) {
|
||
const row = button.closest('tr[data-agent-id]');
|
||
const select = row?.querySelector('.agent-structure-select');
|
||
const message = document.querySelector('#assignment-message');
|
||
if (!row || !select || !message) return;
|
||
|
||
button.disabled = true;
|
||
message.className = 'message';
|
||
message.textContent = '';
|
||
|
||
try {
|
||
const response = await fetch('api/agent_assignments.php', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
csrf_token: window.PTA_CONFIG.csrfToken,
|
||
agent_id: Number(row.dataset.agentId),
|
||
structure_id: select.value ? Number(select.value) : null,
|
||
}),
|
||
});
|
||
const data = await readJsonResponse(response);
|
||
if (!response.ok) throw new Error(apiErrorMessage(data, 'Impossible de modifier le lieu principal de l’agent.'));
|
||
|
||
message.className = 'message message-success';
|
||
message.textContent = data.message;
|
||
|
||
if (structureSelect?.value) await PTA.modules.planning?.loadAgents?.();
|
||
if (document.querySelector('#overview-structure')?.value) await PTA.modules.structureOverview?.load?.();
|
||
if (document.querySelector('#overview-agent')?.value) await PTA.modules.agentOverview?.load?.();
|
||
} catch (error) {
|
||
message.className = 'message message-error';
|
||
message.textContent = error.message;
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function saveStructureType(button) {
|
||
const row = button.closest('tr[data-structure-id]');
|
||
const select = row?.querySelector('.structure-type-select');
|
||
const message = document.querySelector('#structure-settings-message');
|
||
if (!row || !select || !message) return;
|
||
|
||
button.disabled = true;
|
||
message.className = 'message';
|
||
message.textContent = '';
|
||
|
||
try {
|
||
const response = await fetch('api/update_structure.php', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
csrf_token: window.PTA_CONFIG.csrfToken,
|
||
structure_id: Number(row.dataset.structureId),
|
||
type_affectation: select.value,
|
||
}),
|
||
});
|
||
const data = await readJsonResponse(response);
|
||
if (!response.ok) throw new Error(apiErrorMessage(data, 'Impossible de modifier le type du lieu.'));
|
||
|
||
updateStructureLabels(Number(row.dataset.structureId), select.value);
|
||
message.className = 'message message-success';
|
||
message.textContent = data.message;
|
||
|
||
if (structureSelect?.value) await PTA.modules.planning?.loadAgents?.();
|
||
if (document.querySelector('#overview-structure')?.value === String(row.dataset.structureId)) {
|
||
await PTA.modules.structureOverview?.load?.();
|
||
}
|
||
if (document.querySelector('#overview-agent')?.value) await PTA.modules.agentOverview?.load?.();
|
||
} catch (error) {
|
||
message.className = 'message message-error';
|
||
message.textContent = error.message;
|
||
} finally {
|
||
button.disabled = false;
|
||
}
|
||
}
|
||
|
||
function addOptionIfMissing(select, value, label, selected = false) {
|
||
if (!select) return;
|
||
let option = Array.from(select.options).find((item) => item.value === String(value));
|
||
if (!option) {
|
||
option = document.createElement('option');
|
||
option.value = String(value);
|
||
select.appendChild(option);
|
||
}
|
||
option.textContent = label;
|
||
if (selected) option.selected = true;
|
||
}
|
||
|
||
function structureOptionLabel(structure) {
|
||
return `${structure.nom} — ${typeLabel(structure.type_affectation)}`;
|
||
}
|
||
|
||
function addStructureEverywhere(structure) {
|
||
const id = Number(structure.id_structure);
|
||
const label = structureOptionLabel(structure);
|
||
|
||
[
|
||
document.querySelector('#structure'),
|
||
document.querySelector('#overview-structure'),
|
||
document.querySelector('#new-agent-structure'),
|
||
document.querySelector('#edit-agent-entry-structure'),
|
||
document.querySelector('#edit-agent-profile-structure'),
|
||
document.querySelector('#coverage-structure-filter'),
|
||
document.querySelector('#coverage-rules-structure'),
|
||
].forEach((select) => addOptionIfMissing(select, id, label));
|
||
|
||
document.querySelectorAll('.agent-structure-select').forEach((select) => {
|
||
addOptionIfMissing(select, id, label);
|
||
});
|
||
}
|
||
|
||
function updateStructureLabels(structureId, type) {
|
||
const source = document.querySelector(`#structure-settings-body tr[data-structure-id="${Number(structureId)}"]`);
|
||
const structureName = source?.querySelector('td strong')?.textContent?.trim();
|
||
if (!structureName) return;
|
||
const label = `${structureName} — ${typeLabel(type)}`;
|
||
|
||
document.querySelectorAll('select').forEach((select) => {
|
||
const option = Array.from(select.options).find((item) => item.value === String(structureId));
|
||
if (option && (
|
||
select.matches('#structure, #overview-structure, #new-agent-structure, #edit-agent-entry-structure, #edit-agent-profile-structure, #coverage-structure-filter, #coverage-rules-structure, .agent-structure-select')
|
||
)) {
|
||
option.textContent = label;
|
||
}
|
||
});
|
||
}
|
||
|
||
function structureOptionsHtml(selectedStructureId = null) {
|
||
const source = document.querySelector('#new-agent-structure');
|
||
if (!source) return '<option value="">Sans lieu principal</option>';
|
||
|
||
const options = ['<option value="">Sans lieu principal</option>'];
|
||
Array.from(source.options).forEach((option) => {
|
||
if (!option.value) return;
|
||
const selected = Number(option.value) === Number(selectedStructureId) ? ' selected' : '';
|
||
options.push(`<option value="${Number(option.value)}"${selected}>${escapeHtml(option.textContent.trim())}</option>`);
|
||
});
|
||
return options.join('');
|
||
}
|
||
|
||
function addStructureSettingsRow(structure) {
|
||
const body = document.querySelector('#structure-settings-body');
|
||
if (!body || body.querySelector(`tr[data-structure-id="${Number(structure.id_structure)}"]`)) return;
|
||
|
||
const row = document.createElement('tr');
|
||
row.dataset.structureId = String(Number(structure.id_structure));
|
||
row.innerHTML = `
|
||
<td><strong>${escapeHtml(structure.nom)}</strong></td>
|
||
<td>${escapeHtml(structure.code)}</td>
|
||
<td>
|
||
<select class="structure-type-select" aria-label="Type d’affectation de ${escapeHtml(structure.nom)}">
|
||
<option value="PERISCOLAIRE" ${structure.type_affectation === 'PERISCOLAIRE' ? 'selected' : ''}>Périscolaire</option>
|
||
<option value="EXTRASCOLAIRE" ${structure.type_affectation === 'EXTRASCOLAIRE' ? 'selected' : ''}>Extrascolaire</option>
|
||
</select>
|
||
</td>
|
||
<td><button type="button" class="button button-secondary save-structure-type">Enregistrer</button></td>
|
||
`;
|
||
body.appendChild(row);
|
||
}
|
||
|
||
function qualificationLabel(agent) {
|
||
if (!Number(agent.est_diplome)) return 'Non diplômé';
|
||
return agent.diplome_libelle ? `Diplômé — ${agent.diplome_libelle}` : 'Diplômé';
|
||
}
|
||
|
||
function formatContractDate(value) {
|
||
if (!value) return 'Non renseignée';
|
||
const [year, month, day] = String(value).split('-');
|
||
return year && month && day ? `${day}/${month}/${year}` : value;
|
||
}
|
||
|
||
function agentRowHtml(agent) {
|
||
const structureLabel = agent.structure_nom || agent.structure_principale_nom || 'Sans lieu principal';
|
||
return `
|
||
<td><strong class="agent-row-name">${escapeHtml(agent.prenom)} ${escapeHtml(agent.nom)}</strong></td>
|
||
<td>${escapeHtml(agent.matricule)}</td>
|
||
<td class="agent-row-post">${escapeHtml(agent.poste_libelle || 'Non renseigné')}</td>
|
||
<td class="agent-row-qualification">${escapeHtml(qualificationLabel(agent))}</td>
|
||
<td class="agent-row-phone">${escapeHtml(agent.telephone || 'Non renseigné')}</td>
|
||
<td class="agent-row-contract-start">${escapeHtml(formatContractDate(agent.date_debut_contrat))}</td>
|
||
<td class="agent-row-structure">${escapeHtml(structureLabel)}</td>
|
||
<td><button type="button" class="button button-secondary edit-agent-profile">Modifier</button></td>
|
||
`;
|
||
}
|
||
|
||
function setAgentRowData(row, agent) {
|
||
row.dataset.agentId = String(Number(agent.id_agent));
|
||
row.dataset.email = agent.email || '';
|
||
row.dataset.telephone = agent.telephone || '';
|
||
row.dataset.adresse = agent.adresse || '';
|
||
row.dataset.estDiplome = Number(agent.est_diplome) ? '1' : '0';
|
||
row.dataset.diplomeLibelle = agent.diplome_libelle || '';
|
||
row.dataset.dateDebutContrat = agent.date_debut_contrat || '';
|
||
row.dataset.dateFinContrat = agent.date_fin_contrat || '';
|
||
row.dataset.idPoste = agent.id_poste ? String(Number(agent.id_poste)) : '';
|
||
row.dataset.typeContrat = agent.type_contrat || 'PERMANENT';
|
||
row.dataset.formationRepartitionAnnuelle = Number(agent.formation_repartition_annuelle) ? '1' : '0';
|
||
row.dataset.commentairePta = agent.commentaire_pta || '';
|
||
row.dataset.structureId = agent.id_structure ? String(Number(agent.id_structure)) : '';
|
||
}
|
||
|
||
function addAgentEverywhere(agent) {
|
||
const overviewAgent = document.querySelector('#overview-agent');
|
||
addOptionIfMissing(
|
||
overviewAgent,
|
||
Number(agent.id_agent),
|
||
`${agent.prenom} ${agent.nom} (${agent.matricule})`
|
||
);
|
||
|
||
const body = document.querySelector('#agent-assignment-body');
|
||
if (body && !body.querySelector(`tr[data-agent-id="${Number(agent.id_agent)}"]`)) {
|
||
const row = document.createElement('tr');
|
||
setAgentRowData(row, agent);
|
||
row.innerHTML = agentRowHtml(agent);
|
||
body.appendChild(row);
|
||
}
|
||
}
|
||
|
||
function toggleDiplomaField(select, input) {
|
||
if (!select || !input) return;
|
||
const qualified = select.value === '1';
|
||
input.disabled = !qualified;
|
||
if (!qualified) input.value = '';
|
||
}
|
||
|
||
function openAgentProfileModal(row) {
|
||
const modal = document.querySelector('#agent-profile-modal');
|
||
if (!modal || !row) return;
|
||
|
||
document.querySelector('#edit-agent-profile-id').value = row.dataset.agentId || '';
|
||
document.querySelector('#agent-profile-modal-subtitle').textContent = row.querySelector('.agent-row-name')?.textContent?.trim() || '';
|
||
document.querySelector('#edit-agent-profile-email').value = row.dataset.email || '';
|
||
document.querySelector('#edit-agent-profile-phone').value = row.dataset.telephone || '';
|
||
document.querySelector('#edit-agent-profile-address').value = row.dataset.adresse || '';
|
||
document.querySelector('#edit-agent-profile-qualified').value = row.dataset.estDiplome === '1' ? '1' : '0';
|
||
document.querySelector('#edit-agent-profile-diploma').value = row.dataset.diplomeLibelle || '';
|
||
document.querySelector('#edit-agent-profile-contract-start').value = row.dataset.dateDebutContrat || '';
|
||
document.querySelector('#edit-agent-profile-contract-end').value = row.dataset.dateFinContrat || '';
|
||
document.querySelector('#edit-agent-profile-post').value = row.dataset.idPoste || '';
|
||
document.querySelector('#edit-agent-profile-contract-type').value = row.dataset.typeContrat || 'PERMANENT';
|
||
document.querySelector('#edit-agent-profile-training-planned').checked = row.dataset.formationRepartitionAnnuelle === '1';
|
||
document.querySelector('#edit-agent-profile-pta-comment').value = row.dataset.commentairePta || '';
|
||
document.querySelector('#edit-agent-profile-structure').value = row.dataset.structureId || '';
|
||
toggleDiplomaField(document.querySelector('#edit-agent-profile-qualified'), document.querySelector('#edit-agent-profile-diploma'));
|
||
|
||
const message = document.querySelector('#agent-profile-message');
|
||
if (message) {
|
||
message.className = 'message';
|
||
message.textContent = '';
|
||
}
|
||
modal.hidden = false;
|
||
}
|
||
|
||
function closeAgentProfileModal() {
|
||
const modal = document.querySelector('#agent-profile-modal');
|
||
if (modal) modal.hidden = true;
|
||
}
|
||
|
||
async function saveAgentProfile(event) {
|
||
event.preventDefault();
|
||
const form = event.currentTarget;
|
||
const message = document.querySelector('#agent-profile-message');
|
||
const submit = form.querySelector('button[type="submit"]');
|
||
const agentId = Number(document.querySelector('#edit-agent-profile-id').value);
|
||
if (!agentId || !message || !submit) return;
|
||
|
||
submit.disabled = true;
|
||
message.className = 'message';
|
||
message.textContent = '';
|
||
|
||
try {
|
||
const structureValue = document.querySelector('#edit-agent-profile-structure').value;
|
||
const response = await fetch('api/update_agent.php', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
csrf_token: window.PTA_CONFIG.csrfToken,
|
||
agent_id: agentId,
|
||
email: document.querySelector('#edit-agent-profile-email').value,
|
||
telephone: document.querySelector('#edit-agent-profile-phone').value,
|
||
adresse: document.querySelector('#edit-agent-profile-address').value,
|
||
est_diplome: document.querySelector('#edit-agent-profile-qualified').value === '1',
|
||
diplome_libelle: document.querySelector('#edit-agent-profile-diploma').value,
|
||
date_debut_contrat: document.querySelector('#edit-agent-profile-contract-start').value,
|
||
date_fin_contrat: document.querySelector('#edit-agent-profile-contract-end').value,
|
||
id_poste: Number(document.querySelector('#edit-agent-profile-post').value),
|
||
type_contrat: document.querySelector('#edit-agent-profile-contract-type').value,
|
||
formation_repartition_annuelle: document.querySelector('#edit-agent-profile-training-planned').checked,
|
||
commentaire_pta: document.querySelector('#edit-agent-profile-pta-comment').value,
|
||
structure_id: structureValue ? Number(structureValue) : null,
|
||
}),
|
||
});
|
||
const data = await readJsonResponse(response);
|
||
if (!response.ok) throw new Error(apiErrorMessage(data, 'Impossible de modifier les informations de l’agent.'));
|
||
|
||
const row = document.querySelector(`#agent-assignment-body tr[data-agent-id="${agentId}"]`);
|
||
if (row) {
|
||
setAgentRowData(row, data.agent);
|
||
row.innerHTML = agentRowHtml({
|
||
...data.agent,
|
||
structure_nom: data.agent.structure_principale_nom,
|
||
});
|
||
}
|
||
|
||
message.className = 'message message-success';
|
||
message.textContent = data.message;
|
||
|
||
if (structureSelect?.value) await PTA.modules.planning?.loadAgents?.();
|
||
if (document.querySelector('#overview-structure')?.value) await PTA.modules.structureOverview?.load?.();
|
||
if (document.querySelector('#overview-agent')?.value === String(agentId)) await PTA.modules.agentOverview?.load?.();
|
||
|
||
setTimeout(closeAgentProfileModal, 500);
|
||
} catch (error) {
|
||
message.className = 'message message-error';
|
||
message.textContent = error.message;
|
||
} finally {
|
||
submit.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function createStructure(event) {
|
||
event.preventDefault();
|
||
const form = event.currentTarget;
|
||
const message = document.querySelector('#create-structure-message');
|
||
const submit = form.querySelector('button[type="submit"]');
|
||
if (!message || !submit) return;
|
||
|
||
message.className = 'message';
|
||
message.textContent = '';
|
||
submit.disabled = true;
|
||
|
||
try {
|
||
const response = await fetch('api/create_structure.php', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
csrf_token: window.PTA_CONFIG.csrfToken,
|
||
code: document.querySelector('#new-structure-code').value,
|
||
nom: document.querySelector('#new-structure-name').value,
|
||
adresse: document.querySelector('#new-structure-address').value,
|
||
type_affectation: document.querySelector('#new-structure-type').value,
|
||
}),
|
||
});
|
||
const data = await readJsonResponse(response);
|
||
if (!response.ok) throw new Error(apiErrorMessage(data, 'Impossible de créer le lieu d’affectation.'));
|
||
|
||
addStructureEverywhere(data.structure);
|
||
addStructureSettingsRow(data.structure);
|
||
form.reset();
|
||
document.querySelector('#new-structure-type').value = 'PERISCOLAIRE';
|
||
message.className = 'message message-success';
|
||
message.textContent = data.message;
|
||
PTA.modules.coverage?.refresh?.({ silent: true });
|
||
} catch (error) {
|
||
message.className = 'message message-error';
|
||
message.textContent = error.message;
|
||
} finally {
|
||
submit.disabled = false;
|
||
}
|
||
}
|
||
|
||
async function createAgent(event) {
|
||
event.preventDefault();
|
||
const form = event.currentTarget;
|
||
const message = document.querySelector('#create-agent-message');
|
||
const submit = form.querySelector('button[type="submit"]');
|
||
if (!message || !submit) return;
|
||
|
||
message.className = 'message';
|
||
message.textContent = '';
|
||
submit.disabled = true;
|
||
|
||
try {
|
||
const response = await fetch('api/create_agent.php', {
|
||
method: 'POST',
|
||
headers: { 'Content-Type': 'application/json' },
|
||
body: JSON.stringify({
|
||
csrf_token: window.PTA_CONFIG.csrfToken,
|
||
matricule: document.querySelector('#new-agent-matricule').value,
|
||
nom: document.querySelector('#new-agent-name').value,
|
||
prenom: document.querySelector('#new-agent-firstname').value,
|
||
email: document.querySelector('#new-agent-email').value,
|
||
telephone: document.querySelector('#new-agent-phone').value,
|
||
adresse: document.querySelector('#new-agent-address').value,
|
||
est_diplome: document.querySelector('#new-agent-qualified').value === '1',
|
||
diplome_libelle: document.querySelector('#new-agent-diploma').value,
|
||
structure_id: Number(document.querySelector('#new-agent-structure').value),
|
||
quotite_travail: Number(document.querySelector('#new-agent-rate').value),
|
||
date_debut_contrat: document.querySelector('#new-agent-contract-start').value,
|
||
date_fin_contrat: document.querySelector('#new-agent-contract-end').value,
|
||
id_poste: Number(document.querySelector('#new-agent-post').value),
|
||
type_contrat: document.querySelector('#new-agent-contract-type').value,
|
||
formation_repartition_annuelle: document.querySelector('#new-agent-training-planned').checked,
|
||
commentaire_pta: document.querySelector('#new-agent-pta-comment').value,
|
||
}),
|
||
});
|
||
const data = await readJsonResponse(response);
|
||
if (!response.ok) throw new Error(apiErrorMessage(data, 'Impossible de créer l’agent.'));
|
||
|
||
addAgentEverywhere(data.agent);
|
||
const createdStructureId = String(data.agent.id_structure);
|
||
form.reset();
|
||
document.querySelector('#new-agent-rate').value = '100';
|
||
document.querySelector('#new-agent-contract-type').value = 'PERMANENT';
|
||
document.querySelector('#new-agent-training-planned').checked = false;
|
||
document.querySelector('#new-agent-qualified').value = '0';
|
||
toggleDiplomaField(document.querySelector('#new-agent-qualified'), document.querySelector('#new-agent-diploma'));
|
||
|
||
message.className = 'message message-success';
|
||
message.textContent = `${data.message} Quota annuel : ${formatDuration(Number(data.agent.quota_cible_minutes))}, suivi du 1er janvier au 31 décembre.`;
|
||
|
||
if (structureSelect?.value === createdStructureId) {
|
||
await PTA.modules.planning?.loadAgents?.();
|
||
}
|
||
if (document.querySelector('#overview-structure')?.value === createdStructureId) {
|
||
await PTA.modules.structureOverview?.load?.();
|
||
}
|
||
} catch (error) {
|
||
message.className = 'message message-error';
|
||
message.textContent = error.message;
|
||
} finally {
|
||
submit.disabled = false;
|
||
}
|
||
}
|
||
|
||
function init() {
|
||
document.querySelector('#agent-assignment-body')?.addEventListener('click', (event) => {
|
||
const button = event.target.closest('.edit-agent-profile');
|
||
if (button) openAgentProfileModal(button.closest('tr[data-agent-id]'));
|
||
});
|
||
|
||
document.querySelector('#structure-settings-body')?.addEventListener('click', (event) => {
|
||
const button = event.target.closest('.save-structure-type');
|
||
if (button) saveStructureType(button);
|
||
});
|
||
|
||
document.querySelector('#new-agent-qualified')?.addEventListener('change', (event) => {
|
||
toggleDiplomaField(event.currentTarget, document.querySelector('#new-agent-diploma'));
|
||
});
|
||
document.querySelector('#edit-agent-profile-qualified')?.addEventListener('change', (event) => {
|
||
toggleDiplomaField(event.currentTarget, document.querySelector('#edit-agent-profile-diploma'));
|
||
});
|
||
|
||
document.querySelector('#close-agent-profile-modal')?.addEventListener('click', closeAgentProfileModal);
|
||
document.querySelector('#cancel-agent-profile')?.addEventListener('click', closeAgentProfileModal);
|
||
document.querySelector('#agent-profile-modal')?.addEventListener('click', (event) => {
|
||
if (event.target.id === 'agent-profile-modal') closeAgentProfileModal();
|
||
});
|
||
document.querySelector('#agent-profile-form')?.addEventListener('submit', saveAgentProfile);
|
||
|
||
document.querySelector('#create-structure-form')?.addEventListener('submit', createStructure);
|
||
document.querySelector('#create-agent-form')?.addEventListener('submit', createAgent);
|
||
|
||
toggleDiplomaField(document.querySelector('#new-agent-qualified'), document.querySelector('#new-agent-diploma'));
|
||
}
|
||
|
||
PTA.modules.administration = {
|
||
init,
|
||
saveAgentStructure,
|
||
saveStructureType,
|
||
addStructureEverywhere,
|
||
addAgentEverywhere,
|
||
openAgentProfileModal,
|
||
};
|
||
})();
|