renommer "mode" en "etat"

front
Gwenael PLANCHON 1 year ago
parent 3702ac9f64
commit ec97a4aeda

@ -10,13 +10,13 @@ export default {
compteAReboursId:0, //id donné par le setInterval pour pouvoir l'arreter quand il est a 0 compteAReboursId:0, //id donné par le setInterval pour pouvoir l'arreter quand il est a 0
obtenirTimeoutId:0, //id donné par le setTimeout obtenirTimeoutId:0, //id donné par le setTimeout
modes:{ etats:{
question:true, //afficher la question question:true, //afficher la question
score:false, //afficher les scores score:false, //afficher les scores
salleAttente:false, //afficher la salle d'attente (ecran avec pseudos) salleAttente:false, //afficher la salle d'attente (ecran avec pseudos)
}, },
//variables pour mode question //variables pour l'etat question
question:"", question:"",
reponses:[], reponses:[],
//variables pour la salle d'attente //variables pour la salle d'attente
@ -40,10 +40,10 @@ export default {
}, },
methods:{ methods:{
obtenirQuestion(){ obtenirQuestion(){
this.resetModes() //cacher le mode precedent this.resetEtats() //cacher l'etat precedent
this.DEBUG_obtenirQuestion().then(response=>{ this.DEBUG_obtenirQuestion().then(response=>{
//afficher ce mode //afficher cet etat
this.modes.question=true this.etats.question=true
this.question=response.question this.question=response.question
this.reponses=response.reponses this.reponses=response.reponses
@ -58,10 +58,10 @@ export default {
) )
}, },
obtenirScores(){ obtenirScores(){
this.resetModes() //cacher le mode precedent this.resetEtats() //cacher l'etat precedent
this.DEBUG_obtenirScore().then(response=>{ this.DEBUG_obtenirScore().then(response=>{
//afficher ce mode //afficher cet etat
this.modes.score=true this.etats.score=true
this.leaderboard=response.leaderboard this.leaderboard=response.leaderboard
this.score=response.score this.score=response.score
@ -77,9 +77,9 @@ export default {
) )
}, },
obtenirSalleAttente(){ obtenirSalleAttente(){
this.resetModes() //cacher le mode precedent this.resetEtats() //cacher l'etat precedent
//afficher ce mode //afficher cet etat
this.modes.salleAttente=true this.etats.salleAttente=true
this.DEBUG_obtenirSalleAttente().then(response=>{ this.DEBUG_obtenirSalleAttente().then(response=>{
this.partieDemarree=response.partieDemarree this.partieDemarree=response.partieDemarree
this.joueurs=response.joueurs this.joueurs=response.joueurs
@ -110,8 +110,8 @@ export default {
this.compteARebours=((this.tempsLimite-Date.now())/1000).toFixed(2) this.compteARebours=((this.tempsLimite-Date.now())/1000).toFixed(2)
}, },
resetModes(){ resetEtats(){
Object.keys(this.modes).forEach(nomMode=>this.modes[nomMode]=0) Object.keys(this.etats).forEach(nomEtat=>this.etats[nomEtat]=0)
}, },
//simuler l'api avec des stubs //simuler l'api avec des stubs
async DEBUG_obtenirQuestion(){ async DEBUG_obtenirQuestion(){
@ -151,11 +151,11 @@ export default {
<template> <template>
<!-- Afficher le compte a rebours seulement quand la partie va demarrer, pour eviter de prendre par surprise les joueurs qui attendent dans la salle d'attente--> <!-- Afficher le compte a rebours seulement quand la partie va demarrer, pour eviter de prendre par surprise les joueurs qui attendent dans la salle d'attente-->
<p v-if="partieDemarree">Temps : {{ compteARebours }}s</p> <p v-if="partieDemarree">Temps : {{ compteARebours }}s</p>
<div v-show="modes.question"> <div v-show="etats.question">
<p>{{ question }}</p> <p>{{ question }}</p>
<button v-for="reponse in reponses" @click="repondre(reponse)">{{ reponse }}</button> <button v-for="reponse in reponses" @click="repondre(reponse)">{{ reponse }}</button>
</div> </div>
<div v-show="modes.score"> <div v-show="etats.score">
<h2>Votre score : {{ score }} (+{{ pointsGagne }})</h2> <h2>Votre score : {{ score }} (+{{ pointsGagne }})</h2>
<ol> <ol>
<li v-for="joueur in Object.keys(leaderboard)"> <li v-for="joueur in Object.keys(leaderboard)">
@ -163,7 +163,7 @@ export default {
</li> </li>
</ol> </ol>
</div> </div>
<div v-show="modes.salleAttente"> <div v-show="etats.salleAttente">
<ul> <ul>
<li v-for="joueur in joueurs"> <li v-for="joueur in joueurs">
{{ joueur }} {{ joueur }}

Loading…
Cancel
Save