feature: ajout photo de profil

SIRH/templates/SIRH/parts/menu_principal.html

@@ -2,6 +2,21 @@
 {% load tags_personnaliser %}
 
 <div class="col-3 bg-danger d-flex flex-column vh-100 pt-5 sticky-top">
+    <div class="text-center mb-4">
+        {% if user.employe.photo %}
+            <img src="{{ user.employe.photo.url }}" 
+                class="rounded-circle" 
+                width="80" 
+                height="80"
+                style="object-fit:cover;">
+        {% else %}
+            <i class="bi bi-person-circle text-white" style="font-size:60px;"></i>
+        {% endif %}
+        <div class="text-white mt-2">
+            {{ user.username }}
+        </div>
+    </div>
+
     <a href="{% url 'gestion_employe:mon-profil' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
         <i class="bi bi-person-circle"></i> Mon profil
     </a>

gestion_employe/static/gestion_employe/js/mon_profil.js

@@ -16,27 +16,31 @@ const tableau_certificat = new Tabulator("#tableau-certificat", {
     ],
     ajaxURL: url_certificat,
 })
-
 const enregistrerProfil = $("enregistrerProfil");
+
 enregistrerProfil.addEventListener("click", (e) => {
+
     const url = $("information-personnelles").dataset.url;
     const csrftoken = document.querySelector("[name='csrfmiddlewaretoken']").value;
+
+    const formData = new FormData();
+
+    formData.append("nom", $("nom").value);
+    formData.append("prenom", $("prenom").value);
+    formData.append("email", $("email").value);
+    formData.append("telephone", $("telephone").value);
+    formData.append("adresse", $("adresse").value);
+    formData.append("sexe", $("sexe").value);
+    formData.append("date_naissance", $("date_naissance").value);
+
     fetch(url, {
-        method: 'POST',
+        method: "POST",
         headers: {
-            'Content-Type': 'application/json',
-            'X-CSRFToken': csrftoken
+            "X-CSRFToken": csrftoken
         },
-        body: JSON.stringify({ 
-            "nom": $("nom").value,
-            "prenom": $("prenom").value,
-            "email": $("email").value,
-            "telephone": $("telephone").value,
-            "adresse": $("adresse").value,
-            "sexe": $("sexe").value,
-            "date_naissance": $("date_naissance").value,
-        })
+        body: formData
     })
     .then(response => response.json())
     .then(data => alert(data.message))
-})
+    .catch(error => console.error("Erreur:", error));
+});

gestion_employe/templates/gestion_employe/monprofil.html

@@ -19,17 +19,14 @@
     {% endfor %}
 {% endif %}
 
-
-{% if expiration_contrat %}
-    {% if contrat_nb_jours_restant %}
-    <div class="alert alert-danger fade show alert-dismissible mt-2">
-        <strong>Important :</strong> Votre contrat de travail expire dans {{ contrat_nb_jours_restant }} jours, veuillez contacter les ressources humaines.
-    </div>
-    {% endif %}
-{% else %}
+{% if not expiration_contrat %}
     <div class="alert alert-danger fade show alert-dismissible mt-2">
         <strong>Important :</strong> Les informations sur votre contrat n'ont pas été renseignées, veuillez contacter les ressources humaines.
     </div>
+{% elif contrat_nb_jours_restant %}
+    <div class="alert alert-danger fade show alert-dismissible mt-2">
+        <strong>Important :</strong> Votre contrat de travail expire dans {{ contrat_nb_jours_restant }} jours, veuillez contacter les ressources humaines.
+    </div>
 {% endif %}
 
 <div class="accordion mt-2" id="accordionInformationEmploye">
@@ -44,6 +41,13 @@
                 <div class="row" id="information-personnelles" data-url="{% url 'gestion_employe:modifier-employe' %}">
                     {% csrf_token %}
                     <div class="col">
+                        <div class="form-group mb-2">
+                            <label>photo</label>
+                            {% if employe.photo %}
+                                <span>Fichier actuel : <a href="{{ employe.photo.url }}">{{employe.photo}}</a></span>
+                            {% endif %}
+                            <input type="file" id="photo" name="photo" class="form-control">
+                        </div>
                         <div class="form-group mb-2">
                             <label>Matricule :</label>
                             <input type="text" class="form-control" id="matricule" value="{{ employe.matricule|default:'' }}" readonly>
@@ -63,12 +67,13 @@
                                 <option value='f' {% if employe.sexe == 'f' %}selected{% endif %}>Femme</option>
                             </select>
                         </div>
+                        
+                    </div>
+                    <div class="col">
                         <div class="form-group mb-2">
                             <label>Date de naissance :</label>
                             <input type="date" class="form-control" id="date_naissance" value="{{ employe.date_naissance|date:'Y-m-d' }}">                            
                         </div>
-                    </div>
-                    <div class="col">
                         <div class="form-group mb-2">
                             <label>Département :</label>
                             <input type="text" class="form-control" id="departement" value="{{ employe.departement.nom|default:'' }}" readonly>
@@ -167,6 +172,13 @@
                     {% csrf_token %}
                     <div class="row">
                         <div class="col">
+                            <div class="form-group mb-2">
+                                <label>photo</label>
+                                {% if employe.photo %}
+                                    <span>Fichier actuel : <a href="{{ employe.photo.url }}">{{employe.photo}}</a></span>
+                                {% endif %}
+                                <input type="file" class="form-control" name="photo">
+                            </div>
                             <div class="form-group mb-2">
                                 <label>CV</label>
                                 {% if employe.CV %}

gestion_employe/views.py

@@ -176,7 +176,6 @@ def modifier_mot_passe(request):
             messages.success(request, "Mot de passe modifié avec succès.")
 
     return redirect("gestion_employe:mon-profil")
-
 def modifier_employer(request):
     """Vue pour permettre à un utilisateur de modifier les informations d'un employé"""
     try:
@@ -192,7 +191,8 @@ def modifier_employer(request):
         employe.telephone = data['telephone']
         employe.adresse = data['adresse']
         employe.sexe = data['sexe']
-        
+        if request.FILES.get("photo"):
+            employe.photo = request.FILES["photo"]    
         if data['date_naissance']:
             difference = relativedelta(timezone.now().date(), datetime.strptime(data['date_naissance'], "%Y-%m-%d").date())
             if difference.years >= 18:
@@ -201,18 +201,18 @@ def modifier_employer(request):
                 return JsonResponse({"message": "Veuillez entrez une date de naissance correcte."})
         employe.save()
         user.save()
-
         return JsonResponse({"message": "Profil mis à jour avec succès."})
 
 def enregistrement_document(request):
-    employe = Employe.objects.get(user__username=request.user)
+    employe = Employe.objects.get(user=request.user)
     if request.method == "POST":
-        employe.CV = request.FILES["cv"] if 'cv' in request.FILES else employe.CV
-        employe.diplome = request.FILES["diplome"] if 'diplome' in request.FILES else employe.diplome
-        employe.rib = request.FILES["rib"] if 'rib' in request.FILES else employe.rib
-        employe.casier_judiciaire = request.FILES["casier_judiciaire"] if 'casier_judiciaire' in request.FILES else employe.casier_judiciaire
-        messages.success(request, "Documents enregistrés avec succès.")
+        if request.FILES.get("photo"):employe.photo = request.FILES["photo"]
+        if "cv" in request.FILES:employe.CV = request.FILES["cv"]
+        if "diplome" in request.FILES: employe.diplome = request.FILES["diplome"]
+        if "rib" in request.FILES: employe.rib = request.FILES["rib"]
+        if "casier_judiciaire" in request.FILES:employe.casier_judiciaire = request.FILES["casier_judiciaire"]
         employe.save()
+        messages.success(request, "Documents enregistrés avec succès.")
 
     return redirect("gestion_employe:mon-profil")