Merge pull request symfony#1 from BekhechiWahib/email-template

Tache email template

Author: BekhechiWahib

Gestion_PFE_Backend/app/Http/Controllers/EmailController.php

@@ -3,12 +3,20 @@
 namespace App\Http\Controllers;
 
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB; 
 use App\Models\Email;
 class EmailController extends Controller
 {
 
 
 
+
+    public function getEmailTemplate() {
+        $emailTemplates = DB::table('email_pfe_template')->get();
+        return response()->json($emailTemplates);
+    }
+
+
     public function ajouterEmail(Request $request)
     {
         $validatedData = $request->validate([
@@ -32,11 +40,27 @@ public function ajouterEmail(Request $request)
 
 
 
+
+    public function modifierEmail(Request $request)
+    {
+        $validatedData = $request->validate([
+             'id' => 'required|integer|exists:email_pfe_template,id',
+            'contenue' => 'required|string|max:255',
+         ]);
+
+         $updatedTemplate = Email::where('id', $validatedData['id'])
+                         ->update(['contenue' => $validatedData['contenue']]); 
 
-    public function getEmailTemplate() {
-        $emailTemplates = Email::select('type_email', 'contenue')->get();
-        return response()->json($emailTemplates);
+                         if ($updatedTemplate) {
+         return response()->json(['message' => 'Champ mis à jour avec succès'], 200);
+       }
+     
+        return response()->json(['error' => 'Impossible de mettre à jour le contenue de l\'email'],500);
     }
+
+
+
+    
 
 
 }

Gestion_PFE_Backend/app/Models/Email.php

@@ -14,12 +14,7 @@ class Email extends Model
 
         'type_email',
         'contenue',
-        'utilisateur_pfe_id',
     ];
 
-    public function utilisateurPfe()
-    {
-        return $this->belongsTo(User::class, 'utilisateur_pfe_id');
-    }
 
 }

Gestion_PFE_Backend/database/migrations/2024_12_11_224523_add_nom_email_in_email_pfe_template_table.php

@@ -0,0 +1,17 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up()
+    {
+        Schema::table('email_pfe_template', function (Blueprint $table) {
+            $table->String('nom_email');
+            $table->String('description_email');
+            
+        });
+    }
+};

Gestion_PFE_Backend/routes/api.php

@@ -22,4 +22,5 @@
 Route::get('/affiche-utilisateurs', [UserController::class, 'afficherUtilisateur']);
 Route::get('/affiche-etudiants', [EtudiantController::class, 'afficherEtudiant']);
 Route::get('/email-template', [EmailController::class, 'getEmailTemplate']);
-Route::get('/theme_detail', [ThemePfeController::class, 'afficherThemePfe']);
+Route::get('/theme_detail', [ThemePfeController::class, 'afficherThemePfe']);
+Route::put('/modif-email', [EmailController::class, 'modifierEmail']);

Gestion_PFE_Frontend_React/src/components/card_template.jsx

@@ -0,0 +1,20 @@
+import React from "react";
+ 
+  const MyCardTemplate = ({ titre, description ,onClick,isSelected}) =>{
+     
+    return (
+        <div id="my-card-container"   className={isSelected ? "active-template" : ""} onClick={onClick}>
+          <div className="card-content">
+            <div className="titre-container">
+              <h1>{titre}</h1>
+            </div>
+            <div className="description-container">
+              <p>{description}</p>
+            </div>
+          </div>
+        </div>
+      ); 
+
+  }
+
+  export default MyCardTemplate;

Gestion_PFE_Frontend_React/src/data/email_template_data.jsx

@@ -4,38 +4,23 @@ import EmailTemplate from "../models/Email_template";
 const UseFetchEmailTemplate = () => {
   const [dataEmail, setDataEmail] = useState([]);
   const [loading, setLoading] = useState(true);
- 
-  
 
-
-  
   useEffect(() => {
     // Récupération des données
     fetch('http://localhost:8000/api/email-template')
       .then(response => response.json())
       .then(data => {
-        console.log(data);
-        const emailData = data.map(item => ({
-          email: new EmailTemplate(item.type_email,item.contenue)
-        }));
-        setDataEmail(emailData);
-          });
-        
-       
-        setLoading(false);
-    
+        console.log(data); // Vérifie bien les données ici
+        setDataEmail(data); // Mets à jour les données
+        setLoading(false); // Mets à jour loading une fois que les données sont récupérées
+      })
+      .catch((error) => {
+        console.error('Erreur lors de la récupération des données :', error);
+        setLoading(false); // Même en cas d'erreur, mettez à jour loading
+      });
   }, []);
 
-
-
-
-
-
-  return {
-    dataEmail,
-    loading,
-   // Expose handleSearchChange for the search input
-  };
+  return { dataEmail, loading };
 };
 
 export default UseFetchEmailTemplate;

Gestion_PFE_Frontend_React/src/index.css

@@ -17,7 +17,8 @@ html, body {
 }
 
 #root{
-  font-family: Arial, Helvetica, sans-serif;
+ /* font-family: Arial, Helvetica, sans-serif;*/
+ font-family:Verdana, Geneva, Tahoma, sans-serif;
   font-size: 13px;
 }
 
@@ -90,6 +91,7 @@ form {
   border: 1px solid #dcdcdc;
   border-radius: 5px;
   font-size: 14px;
+  font-family:Verdana, Geneva, Tahoma, sans-serif;
 }
 
 input:hover{
@@ -110,6 +112,7 @@ input:hover{
 
 
  textarea {
+  font-family:Verdana, Geneva, Tahoma, sans-serif;
   width: 100%;
  /* height: 250px; */
   max-height: 300px;
@@ -197,6 +200,96 @@ textarea:hover {
 
 
 
+/*? style de MyCardTemplate */
+/* Conteneur et Styles principal de la carte */
+#my-card-container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 20px;
+  background: #e9efff;
+  border-radius: 15px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
+  width: 300px;
+  min-height: 150px;
+  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.5s ease, color 0.5s ease; /* Transition sur fond et texte */
+  overflow: hidden;
+  cursor: pointer;
+}
+
+/* Effet au survol de la carte */
+#my-card-container:hover {
+  transform: translateY(-10px); /* Décalage de la carte */
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08); /* Ombre plus marquée au survol */
+}
+
+/* Calque semi-transparent au survol de la carte */
+#my-card-container::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(21, 175, 144, 0); /* Calque transparent initial */
+  transition: background 0.3s ease; /* Transition fluide pour l'effet de calque */
+  z-index: 0;
+}
+
+#my-card-container:hover::after {
+  background: rgba(21, 175, 144, 0.374); /* Calque vert léger au survol */
+}
+
+/* Styles lorsque la carte est active */
+#my-card-container.active-template {
+ /* background: linear-gradient(65deg, #2c3e50, #3b5a79); best */
+  background: linear-gradient(65deg, #15af90, #2c3e50);
+  /*background: linear-gradient(65deg, #2c3e50, #1abc9c);*/
+/*  background: linear-gradient(65deg, #00604d, #15af90); */
+  color: #fcfcfc; /* Texte en couleur claire lorsque la carte est active */
+}
+
+/* Transition sur la couleur du texte lors de l'activation de la carte */
+#my-card-container.active-template .titre-container h1,
+#my-card-container.active-template .description-container p {
+  color: #fcfcfc; /* Couleur du texte claire */
+  transition: color 0.7s ease; /* Transition lente pour la couleur du texte */
+}
+
+/* Conteneur du contenu de la carte */
+.card-content {
+  position: relative;
+  z-index: 1; /* Assurer que le contenu soit au-dessus du calque */
+  width: 100%;
+  height: 100%;
+}
+
+/* Styles du titre de la carte */
+.titre-container h1 {
+  font-size: 1.5rem;
+  font-weight: bold;
+  color: #333333; /* Couleur par défaut du titre */
+  margin: 0;
+  padding: 0;
+}
+
+/* Styles de la description de la carte */
+.description-container p {
+  font-size: 1rem;
+  color: #666666; /* Couleur par défaut de la description */
+  margin-top: 10px;
+  line-height: 1.5;
+}
+
+
+
+
+
+
+
+
 
 
 

Gestion_PFE_Frontend_React/src/models/email_template.jsx

@@ -3,12 +3,19 @@ class EmailTemplate {
     /* dans chaque model  on doit mettre les noms des d'attribut 
      comme les nom des attribut de la BDD pour eviter des problemes */
 
-      constructor(type_email,contenue) {
+      constructor(id,type_email,contenue) {
+        this.id = id;
         this.type_email = type_email;
         this.contenue = contenue;
       }
+      getId() {
+        return this.id;
+      }
+    
 
-      getMoyenneM1() {
+
+
+      getTypeEmail() {
         return this.type_email;
       }
 

Gestion_PFE_Frontend_React/src/views/dashboard admin/pages/dashboard_admin_main.jsx

@@ -55,6 +55,13 @@ function DashboardAdminMain() {
     { name: "Login", path: "/login", component: <Login/> },
     { name: "Ajouter Utilisateurs", path: "/ajouter-utilisateurs", component: <AddUserForm/> },
     { name: "Responsable", path: "/gestion-pfes-validation", component: <GestionValidationPfe/> },
+
+  
+    { name: "Login", path: "/login", component: <Login/> },
+    { name: "Ajouter Utilisateurs", path: "/ajouter-utilisateurs", component: <AddUserForm/> },
+    { name: "Responsable", path: "/gestion-pfes-validation", component: <GestionValidationPfe/> },
+
+  
 
   ];
 
@@ -78,11 +85,13 @@ function DashboardAdminMain() {
 
             </div>
 
-            <PageList
+           <div className="side-bar-item-container">
+           <PageList
               pages={pages}
               activePage={activePage}
               setActivePage={setActivePage}
             />
+           </div>
 
 
           </nav>