X-Git-Url: https://git.auder.net/assets/css/current/git-logo.png?a=blobdiff_plain;f=js%2Findex.js;h=09f0c17e657aa9b5dcf590d6edc42f0db908723e;hb=496ab82e42360d209fdf66cb2cfca519ce3a7c02;hp=f58a403d42ac7ff2d9590e456b4a664e3efc95b8;hpb=8d4d23009371e7ca83e0793185f0ae8485190007;p=westcastle.git
diff --git a/js/index.js b/js/index.js
index f58a403..09f0c17 100644
--- a/js/index.js
+++ b/js/index.js
@@ -6,7 +6,7 @@ new Vue({
},
components: {
'my-players': {
- props: ['players'],
+ props: ['players','initPlayers'],
template: `
-
+
+
+
+
Table {{ index+1 }}
@@ -83,23 +106,30 @@ new Vue({
{{ players[tables[currentIndex][i]].prenom }} {{ players[tables[currentIndex][i]].nom }}
|
-
|
+
|
-
-
-
-
- Attention: un score a déjà été enregistré.
- Les points indiqués ici s'ajouteront : il faut d'abord
- restaurer l'état précédent.
- Si c'est déjà fait, ignorer ce message :)
+
+
+
`,
methods: {
+ // TODO: clic sur "Valider" télécharge la ronde courante
+ // TODO: mémoriser les appariements passés pour éviter que les mêmes joueurs se rencontrent plusieurs fois
+ // --> dans la base: tableau rounds, rounds[0] : {tables[0,1,...], chacune contenant 4 indices de joueurs; + sessions[0,1,...]}
+ // --> devrait séparer les components en plusieurs fichiers...
+ // cas à 5 joueurs : le joueur exempt doit tourner (c'est fait automatiquement en fait)
+ cancelRound: function() {
+
+ },
doPairings: function() {
// Simple case first: 4 by 4
let tables = [];
@@ -152,36 +182,57 @@ new Vue({
this.sessions[index] = _.times(table.length, _.constant(0));
this.currentIndex = index;
},
- setScore: function() {
+ closeScoreForm: function() {
+ if (!this.scored[this.currentIndex])
+ this.sessions[this.currentIndex] = [];
+ this.currentIndex = -1;
+ },
+ getPdts: function() {
let sortedSessions = this.sessions[this.currentIndex]
.map( (s,i) => { return {value:parseInt(s), index:i}; })
.sort( (a,b) => { return b.value - a.value; });
- let pdts = [4, 2, 1, 0];
+ const ref_pdts = [4, 2, 1, 0];
// NOTE: take care of ex-aequos (spread points subtotal)
let curSum = 0, curCount = 0, start = 0;
+ let sortedPdts = [];
for (let i=0; i<4; i++)
{
- // Update pdts:
- curSum += pdts[i];
+ curSum += ref_pdts[i];
curCount++;
if (i==3 || sortedSessions[i].value > sortedSessions[i+1].value)
{
let pdt = curSum / curCount;
for (let j=start; j<=i; j++)
- this.players[this.tables[this.currentIndex][sortedSessions[j].index]].pdt += pdt;
+ sortedPdts.push(pdt);
curSum = 0;
curCount = 0;
start = i+1;
}
- // Update sessions:
+ }
+ // Re-order pdts to match table order
+ let pdts = [0, 0, 0, 0];
+ for (let i=0; i<4; i++)
+ pdts[sortedSessions[i].index] = sortedPdts[i];
+ return pdts;
+ },
+ setScore: function() {
+ let pdts = this.getPdts();
+ for (let i=0; i<4; i++)
+ {
+ this.players[this.tables[this.currentIndex][i]].pdt += pdts[i];
this.players[this.tables[this.currentIndex][i]].session += parseInt(this.sessions[this.currentIndex][i]);
}
- this.scored[this.currentIndex] = true;
+ Vue.set(this.scored, this.currentIndex, true);
this.currentIndex = -1;
- this.writeScoreToDb();
},
- clickRestore: function() {
- document.getElementById('restoreBtn').click();
+ resetScore: function() {
+ let pdts = this.getPdts();
+ for (let i=0; i<4; i++)
+ {
+ this.players[this.tables[this.currentIndex][i]].pdt -= pdts[i];
+ this.players[this.tables[this.currentIndex][i]].session -= parseInt(this.sessions[this.currentIndex][i]);
+ }
+ Vue.set(this.scored, this.currentIndex, false);
},
},
},
@@ -190,13 +241,17 @@ new Vue({
return {
time: 0, //remaining time, in seconds
running: false,
+ initialTime: 90, //1h30, in minutes
+ setter: false,
+ setterTime: 0, //to input new initial time
};
},
template: `
-
+
{{ formattedTime }}
+
`,
@@ -214,6 +269,11 @@ new Vue({
},
},
methods: {
+ setTime: function() {
+ this.initialTime = this.setterTime;
+ this.setter = false;
+ this.reset();
+ },
padToZero: function(a) {
if (a < 10)
return "0" + a;
@@ -226,7 +286,7 @@ new Vue({
},
reset: function(e) {
this.running = false;
- this.time = 5400; //1:30
+ this.time = this.initialTime * 60;
},
start: function() {
if (!this.running)
@@ -237,6 +297,8 @@ new Vue({
this.running = false;
return;
}
+ if (this.time == this.initialTime)
+ new Audio("sounds/gong.mp3").play(); //gong at the beginning
setTimeout(() => {
if (this.running)
this.time--;
@@ -245,11 +307,30 @@ new Vue({
},
},
created: function() {
+ this.setterTime = this.initialTime;
this.reset();
},
+ mounted: function() {
+ let timer = document.getElementById("timer");
+ let keyDict = {
+ 32: () => { this.setter = true; }, //Space
+ 27: () => { this.setter = false; }, //Esc
+ };
+ document.addEventListener("keyup", e => {
+ if (timer.style.display !== "none")
+ {
+ let func = keyDict[e.keyCode];
+ if (!!func)
+ {
+ e.preventDefault();
+ func();
+ }
+ }
+ });
+ },
},
'my-ranking': {
- props: ['players','sortByScore','writeScoreToDb'],
+ props: ['players','sortByScore','commitScores'],
template: `
@@ -267,8 +348,11 @@ new Vue({
`,
@@ -294,86 +378,83 @@ new Vue({
.sort(this.sortByScore);
},
resetPlayers: function() {
+ if (confirm('Ãtes-vous sûr ?'))
+ {
+ this.players
+ .slice(1) //discard Toto
+ .forEach( p => {
+ p.pdt = 0;
+ p.session = 0;
+ p.available = 1;
+ });
+ this.commitScores();
+ document.getElementById("doPairings").click();
+ }
+ },
+ download: function() {
+ // Prepare file content
+ let content = "prénom,nom,pdt,session\n";
this.players
.slice(1) //discard Toto
+ .sort(this.sortByScore)
.forEach( p => {
- p.pdt = 0;
- p.session = 0;
- p.available = 1;
+ content += p.prenom + "," + p.nom + "," + p.pdt + "," + p.session + "\n";
});
- this.writeScoreToDb();
- document.getElementById("runPairing").click();
- },
- restoreLast: function() {
- let xhr = new XMLHttpRequest();
- let self = this;
- xhr.onreadystatechange = function() {
- if (this.readyState == 4 && this.status == 200)
- {
- let players = JSON.parse(xhr.responseText);
- if (players.length > 0)
- {
- players.unshift({ //add ghost 4th player for 3-players tables
- prenom: "Toto",
- nom: "",
- pdt: 0,
- session: 0,
- available: 0,
- });
- // NOTE: Vue warning "do not mutate property" if direct self.players = players
- for (let i=1; i
{
- p.pdt = !!p.pdt ? parseFloat(p.pdt) : 0;
- p.session = !!p.session ? parseInt(p.session) : 0;
- p.available = !!p.available ? p.available : 1; //use integer for fputcsv PHP func
- });
- players.unshift({ //add ghost 4th player for 3-players tables
- prenom: "Toto",
- nom: "",
- pdt: 0,
- session: 0,
- available: 0,
- });
- self.players = players;
- }
- };
- xhr.open("GET", "scripts/rw_players.php", true);
- xhr.send(null);
+ let players = JSON.parse(localStorage.getItem("players"));
+ if (players !== null)
+ {
+ this.addToto(players);
+ this.players = players;
+ }
},
methods: {
+ addToto: function(array) {
+ array.unshift({ //add ghost 4th player for 3-players tables
+ prenom: "Toto",
+ nom: "",
+ pdt: 0,
+ session: 0,
+ available: 0,
+ });
+ },
// Used both in ranking and pairings:
sortByScore: function(a,b) {
return b.pdt - a.pdt + (Math.atan(b.session - a.session) / (Math.PI/2)) / 2;
},
- writeScoreToDb: function() {
- let xhr = new XMLHttpRequest();
- xhr.open("POST", "scripts/rw_players.php");
- xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
- let orderedPlayers = this.players
- .slice(1) //discard Toto
- .sort(this.sortByScore);
- xhr.send("players="+encodeURIComponent(JSON.stringify(orderedPlayers)));
+ commitScores: function() {
+ localStorage.setItem(
+ "players",
+ JSON.stringify(this.players.slice(1)) //discard Toto
+ );
+ },
+ // Used in players, reinit players array
+ initPlayers: function(csv) {
+ const allLines = csv
+ .split(/\r\n|\n|\r/) //line breaks
+ .splice(1); //discard header
+ let players = allLines
+ .filter( line => { return line.length > 0; }) //remove empty lines
+ .map( line => {
+ let parts = line.split(",");
+ let p = { prenom: parts[0], nom: parts[1] };
+ p.pdt = parts.length > 2 ? parseFloat(parts[2]) : 0;
+ p.session = parts.length > 3 ? parseInt(parts[3]) : 0;
+ p.available = parts.length > 4 ? parts[4] : 1;
+ return p;
+ });
+ this.addToto(players);
+ this.players = players;
+ this.commitScores(); //save players in memory
},
},
});