|
|
|
@ -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>
|