132 lines
5.7 KiB
JavaScript
132 lines
5.7 KiB
JavaScript
const $ = (element) => document.getElementById(element)
|
|
|
|
const url_liste_activite = $("tableau-liste-activite").dataset.urllisteactivite
|
|
const tableau_liste_activite = new Tabulator("#tableau-liste-activite", {
|
|
columns: [
|
|
{title: "Activité", field: "titre"},
|
|
{title: "Date début", field: "date_debut"},
|
|
{title: "Date fin", field: "date_fin"},
|
|
{title: "Budget prévu", field: "budget_prevu"},
|
|
{title: "Budget dépensé", field: "budget_depense"},
|
|
{title: "Motif de changement de budget", field: "motif_changement_budget"},
|
|
{title: "Statut", field: "statut"},
|
|
],
|
|
ajaxURL: url_liste_activite,
|
|
})
|
|
tableau_liste_activite.on("rowClick", function (row, rowData) {
|
|
const data = rowData.getData();
|
|
console.log('=== ACTIVITÉ SÉLECTIONNÉE ===');
|
|
console.log('ID:', data.id);
|
|
console.log('Budget prévu:', data.budget_prevu);
|
|
console.log('Budget dépensé:', data.budget_depense);
|
|
|
|
$("idDetailActivite").value = data.id;
|
|
$("titreDetailActivite").value = data.titre;
|
|
$("descriptionDetailActivite").value = data.description;
|
|
$("date_debutDetailActivite").value = data.date_debut;
|
|
$("date_finDetailActivite").value = data.date_fin;
|
|
$("statutDetailActivite").value = data.statut;
|
|
$("budget_prevuDetailActivite").value = data.budget_prevu;
|
|
$("budget_depenseDetailActivite").value = data.budget_depense || 0;
|
|
|
|
// Vérifier si l'activité est annulée
|
|
const isAnnulee = data.statut && data.statut.toLowerCase().includes('annul');
|
|
console.log('Activité annulée?', isAnnulee);
|
|
|
|
// Masquer/Afficher les boutons d'action selon le statut
|
|
const btnAnnuler = $("btnAnnulerActivite");
|
|
const btnMiseAJour = $("btnMiseAJourDepense");
|
|
const btnAjouterLivrable = $("btnOuvrirAjouterLivrable");
|
|
|
|
if (isAnnulee) {
|
|
// Activité annulée : masquer les boutons
|
|
if (btnAnnuler) btnAnnuler.style.display = "none";
|
|
if (btnMiseAJour) btnMiseAJour.style.display = "none";
|
|
if (btnAjouterLivrable) btnAjouterLivrable.style.display = "none";
|
|
console.log('✓ Boutons masqués - activité annulée');
|
|
} else {
|
|
// Activité active : afficher les boutons
|
|
if (btnAnnuler) btnAnnuler.style.display = "block";
|
|
if (btnMiseAJour) btnMiseAJour.style.display = "block";
|
|
if (btnAjouterLivrable) btnAjouterLivrable.style.display = "block";
|
|
console.log('✓ Boutons affichés - activité active');
|
|
}
|
|
|
|
// Vérifier si les budgets sont différents
|
|
const budgetPrevu = parseFloat(data.budget_prevu) || 0;
|
|
const budgetDepense = parseFloat(data.budget_depense) || 0;
|
|
const isDifferent = budgetDepense !== budgetPrevu;
|
|
|
|
console.log('Budget prévu:', budgetPrevu);
|
|
console.log('Budget dépensé:', budgetDepense);
|
|
console.log('Sont-ils différents?', isDifferent);
|
|
|
|
// Masquer/Afficher le conteneur du motif
|
|
const motifContainer = $("motif_container");
|
|
if (motifContainer) {
|
|
if (isDifferent) {
|
|
motifContainer.style.display = "block";
|
|
$("motif_changement_budgetDetailActivite").value = data.motif_changement_budget || "";
|
|
console.log('✓ Motif AFFICHÉ - budgets différents');
|
|
} else {
|
|
motifContainer.style.display = "none";
|
|
$("motif_changement_budgetDetailActivite").value = "";
|
|
console.log('✓ Motif MASQUÉ - budgets identiques');
|
|
}
|
|
} else {
|
|
console.error('❌ Élément motif_container introuvable!');
|
|
}
|
|
|
|
$("besoin_ressources_materiellesDetailActivite").value = data.besoin_ressource_materielle;
|
|
const modal = new bootstrap.Modal($("modalDetailActivite"));
|
|
modal.show();
|
|
|
|
const url_livrables = `/gestion-projet/activite/liste-des-livrables/${data.id}/`;
|
|
console.log('URL des livrables:', url_livrables);
|
|
|
|
fetch(url_livrables)
|
|
.then(response => {
|
|
console.log('Réponse status:', response.status);
|
|
return response.json();
|
|
})
|
|
.then(livrables => {
|
|
console.log('Livrables reçus:', livrables);
|
|
console.log('Nombre de livrables:', livrables.length);
|
|
tableau_liste_livrable.setData(livrables);
|
|
$("nombreLivrables").textContent = livrables.length;
|
|
console.log('Tableau mis à jour avec', livrables.length, 'livrables');
|
|
})
|
|
.catch(error => {
|
|
console.error(' Erreur lors du chargement des livrables:', error);
|
|
tableau_liste_livrable.setData([]);
|
|
$("nombreLivrables").textContent = 0;
|
|
})
|
|
})
|
|
|
|
const tableau_liste_livrable = new Tabulator("#listeLivrables", {
|
|
columns: [
|
|
{title: "Livrable", field: "titre"},
|
|
{title: "Lien du livrable", field: "lien", formatter: "link", formatterParams: {blank: true}},
|
|
],
|
|
placeholder: "Aucun livrable trouvé",
|
|
})
|
|
console.log('✓ Tableau des livrables initialisé');
|
|
|
|
$("btnMiseAJourDepense").addEventListener("click", function() {
|
|
const modal = new bootstrap.Modal($("modalDepenseActivite"));
|
|
bootstrap.Modal.getOrCreateInstance($("modalDetailActivite")).hide();
|
|
const idActivite = $("idDetailActivite").value;
|
|
const budgetPrevu = $("budget_prevuDetailActivite").value;
|
|
|
|
$("id_activite_depense").value = idActivite;
|
|
$("budget_prevu").value = budgetPrevu;
|
|
modal.show();
|
|
})
|
|
|
|
$("btnAnnulerActivite").addEventListener("click", function(event) {
|
|
new bootstrap.Modal($("modalAnnulerActivite")).show();
|
|
$("id_activite_annulation").value = $("idDetailActivite").value;
|
|
bootstrap.Modal.getOrCreateInstance($("modalDetailActivite")).hide();
|
|
})
|
|
|