Affichage des livrables sur les details de l'activité
This commit is contained in:
Fatimac2804
@@ -1,58 +1,111 @@
|
||||
<div class="modal fade" id="modalDetailActivite" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal fade" id="modalDetailActivite" tabindex="-1"
|
||||
aria-labelledby="modalDetailActiviteLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-orange-dark">
|
||||
<h5 class="modal-title">Détails de l'activité</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
<div class="modal-header bg-orange-dark text-black">
|
||||
<h5 class="modal-title" id="modalDetailActiviteLabel">
|
||||
<i class="bi bi-clipboard-check me-2"></i>
|
||||
Détails de l'activité
|
||||
</h5>
|
||||
<button type="button"class="btn-close btn-close-white" data-bs-dismiss="modal"
|
||||
aria-label="Fermer">
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="modal-body" data-url-livrables="{% url 'gestion_projet:liste-livrables-activite' activite_id=0 %}">
|
||||
<input type="hidden" id="idDetailActivite">
|
||||
<div class="row g-3">
|
||||
<div class="">
|
||||
<input type="hidden" id="idDetailActivite">
|
||||
<div class="form-group mb-2">
|
||||
<label>Titre :</label>
|
||||
<input type="text" class="form-control" id="titreDetailActivite">
|
||||
<div class="col-12">
|
||||
<label for="titreDetailActivite" class="form-label fw-bold">
|
||||
Titre :
|
||||
</label>
|
||||
<input type="text"class="form-control" id="titreDetailActivite"readonly>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="descriptionDetailActivite" class="form-label fw-bold">
|
||||
Description :
|
||||
</label>
|
||||
<textarea class="form-control"id="descriptionDetailActivite" rows="3" readonly></textarea>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="date_debutDetailActivite"class="form-label fw-bold">
|
||||
Date de début :
|
||||
</label>
|
||||
<input type="date"class="form-control"id="date_debutDetailActivite"readonly>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="date_finDetailActivite"class="form-label fw-bold">
|
||||
Date de fin :
|
||||
</label>
|
||||
<input type="date"class="form-control"id="date_finDetailActivite"readonly>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="statutDetailActivite" class="form-label fw-bold">
|
||||
Statut :
|
||||
</label>
|
||||
<input type="text"class="form-control"id="statutDetailActivite"readonly>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="budget_prevuDetailActivite"class="form-label fw-bold">
|
||||
Budget prévu :
|
||||
</label>
|
||||
<input type="number"class="form-control" id="budget_prevuDetailActivite"readonly>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="budget_depenseDetailActivite"class="form-label fw-bold">
|
||||
Montant dépensé (GNF) :
|
||||
</label>
|
||||
<input type="number"class="form-control" id="budget_depenseDetailActivite"readonly>
|
||||
</div>
|
||||
<div class="col-12" id="motif_container">
|
||||
<label for="motif_changement_budgetDetailActivite"class="form-label fw-bold">
|
||||
Motif de différence :
|
||||
</label>
|
||||
<textarea class="form-control"id="motif_changement_budgetDetailActivite"rows="2"readonly></textarea>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label for="besoin_ressources_materiellesDetailActivite"class="form-label fw-bold">
|
||||
Besoin de ressources matérielles :
|
||||
</label>
|
||||
<textarea class="form-control"id="besoin_ressources_materiellesDetailActivite"rows="3"readonly></textarea>
|
||||
</div>
|
||||
<div class="col-12 mt-4">
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-3">
|
||||
<h5 class="mb-0 fw-bold">
|
||||
<i class="bi bi-box-seam me-2"></i>
|
||||
Liste des livrables
|
||||
</h5>
|
||||
<span class="badge bg-primary" id="nombreLivrables">
|
||||
0
|
||||
</span>
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Description :</label>
|
||||
<textarea class="form-control" id="descriptionDetailActivite"></textarea>
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Date de début :</label>
|
||||
<input type="date" class="form-control" id="date_debutDetailActivite">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Date de fin :</label>
|
||||
<input type="date" class="form-control" id="date_finDetailActivite">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Statut:</label>
|
||||
<input type="text" class="form-control" id="statutDetailActivite">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Budget prévu :</label>
|
||||
<input type="number" class="form-control" id="budget_prevuDetailActivite">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Besoin de ressources matérielles:</label>
|
||||
<textarea class="form-control" id="besoin_ressources_materiellesDetailActivite"></textarea>
|
||||
</div>
|
||||
<p><strong>Liste des livrables :</strong></p>
|
||||
<div id="listeLivrables"></div>
|
||||
<button class="btn btn-danger d-block mx-auto" id="btnAnnulerActivite">
|
||||
</div>
|
||||
|
||||
<div class="col-12 mt-3 text-center">
|
||||
<button type="button"class="btn btn-danger"id="btnAnnulerActivite">
|
||||
<i class="bi bi-x-circle me-2"></i>
|
||||
Annuler cette activité
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button class="btn btn-success" id="btnMiseAJourDepense">
|
||||
<i class="bi bi-plus-circle"></i> Mise à jour du budget
|
||||
<button type="button"class="btn btn-success"id="btnMiseAJourDepense">
|
||||
<i class="bi bi-cash-stack me-2"></i>
|
||||
Mise à jour du budget
|
||||
</button>
|
||||
<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalAjouterLivrable">
|
||||
<i class="bi bi-plus-circle"></i> Ajouter un livrable
|
||||
<button type="button"class="btn btn-primary"id="btnOuvrirAjouterLivrable"data-bs-toggle="modal"
|
||||
data-bs-target="#modalAjouterLivrable">
|
||||
<i class="bi bi-plus-circle me-2"></i>
|
||||
Ajouter un livrable
|
||||
</button>
|
||||
<button type="button" class="btn btn-secondary"data-bs-dismiss="modal">
|
||||
Fermer
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user