page projet

index.js

@@ -51,6 +51,13 @@ const mysql = require('mysql')
     });
   });
 
+  app.get('/getInfosCours',function(req,res){
+    con.query("SELECT Cours.nom_cours,Cours.faculte,Cours.prof_cours FROM Cours WHERE id_cours='"+req.query.idCours+"'",(err,results)=>{
+      if(err) throw err;
+      res.send(JSON.stringify(results));
+    });
+  });
+
   app.get('/getCategories',function(req,res){
     con.query('SELECT Categorie.id_cat, Categorie.nom_cat FROM Categorie',(err,results)=>{
       if(err) throw err;
@@ -58,6 +65,13 @@ const mysql = require('mysql')
     });
   });
 
+  app.get('/getCategoriesProjet',function(req,res){
+    con.query("SELECT Categorie.nom_cat FROM ProjetCategorie,Categorie WHERE ProjetCategorie.id_projet='"+req.query.idProjet+"' AND ProjetCategorie.id_cat=Categorie.id_cat",(err,results)=>{
+      if(err) throw err;
+      res.send(JSON.stringify(results));
+    });
+  });
+
 app.get('/recherche', function(req,res){
   console.log(req.query.motClef);
   //il faut faire une recherche par nom etudiant, nom prof, nom cours, titre projet

projet.css

@@ -34,6 +34,7 @@
     width: 75px;
     height: 75px;
     margin-top: 0px;
+    cursor: pointer;
 }
 
 #sideProjet{
@@ -42,7 +43,7 @@
     margin-top: 25px;
     margin-left: 10px;
     margin-right: 20px;
-    height: 200px;
+    height: fit-content;
     width: 300px;
     
 }
@@ -65,4 +66,35 @@
     margin-top: 20px;
     margin-left: 20px;
     font-family: Arial, Helvetica, sans-serif;
-}
\ No newline at end of file
+}
+
+.descAsideProjet{
+    margin-left: 10px;
+    font-family: Arial, Helvetica, sans-serif;
+    font-weight: 60px;
+    font-size: 15px;
+}
+
+#coursProjet::before{
+    content: "Cours : ";
+    font-weight: bold;
+    font-size: 18px;
+}
+
+#faculteProjet::before{
+    content: "Faculté : ";
+    font-weight: bold;
+    font-size: 18px;
+}
+
+#profProjet::before{
+    content: "Professeur : ";
+    font-weight: bold;
+    font-size: 18px;
+}
+
+#catProjet::before{
+    content: "Catégories : ";
+    font-weight: bold;
+    font-size: 18px;
+}

projet.html

@@ -41,6 +41,7 @@
     <div id="ligneGrise"></div>
 
     <aside id="sideProjet">
+        <div id="infoCoursProjet"></div>
 
     </aside>
     

test.js

@@ -74,11 +74,37 @@ function getProjetInfos(id_projet){
         .then(response => {
             console.log(response.data);
             document.getElementById('hautPage').innerHTML+="<p id='titreProjetHaut'>"+response.data[0].titre_projet+"</p>";
-            document.getElementById('infosProjetPage').innerHTML+="<p id='descriptionContent'>"+response.data[0].desc_projet+"</p>"+"<h1 class='titrePageProjet'>Documents</h1>"
-
+            document.getElementById('infosProjetPage').innerHTML+="<p id='descriptionContent'>"+response.data[0].desc_projet+"</p>"+"<h1 class='titrePageProjet'>Documents</h1>";
+            
+            axios.get('http://127.0.0.1:2555/getInfosCours/', { params: { idCours : response.data[0].id_cours}})
+            .then(response => {
+
+                console.log(response.data);
+                document.getElementById('infoCoursProjet').innerHTML+="<p class='descAsideProjet' id='coursProjet'>"+response.data[0].nom_cours+"</p>";
+                document.getElementById('infoCoursProjet').innerHTML+="<p class='descAsideProjet' id='faculteProjet'>"+response.data[0].faculte+"</p>";
+                document.getElementById('infoCoursProjet').innerHTML+="<p class='descAsideProjet' id='profProjet'>"+response.data[0].prof_cours+"</p>";
+            })
+            .catch(error => {
+            console.log(error)
+             })
+            
+             axios.get('http://127.0.0.1:2555/getCategoriesProjet/', { params: { idProjet : response.data[0].id_projet}})
+             .then(response => {
+ 
+                 console.log(response.data);
+                 document.getElementById('sideProjet').innerHTML+="<p class='descAsideProjet' id='catProjet'>"+response.data[0].nom_cat+"</p>";
+             })
+             .catch(error => {
+             console.log(error)
+              })
 
+             
+            
+            
+            //document.getElementById('sideProjet').innerHTML+="<p class='descAsideProjet'>Cours : "+nomCours+"</p>";
+            
 
-            var texte = "";
+            //var texte = "";
             //texte += "Titre : " + response.data[0].titre_projet + "<br>";
             //texte += "Description projet : " + response.data[0].desc_projet + "<br>";
             //texte += "Date projet : " + response.data[0].date_projet + "<br>";
@@ -191,4 +217,5 @@ function creerProjet(){
         .catch(error => {
             console.log(error)
         })
-}
\ No newline at end of file
+}
+