From cde9f770884c8150fa2f18ec51f4877c9bcd334f Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 17:36:52 +0100
Subject: [PATCH] utliser l'api rest au tableau

---
 .../components/admin/VoirScientifiques.vue    | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/science-quest/src/components/admin/VoirScientifiques.vue b/science-quest/src/components/admin/VoirScientifiques.vue
index 8fd8727..c8977a4 100644
--- a/science-quest/src/components/admin/VoirScientifiques.vue
+++ b/science-quest/src/components/admin/VoirScientifiques.vue
@@ -1,4 +1,6 @@
 <script>
+import { REST_API } from '@/assets/const';
+
 import LigneScientifique from './ligneScientifique.vue';
 
 export default{
@@ -6,11 +8,25 @@ export default{
         return {
             //données obtenues par l'api
             scientifiques: [
-            {prenom:"marie",nom:"curie",date:"1900-01-13",descriptif:"radaition qqch comme ca"},
-            {prenom:"albert",nom:"einstein",date:"1900-01-13",descriptif:"theorie"}
-            ]
+            ],
+            page:0,
         };
     },
+    mounted(){
+        this.getScientifiques(0)
+    },
+    methods:{
+        getScientifiques(page){
+            //appeler l'API
+            fetch(`${REST_API}/scientifiques?page=${page}`).then(response=>{
+                response.json().then(json=>{
+                    //prendre le scientifique de la requete
+                    this.scientifiques=json._embedded
+
+                })
+            })
+        }
+    },
     components: { LigneScientifique }
 }
 </script>
@@ -31,9 +47,10 @@ export default{
     <LigneScientifique v-for="scientifique in scientifiques"
     :prenom="scientifique.prenom"
     :nom="scientifique.nom"
-    :date="scientifique.date"
+    :date="scientifique.dateNaissance"
     :descriptif="scientifique.descriptif"
     ></LigneScientifique>
 </tbody>
     </table>
+    <!-- TODO : pagination -->
 </template>
\ No newline at end of file