Ajout de la prise en charge des photos de profil
This commit is contained in:
@@ -58,7 +58,6 @@
|
||||
{% block 'modal' %}
|
||||
{% include "gestion_employe/parts/modalDetailEmploye.html" %}
|
||||
{% include "gestion_employe/parts/modalCreationContrat.html" %}
|
||||
{% include "gestion_employe/parts/modalContratsEmploye.html" %}
|
||||
{% include "gestion_employe/parts/modalAffectationProjet.html" %}
|
||||
{% include "gestion_employe/parts/modalDocument.html" %}
|
||||
{% include "gestion_employe/parts/modalListeContratExpirants.html" %}
|
||||
|
||||
105
gestion_employe/templates/gestion_employe/modifier-profil.html
Normal file
105
gestion_employe/templates/gestion_employe/modifier-profil.html
Normal file
@@ -0,0 +1,105 @@
|
||||
{% extends "BASE.html" %}
|
||||
{% load static %}
|
||||
{% block 'titre_page' %} Gestion des employés - Mon profil {% endblock %}
|
||||
{% block 'contenu' %}
|
||||
<div class="card shadow-sm border-0 w-100" style="max-width: 850px;">
|
||||
<div class="card-header bg-orange-dark">
|
||||
<h5 class="mb-0 fw-bold">
|
||||
<i class="bi bi-pencil-square me-2"></i> Modifier mon profil
|
||||
</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="POST" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<div class="accordion" id="accordionProfil">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingInfo">
|
||||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInfo" aria-expanded="false" aria-controls="collapseInfo">
|
||||
<i class="bi bi-person-lines-fill me-2"></i> Informations personnelles
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseInfo" class="accordion-collapse collapse" aria-labelledby="headingInfo" data-bs-parent="#accordionProfil">
|
||||
<div class="accordion-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="form-group mb-2">
|
||||
<label>Photo de profil :</label>
|
||||
<input type="file" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Prénom :</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Nom :</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="form-group mb-2">
|
||||
<label>Email :</label>
|
||||
<input type="email" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Téléphone :</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Adresse :</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingDocs">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDocs" aria-expanded="false" aria-controls="collapseDocs">
|
||||
<i class="bi bi-file-earmark-text me-2"></i> Documents
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseDocs" class="accordion-collapse collapse" aria-labelledby="headingDocs" data-bs-parent="#accordionProfil">
|
||||
<div class="accordion-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="form-group mb-2">
|
||||
<label>CV :</label>
|
||||
<input type="file" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Diplome :</label>
|
||||
<input type="file" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="form-group mb-2">
|
||||
<label>RIB :</label>
|
||||
<input type="file" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Casier judiciaire :</label>
|
||||
<input type="file" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-end mt-4 gap-2 flex-wrap">
|
||||
<a href="{% url 'gestion_employe:mon-profil' %}" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-x-circle me-1"></i> Annuler
|
||||
</a>
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i> Enregistrer
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block 'modal' %}
|
||||
{% endblock %}
|
||||
{% block 'js' %}
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,28 @@
|
||||
<div class="modal fade" id="modalAffectation" tabindex="-1" aria-labelledby="modalAffectationLabel" aria-hidden="true">
|
||||
<div class="modal-dialog ">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-orange-dark">
|
||||
<h5 class="modal-title" id="modalAffectationLabel" >
|
||||
Affectation de projet (<span id="affectation-nom-employe"></span>)
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal">
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form action="{% url 'gestion_employe:affecter_employe_projet' %}" method="POST">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="affecter_employe_id" id="affecter_employe_id">
|
||||
{{ affectation_form.as_p }}
|
||||
<div class="modal-footer bg-light">
|
||||
<button type="submit" class="btn btn-success">
|
||||
<i class="bi bi-check-circle"></i> affecter
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
|
||||
<i class="bi bi-x-circle me-1"></i> Annuler
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,21 @@
|
||||
<div class="modal fade" id="modalAjouterFormation" tabindex="-1">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header bg-orange-dark">
|
||||
<h5 class="modal-title">Ajouter un certificat</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form method="post" action="{% url 'gestion_employe:ajouter_formation' %}" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
{{ formation_form.as_p }}
|
||||
<div class="modal-footer">
|
||||
<button type="submit" class="btn btn-success">Enregistrer</button>
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,57 @@
|
||||
<div class="modal fade" id="modalContrat" tabindex="-1" aria-labelledby="modalContratLabel" aria-hidden="true">
|
||||
<div class="modal-dialog ">
|
||||
<div class="modal-content bg-white">
|
||||
<div class="modal-header ">
|
||||
<h5 class="modal-title" id="modalContratLabel">
|
||||
<i class="bi bi-file-earmark-text me-2"></i>
|
||||
Contrat de <span id="contrat-employe"></span>
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form action="{% url 'gestion_employe:creation-contrat' %}" method="POST" id="contrat_form" enctype="multipart/form-data">
|
||||
{% csrf_token %}
|
||||
<input type="hidden" name="employe_id" value="" id="employeIdInput">
|
||||
{{ contrat_form.as_p }}
|
||||
<div class="modal-footer bg-light">
|
||||
<button type="submit" class="btn btn-success">
|
||||
<i class="bi bi-check-circle me-1"></i> Enregistrer
|
||||
</button>
|
||||
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
|
||||
<i class="bi bi-x-circle me-1"></i> Annuler
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
{% comment %} <fieldset class="border p-3 mb-4">
|
||||
<legend class="fw-bold mb-3 text-muted">Informations du contrat</legend>
|
||||
|
||||
<div class="form-group mb-2">
|
||||
<label>Numero de contrat :</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Type contrat :</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>date de début :</label>
|
||||
<input type="date" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>date de fin :</label>
|
||||
<input type="date" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Salaire mensuel :</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Fichier du contrat :</label>
|
||||
<input type="file" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -93,8 +93,8 @@
|
||||
</h5>
|
||||
{% if user|has_group:"ressource_humaine" %}
|
||||
<div>
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalContratsEmploye">
|
||||
Liste contrat
|
||||
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modalContratsEmploye">
|
||||
Liste contrat
|
||||
</button>
|
||||
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalContrat{{ item.employe.id }}">
|
||||
<i class="bi bi-file-earmark-text"></i> Créer contrat
|
||||
|
||||
@@ -0,0 +1,41 @@
|
||||
<div class="modal fade" id="modalDocuments" tabindex="-1" aria-labelledby="modalDocumentsLabel" aria-hidden="true">
|
||||
<div class="modal-dialog ">
|
||||
<div class="modal-content border-0 shadow-lg">
|
||||
<div class="modal-header ">
|
||||
<h5 class="modal-title" id="modalDocumentsLabel">
|
||||
<i class="bi bi-folder2-open me-2"></i> Documents RH de <span id="document-employe"></span>
|
||||
</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row g-3">
|
||||
<div class="col">
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">
|
||||
<strong>Diplôme :</strong>
|
||||
<a id="document-diplome" target="_blank"></a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong>CV :</strong>
|
||||
<a id="document-cv" target="_blank"></a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong>RIB :</strong>
|
||||
<a id="document-rib" target="_blank"></a>
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong>Casier judiciaire :</strong>
|
||||
<a id="document-casier-judiciaire" target="_blank"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer bg-light">
|
||||
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
|
||||
<i class="bi bi-x-circle"></i> Fermer
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="modal fade" id="modalListeDesContratExpirants" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Contrats expirants dans un maximum de 60 jours</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div id='listeContratExpirant'></div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,36 @@
|
||||
<div class="modal fade" id="modalModifierProfil" tabindex="-1" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title"><i class="bi bi-person-lines-fill me-2"></i> Modifier le mot de passe</h5>
|
||||
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form method="POST" action="{% url 'gestion_employe:modifier-mot-passe' %}">
|
||||
{% csrf_token %}
|
||||
<div class="form-group mb-2">
|
||||
<label>Votre mot de passe actuel :</label>
|
||||
<input class="form-control" type="password" name="ancien-mdp">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Votre nouveau mot de passe :</label>
|
||||
<input class="form-control" type="password" name="nouveau-mdp">
|
||||
</div>
|
||||
<div class="form-group mb-2">
|
||||
<label>Confirmez votre nouveau mot de passe :</label>
|
||||
<input class="form-control" type="password" name="confirmation-mdp">
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
||||
Fermer
|
||||
</button>
|
||||
<button type="submit" class="btn btn-success">
|
||||
<i class="bi bi-check-circle me-1"></i> Enregistrer
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user