From 3cf5153e79ac1b2114e0cded486b719b738faca2 Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Sun, 10 Mar 2024 12:34:44 +0100
Subject: [PATCH] Profil Student Prototype

---
 frontend/src/Apps/Profil.vue | 26 ++++++++++++++++++--------
 1 file changed, 18 insertions(+), 8 deletions(-)

diff --git a/frontend/src/Apps/Profil.vue b/frontend/src/Apps/Profil.vue
index 893104c..76f5017 100644
--- a/frontend/src/Apps/Profil.vue
+++ b/frontend/src/Apps/Profil.vue
@@ -13,14 +13,15 @@
   "name": "Math pour l'info",
   "credits": 11,
   "faculty": "science",
-  "Teacher": 42,
+  "teacher": 42,
   "Assistants": []},
-  cours2:{ "id": 42,
+  cours2:{ 
+  "id": 42,
   "name": "Fonctionnement des ordinateurs",
   "credits": 11,
   "faculty": "science",
-  "Teacher": 42,
-  "Assistants": []}
+  "teacher": 42,
+  "Assistants": []},
 
   },
   option:"IT",
@@ -37,8 +38,8 @@
       <img class="subContainter" src="../assets/Clyde.png">
     </div>
       <div class="globalInfos">
-        <div  style="border:2px solid black;font-size:25px;color:white;padding:20px;background-color:rgb(50,50,50);border-radius:20px;" >
-          <div >
+        <div  style="padding-bottom:50px;border:2px solid black;font-size:25px;color:white;padding:20px;background-color:rgb(50,50,50);border-radius:20px;" >
+          <div>
             {{example.firstName}} {{example.lastName.toUpperCase()}}   
           </div>
           <div>
@@ -50,8 +51,17 @@
         </div>
       </div>
       <div class="moreInfos">
-        <div  style="border:2px solid black;font-size:25px;color:white;padding:20px;background-color:rgb(50,50,50);border-radius:20px;margin-bottom:10px;" v-for="item in example.cursus
-"></div>
+        <div v-if="(example.role==='student')">
+          <div style="display: flex;
+    justify-content: center;
+    align-items: center;width:200px;margin-left:auto;margin-right:auto;border:2px solid black;font-size:25px;color:white;padding:20px;background-color:rgb(50,50,50);border-radius:20px;margin-bottom:10px;">
+           Liste des cours
+          </div>
+        <div  style="border:2px solid black;font-size:25px;color:white;padding:20px;background-color:rgb(50,50,50);border-radius:20px;margin-bottom:10px;"
+          v-for="item in example.cursus">
+          {{item.name}} Teacher: {{item.teacher}} Credits:{{item.credits}}   
+          </div>
+        </div>
       </div>
   </div>
 </div>