From cde9f770884c8150fa2f18ec51f4877c9bcd334f Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 17:36:52 +0100
Subject: [PATCH 1/6] 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

From 9ccc5177b35ecd379f10aac6c7e997e8c523c2ae Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 17:38:49 +0100
Subject: [PATCH 2/6] changer les url en absolu

---
 science-quest/src/components/PagePrincipale.vue     | 6 +++---
 science-quest/src/components/Titre.vue              | 4 ++--
 science-quest/src/components/jeux/kahoot/Kahoot.vue | 2 +-
 science-quest/src/components/jeux/pendu/Pendu.vue   | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/science-quest/src/components/PagePrincipale.vue b/science-quest/src/components/PagePrincipale.vue
index 8c65292..141e5da 100644
--- a/science-quest/src/components/PagePrincipale.vue
+++ b/science-quest/src/components/PagePrincipale.vue
@@ -1,5 +1,5 @@
 <script>
-import { NOM_APP } from "../assets/const";
+import { NOM_APP } from "@/assets/const";
 
 export default {
     data() {
@@ -11,7 +11,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "../scss/landingPage.scss";
+@import "@/scss/landingPage.scss";
 </style>
 
 <template>
@@ -27,7 +27,7 @@ export default {
                 <router-link to="/kahoot" class="btn btn-dark">Kahoot 🚧</router-link>
                 <router-link to="/qui_est_ce" class="btn btn-dark">Qui-est-ce ? 🚧</router-link>
             </div>
-            <img src="../temporary_ressources/img/marie-curie.png" alt="Marie Curie" />
+            <img src="@/temporary_ressources/img/marie-curie.png" alt="Marie Curie" />
         </div>   
     </div>
     <footer>
diff --git a/science-quest/src/components/Titre.vue b/science-quest/src/components/Titre.vue
index 67509a8..04edcc8 100644
--- a/science-quest/src/components/Titre.vue
+++ b/science-quest/src/components/Titre.vue
@@ -1,5 +1,5 @@
 <script>
-import { NOM_APP } from "../assets/const";
+import { NOM_APP } from "@/assets/const";
 
 export default{
     data(){
@@ -18,7 +18,7 @@ export default{
 
 <template>
         <!-- logo temporaire
-        <img alt="Vue logo" src="../assets/logo.png" />
+        <img alt="Vue logo" src="@/assets/logo.png" />
         -->
 <nav class="navbar navbar-expand-lg bg-body-tertiary">
   <div class="container-fluid">
diff --git a/science-quest/src/components/jeux/kahoot/Kahoot.vue b/science-quest/src/components/jeux/kahoot/Kahoot.vue
index f3b5e93..1a1dd8b 100644
--- a/science-quest/src/components/jeux/kahoot/Kahoot.vue
+++ b/science-quest/src/components/jeux/kahoot/Kahoot.vue
@@ -39,7 +39,7 @@ export default {
 </script>
 
 <style lang="scss">
-@import "../../../scss/kahoot.scss";
+@import "@/scss/kahoot.scss";
 </style>
 
 <template>
diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index fcc41c3..caee9a6 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -1,6 +1,6 @@
 <script>
 import PenduDessin from './PenduDessin.vue'
-import { REST_API } from "../../../assets/const";
+import { REST_API } from "@/assets/const";
 
 export default{
     data() {

From fa70b65435d39384d8f7d4f9352520ab1d37f154 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 18:19:28 +0100
Subject: [PATCH 3/6] fix tableau

---
 .../src/components/admin/VoirScientifiques.vue     | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/science-quest/src/components/admin/VoirScientifiques.vue b/science-quest/src/components/admin/VoirScientifiques.vue
index c8977a4..44200bd 100644
--- a/science-quest/src/components/admin/VoirScientifiques.vue
+++ b/science-quest/src/components/admin/VoirScientifiques.vue
@@ -7,22 +7,25 @@ export default{
     data() {
         return {
             //données obtenues par l'api
-            scientifiques: [
-            ],
+            scientifiques: [],
             page:0,
         };
     },
     mounted(){
-        this.getScientifiques(0)
+        //TODO faire route pour prendre la page a partir de l'URL
+        this.getScientifiques(this.page)
     },
     methods:{
         getScientifiques(page){
+            //enlever les anciens du tableau
+            this.scientifiques.splice(0)
+            //TODO : ajouter un delai si jamais la requete est trop rapide pour VueJS
             //appeler l'API
             fetch(`${REST_API}/scientifiques?page=${page}`).then(response=>{
                 response.json().then(json=>{
+                    const oldLength=this.scientifiques.length
                     //prendre le scientifique de la requete
-                    this.scientifiques=json._embedded
-
+                    this.scientifiques.push(...json._embedded)
                 })
             })
         }
@@ -52,5 +55,6 @@ export default{
     ></LigneScientifique>
 </tbody>
     </table>
+    <button @click="this.getScientifiques(++this.page)">Next</button>
     <!-- TODO : pagination -->
 </template>
\ No newline at end of file

From 1114032a115994df1176683db8ceca652a945940 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 18:31:31 +0100
Subject: [PATCH 4/6] utiliser hateoas

---
 .../components/admin/VoirScientifiques.vue    | 28 +++++++++++++++----
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/science-quest/src/components/admin/VoirScientifiques.vue b/science-quest/src/components/admin/VoirScientifiques.vue
index 44200bd..1f5989a 100644
--- a/science-quest/src/components/admin/VoirScientifiques.vue
+++ b/science-quest/src/components/admin/VoirScientifiques.vue
@@ -9,23 +9,37 @@ export default{
             //données obtenues par l'api
             scientifiques: [],
             page:0,
+            self:"",
+            //HATEOAS
+            last:null, // a prendre a partir de la requete
+            prev:null,
+            next:null,
+            last:null,
         };
     },
     mounted(){
         //TODO faire route pour prendre la page a partir de l'URL
-        this.getScientifiques(this.page)
+        this.self=`${REST_API}/scientifiques?page=${this.page}`
+        this.getScientifiques(this.self)
     },
     methods:{
-        getScientifiques(page){
+        getScientifiques(url){
             //enlever les anciens du tableau
             this.scientifiques.splice(0)
             //TODO : ajouter un delai si jamais la requete est trop rapide pour VueJS
             //appeler l'API
-            fetch(`${REST_API}/scientifiques?page=${page}`).then(response=>{
+            fetch(url).then(response=>{
                 response.json().then(json=>{
                     const oldLength=this.scientifiques.length
-                    //prendre le scientifique de la requete
+                    //prendre les scientifiques de la requete
                     this.scientifiques.push(...json._embedded)
+
+                    //HATEOAS
+                    this.self=json._links.self.href;
+                    this.last=json._links.last ? json._links.last.href : null;
+                    this.prev=json._links.prev ? json._links.prev.href : null;
+                    this.next=json._links.next ? json._links.next.href : null;
+                    this.last=json._links.last ? json._links.last.href : null;
                 })
             })
         }
@@ -55,6 +69,8 @@ export default{
     ></LigneScientifique>
 </tbody>
     </table>
-    <button @click="this.getScientifiques(++this.page)">Next</button>
-    <!-- TODO : pagination -->
+    <button v-if="first" @click="this.getScientifiques(this.first)">First</button>
+    <button v-if="prev" @click="this.getScientifiques(this.prev)">Prev</button>
+    <button v-if="next" @click="this.getScientifiques(this.next)">Next</button>
+    <button v-if="last" @click="this.getScientifiques(this.last)">Last</button>
 </template>
\ No newline at end of file

From fa39d298ddcbf1b758edf3aff59f30c55a3dd918 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 18:54:00 +0100
Subject: [PATCH 5/6] rendre invisible boutons sans lien hateoas + hack https +
 fix last double

---
 .../src/components/admin/VoirScientifiques.vue       | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/science-quest/src/components/admin/VoirScientifiques.vue b/science-quest/src/components/admin/VoirScientifiques.vue
index 1f5989a..9159be4 100644
--- a/science-quest/src/components/admin/VoirScientifiques.vue
+++ b/science-quest/src/components/admin/VoirScientifiques.vue
@@ -24,6 +24,8 @@ export default{
     },
     methods:{
         getScientifiques(url){
+            //HACK : s'assurer que les liens sont en HTTPS
+            url=url.replace("http://", "https://")
             //enlever les anciens du tableau
             this.scientifiques.splice(0)
             //TODO : ajouter un delai si jamais la requete est trop rapide pour VueJS
@@ -36,7 +38,7 @@ export default{
 
                     //HATEOAS
                     this.self=json._links.self.href;
-                    this.last=json._links.last ? json._links.last.href : null;
+                    this.first=json._links.first ? json._links.first.href : null;
                     this.prev=json._links.prev ? json._links.prev.href : null;
                     this.next=json._links.next ? json._links.next.href : null;
                     this.last=json._links.last ? json._links.last.href : null;
@@ -69,8 +71,8 @@ export default{
     ></LigneScientifique>
 </tbody>
     </table>
-    <button v-if="first" @click="this.getScientifiques(this.first)">First</button>
-    <button v-if="prev" @click="this.getScientifiques(this.prev)">Prev</button>
-    <button v-if="next" @click="this.getScientifiques(this.next)">Next</button>
-    <button v-if="last" @click="this.getScientifiques(this.last)">Last</button>
+    <button :class="{ invisible: !first }" class="btn btn-secondary" @click="this.getScientifiques(this.first)">First</button>
+    <button :class="{ invisible: !prev }"  class="btn btn-secondary" @click="this.getScientifiques(this.prev)">Prev</button>
+    <button :class="{ invisible: !next }"  class="btn btn-secondary" @click="this.getScientifiques(this.next)">Next</button>
+    <button :class="{ invisible: !last }"  class="btn btn-secondary" @click="this.getScientifiques(this.last)">Last</button>
 </template>
\ No newline at end of file

From 373e1d5bcdb009b711a895edd3e8a7b736c5a058 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Thu, 29 Feb 2024 18:58:26 +0100
Subject: [PATCH 6/6] enlever tout le monde

---
 science-quest/src/components/admin/VoirScientifiques.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/science-quest/src/components/admin/VoirScientifiques.vue b/science-quest/src/components/admin/VoirScientifiques.vue
index 9159be4..0d1acf4 100644
--- a/science-quest/src/components/admin/VoirScientifiques.vue
+++ b/science-quest/src/components/admin/VoirScientifiques.vue
@@ -27,7 +27,7 @@ export default{
             //HACK : s'assurer que les liens sont en HTTPS
             url=url.replace("http://", "https://")
             //enlever les anciens du tableau
-            this.scientifiques.splice(0)
+            this.scientifiques=[]
             //TODO : ajouter un delai si jamais la requete est trop rapide pour VueJS
             //appeler l'API
             fetch(url).then(response=>{