Commit 1ab04c78 authored by Luca Silly's avatar Luca Silly
Browse files

pageProjet interface

parent 81dada1a
Pipeline #21340 failed with stages
in 33 seconds
#hautPage{
background-color: #f3f3f3ff;
height: 80px;
}
#ligneGrise{
background-color: #434343ff;
height: 20px;
}
#titreProjetHaut{
margin-top: 0px;
padding-top: 23px ;
margin-left: 20px;
color: #d80669;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
font-size: 32px;
}
#profilContainer{
float: right;
margin-right: 0px;
}
.BoutonsVersProfil{
width: 65px;
height: 65px;
margin-top: 9px;
}
.BoutonsVersProfil:hover{
width: 75px;
height: 75px;
margin-top: 0px;
}
#sideProjet{
float: right;
background-color: #ead1dcff;
margin-top: 25px;
margin-left: 10px;
margin-right: 20px;
height: 200px;
width: 300px;
}
#infosProjetPage{
}
.titrePageProjet{
margin-top: 20px;
margin-left: 20px;
color: #d80669;
font-family: 'Courier New', monospace;
font-weight: 500;
font-size: 32px;
}
#descriptionContent{
margin-top: 20px;
margin-left: 20px;
font-family: Arial, Helvetica, sans-serif;
}
\ No newline at end of file
......@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="projet.css">
<script src="test.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.14.0/js/all.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
......@@ -33,8 +34,24 @@
</header>
<script>getProjetInfos(localStorage.id_projet)</script>
<div id="infosProjet"></div>
<div id="hautPage">
<div id="profilContainer"></div>
</div>
<div id="ligneGrise"></div>
<aside id="sideProjet">
</aside>
<div id="infosProjetPage">
<h1 class='titrePageProjet'>Description</h1>
</div>
</body>
</html>
\ No newline at end of file
......@@ -70,18 +70,24 @@ function getProjetInfos(id_projet){
axios.get('http://127.0.0.1:2555/getProjetInfos/', { params: { idProjet : 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>"
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>";
texte += "Vues du projet : " + response.data[0].vues_projet + "<br>";
texte += "ID cours : " + response.data[0].id_cours + "<br>";
texte += "Telechargeable : " + response.data[0].telecharger + "<br>";
//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>";
//texte += "Vues du projet : " + response.data[0].vues_projet + "<br>";
//texte += "ID cours : " + response.data[0].id_cours + "<br>";
//texte += "Telechargeable : " + response.data[0].telecharger + "<br>";
//Tous les étudiants du projet
for(var i = 0; i < response.data.length; i++){
texte += "Étudiant "+ (i+1) +" : <button type='submit' class='BoutonsVersProfil' onclick='chargerPageProfil("+response.data[i].id_etu+")' >";
texte += response.data[i].nom_etu + " ";
texte += response.data[i].prenom_etu + "</button><br>";
document.getElementById('profilContainer').innerHTML+="<img src='images/profil.png' alt='profil' class='BoutonsVersProfil' onclick='chargerPageProfil("+response.data[i].id_etu+")'>";
//texte += "Étudiant "+ (i+1) +" : <button type='submit' class='BoutonsVersProfil' onclick='chargerPageProfil("+response.data[i].id_etu+")' >";
//texte += response.data[i].nom_etu + " ";
//texte += response.data[i].prenom_etu + "</button><br>";
}
document.getElementById("infosProjet").innerHTML = texte;
})
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment