Cv

backend/src/controllers/experienceControllers.js

@@ -17,6 +17,18 @@ const getExperiences = (_, res) => {
     });
 };
 
+const getExperiencesByCvId = (req, res) => {
+  models.experience
+    .findAllByCvId(req.params.id)
+    .then((rows) => {
+      res.send(rows);
+    })
+    .catch((err) => {
+      console.error(err);
+      res.sendStatus(500);
+    });
+};
+
 const getExperienceById = (req, res) => {
   const id = parseInt(req.params.id, 10);
 
@@ -90,4 +102,5 @@ module.exports = {
   postExperience,
   updateExperience,
   deleteExperienceById,
+  getExperiencesByCvId,
 };

backend/src/models/CvManager.js

@@ -5,11 +5,11 @@ class CvManager extends AbstractManager {
     super({ table: "cv" });
   }
 
-  async create(cv) {
+  async create(userId) {
     try {
       const [res] = await this.database.query(
         `INSERT INTO ${this.table} (user_id) VALUES (?)`,
-        [cv.userId]
+        [userId]
       );
 
       return res;

backend/src/models/ExperienceManager.js

@@ -63,6 +63,19 @@ class ExperienceManager extends AbstractManager {
       return null;
     }
   }
+
+  async findAllByCvId(cvId) {
+    try {
+      const [results] = await this.database.query(
+        `SELECT * FROM ${this.table} WHERE cv_id = ?`,
+        [cvId]
+      );
+      return results;
+    } catch (err) {
+      console.error(err);
+      return null;
+    }
+  }
 }
 
 module.exports = ExperienceManager;

backend/src/router.js

@@ -63,6 +63,11 @@ router.get(
   authMiddleware,
   experienceControllers.getExperiences
 );
+router.get(
+  "/experiences/by-cv-id/:id([0-9]+)",
+  authMiddleware,
+  experienceControllers.getExperiencesByCvId
+);
 router.get(
   "/experience/:id([0-9]+)",
   authMiddleware,
@@ -112,7 +117,7 @@ router.post(
   uploadController.create
 );
 /* CV. */
-router.post("/cvs", authMiddleware, authAdminMiddleware, cvControllers.postCv);
+router.post("/cvs", authMiddleware, cvControllers.postCv);
 
 // router.post("/signin", userControllers.postUser);
 // router.update("/signin", userControllers.putUser);

frontend/src/main.jsx

@@ -1,7 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
-import axios from "axios";
 import App from "./App";
 import Home from "./pages/HomeOffer/Home";
 import ReadOffer from "./pages/Offer/ReadOffer";
@@ -85,21 +84,26 @@ const router = createBrowserRouter([
       },
       {
         path: "/edit-profile",
-        element: (
-          <SignContextProvider>
-            <UserProfileModel />
-          </SignContextProvider>
-        ),
         children: [
           {
             path: "/edit-profile/cv",
             element: <CreateCV />,
             loader: async () => {
               try {
-                const data = await axios.get(
-                  "http://localhost:3310/api/users/:id/cvs"
+                // D'abord, on va chercher le CV de l'utilisateur, ce qui nous intéresse est l'id du CV
+                const cvData = await apiService.get(
+                  "http://localhost:3310/api/users/5/cvs" // TODO: remplacer le 5 par l'id de l'utilisateur connecté
                 );
-                return data;
+
+                // Ensuite, on va chercher les expériences de l'utilisateur via l'id du CV qu'on vient de récupérer
+                // le but est de pouvoir faire SELECT * FROM experiences WHERE cv_id = cvData.data.id
+                const experienceData = await apiService.get(
+                  `http://localhost:3310/api/experiences/by-cv-id/${cvData.data.id}`
+                );
+
+                return {
+                  experiences: experienceData.data,
+                };
               } catch (err) {
                 console.error(err.message);
                 return null;
@@ -114,6 +118,14 @@ const router = createBrowserRouter([
             path: "/edit-profile/formation",
             element: <AddFormation />,
           },
+          {
+            path: "/edit-profile",
+            element: (
+              <SignContextProvider>
+                <UserProfileModel />
+              </SignContextProvider>
+            ),
+          },
         ],
       },
       {

frontend/src/pages/CV/CreateCV.jsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { useLoaderData } from "react-router-dom";
 import Input from "../../components/Inputs/Input";
 import ButtonMaxi from "../../components/Boutons/ButtonMaxi";
 import AddDetailsCV from "../../components/Add Something/AddSomething";
@@ -13,6 +14,7 @@ import SuccesMsg from "../../components/Alertes Messages/SuccesMsg";
 function CreateCV() {
   const { addCv, setAddCv, handleAddCv } = useUserContext();
   const { errorMsg, succesMsg, msgContent, handleChange } = useGlobalContext();
+  const { experiences } = useLoaderData();
 
   return (
     <>
@@ -65,6 +67,16 @@ function CreateCV() {
           addDetail="Expériences professionnelles"
           url="/edit-profile/experience"
         />
+        {experiences &&
+          experiences.map((experience) => (
+            <div className="card-container" key={experience.id}>
+              <h3 className="diplome">{experience.title}</h3>
+              <h4 className="dates">
+                {experience.date_begin} - {experience.date_end ?? "en cours"}
+              </h4>
+              <p className="school">{experience.company}</p>
+            </div>
+          ))}
         <AddDetailsCV addDetail="Formations" url="/edit-profile/formation" />
         <div>
           {errorMsg && <ErrorMsg message={msgContent} />}

frontend/src/pages/Experience/AddExperience.jsx

@@ -1,6 +1,5 @@
 import { useState, useEffect } from "react";
 import { v4 as uuid } from "uuid";
-import axios from "axios";
 
 import "./add-experience.css";
 // import ButtonMaxi from "../../components/Boutons/ButtonMaxi";
@@ -26,6 +25,8 @@ function AddExperience() {
     setMsgContent,
     handleChange,
     handleCheckboxChange,
+    apiService,
+    user,
   } = useGlobalContext();
 
   const [addXp, setAddXp] = useState({
@@ -38,6 +39,7 @@ function AddExperience() {
     dateBegin: "",
     dateEnd: null,
     description: null,
+    cvId: null,
   });
 
   const [xpSaved, setXpSaved] = useState([]);
@@ -55,8 +57,7 @@ function AddExperience() {
       setTimeout(() => {
         setErrorMsg(false);
       }, 4000);
-    }
-    if (addXp.isWorking === false && addXp.dateBegin === "") {
+    } else if (addXp.isWorking === false && addXp.dateBegin === "") {
       addXp.dateBegin = "1970-01-01";
 
       // Affichage d'un message d'erreur
@@ -65,17 +66,32 @@ function AddExperience() {
       setTimeout(() => {
         setErrorMsg(false);
       }, 4000);
-    }
-    if (addXp.isWorking === true && addXp.dateBegin === "") {
+    } else if (addXp.isWorking === true && addXp.dateBegin === "") {
       setErrorMsg(true);
       setMsgContent("Veuillez renseigner les dates");
       setTimeout(() => {
         setErrorMsg(false);
       }, 4000);
     } else {
       try {
-        // const data =
-        await axios.post(`http://localhost:3310/api/experience/`, addXp);
+        // ici on récupère l'id du cv, et le back fait en sorte
+        // que si l'utilisateur n'a pas de cv, il en crée un
+        const { data } = await apiService.get(
+          `http://localhost:3310/api/users/${user.id}/cvs`
+        );
+        const cvId = data.id;
+
+        // const personne = {
+        //   prenom: "Marie",
+        //   nom: "Delaire",
+        // };
+        // personne.prenom = "Mariiiiiiie";
+        // console.log(personne);
+
+        // peut etre que ca fait un bug, chépa tro
+        addXp.cvId = cvId;
+
+        await apiService.post(`http://localhost:3310/api/experience/`, addXp);
 
         setXpSaved((prevData) => [...prevData, addXp]);
         setMsgContent("L'expérience a été ajoutée avec");