42a376efedf07f383b047fbb4c0fabc80fb3f9d9
4 players: [], //array of objects, filled later
15 <tr v-for="p in sortedPlayers" v-if="p.available" @click="toggleAvailability(p.index)">
16 <td>{{ p.prenom }}</td>
21 <div id="inactive" class="right">
24 <tr v-for="p in sortedPlayers" v-if="!p.available && p.nom!=''" @click="toggleAvailability(p.index)">
25 <td>{{ p.prenom }}</td>
33 sortedPlayers: function() {
35 .map( (p
,i
) => { return Object
.assign({}, p
, {index: i
}); })
37 return a
.nom
.localeCompare(b
.nom
);
42 toggleAvailability: function(i
) {
43 this.players
[i
].available
= 1 - this.players
[i
].available
;
44 this.$forceUpdate(); //TODO (Vue.set... ?!)
49 props: ['players','writeScoreToDb'],
53 tables: [], //array of arrays of players indices
54 sessions: [], //"mini-points" for each table
55 currentIndex: -1, //table index for scoring
56 scored: [], //boolean for each table index
61 <div v-show="currentIndex < 0">
62 <button id="runPairing" class="block btn" @click="doPairings()">Nouvelle ronde</button>
63 <div class="pairing" v-for="(table,index) in tables" :class="{scored: scored[index]}"
64 @click="showScoreForm(table,index)">
65 <p>Table {{ index+1 }}</p>
67 <tr v-for="(i,j) in table">
68 <td :class="{toto: players[i].prenom=='Toto'}">{{ players[i].prenom }} {{ players[i].nom }}</td>
69 <td class="score"><span v-show="sessions[index].length > 0">{{ sessions[index][j] }}</span></td>
73 <div v-if="unpaired.length>0" class="pairing unpaired">
75 <div v-for="i in unpaired">
76 {{ players[i].prenom }} {{ players[i].nom }}
80 <div id="scoreInput" v-if="currentIndex >= 0">
82 <tr v-for="(index,i) in tables[currentIndex]">
83 <td :class="{toto: players[tables[currentIndex][i]].prenom=='Toto'}">
84 {{ players[tables[currentIndex][i]].prenom }} {{ players[tables[currentIndex][i]].nom }}
86 <td><input type="text" v-model="sessions[currentIndex][i]" value="0"/></td>
89 <div class="button-container-horizontal">
90 <button class="btn validate" @click="setScore()">Enregistrer</button>
91 <button class="btn" @click="currentIndex = -1">Fermer</button>
93 <div v-if="scored[currentIndex]" class="warning">
94 Attention: un score a déjà été enregistré.
95 Les points indiqués ici s'ajouteront : il faut d'abord
96 <span class="link" @click="document.getElementById('restoreBtn').click()">restaurer l'état précédent.</span>
97 Si c'est déjà fait, ignorer ce message :)
103 doPairings: function() {
104 // Simple case first: 4 by 4
106 let currentTable
= [];
107 let ordering
= _
.shuffle(_
.range(this.players
.length
));
108 for (let i
=0; i
<ordering
.length
; i
++)
110 if ( ! this.players
[ordering
[i
]].available
)
112 if (currentTable
.length
>= 4)
114 tables
.push(currentTable
);
117 currentTable
.push(ordering
[i
]);
121 if (currentTable
.length
!= 0)
123 if (currentTable
.length
< 3)
125 let missingPlayers
= 3 - currentTable
.length
;
126 // Pick players from 'missingPlayers' random different tables, if possible
127 if (tables
.length
>= missingPlayers
)
129 let tblNums
= _
.sample(_
.range(tables
.length
), missingPlayers
);
130 tblNums
.forEach( num
=> {
131 currentTable
.push(tables
[num
].pop());
135 if (currentTable
.length
>= 3)
136 tables
.push(currentTable
);
138 this.unpaired
= currentTable
;
140 // Ensure that all tables have 4 players
141 tables
.forEach( t
=> {
143 t
.push(0); //index of "Toto", ghost player
145 this.tables
= tables
;
146 this.sessions
= tables
.map( t
=> { return []; }); //empty sessions
147 this.scored
= tables
.map( t
=> { return false; }); //nothing scored yet
148 this.currentIndex
= -1; //required if reset while scoring
150 showScoreForm: function(table
,index
) {
151 if (this.sessions
[index
].length
== 0)
152 this.sessions
[index
] = _
.times(table
.length
, _
.constant(0));
153 this.currentIndex
= index
;
155 setScore: function() {
156 let sortedSessions
= this.sessions
[this.currentIndex
]
157 .map( (s
,i
) => { return {value:s
, index:i
}; })
158 .sort( (a
,b
) => { return parseInt(b
.value
) - parseInt(a
.value
); });
159 let pdts
= [4, 2, 1, 0];
160 // NOTE: take care of ex-aequos (spread points subtotal)
161 let curSum
= 0, curCount
= 0, start
= 0;
162 for (let i
=0; i
<4; i
++)
167 if (i
==3 || sortedSessions
[i
].value
> sortedSessions
[i
+1].value
)
169 let pdt
= curSum
/ curCount
;
170 for (let j
=start
; j
<=i
; j
++)
171 this.players
[this.tables
[this.currentIndex
][sortedSessions
[j
].index
]].pdt
+= pdt
;
177 this.players
[this.tables
[this.currentIndex
][i
]].session
+= parseInt(this.sessions
[this.currentIndex
][i
]);
179 this.scored
[this.currentIndex
] = true;
180 this.currentIndex
= -1;
181 this.writeScoreToDb();
188 time: 0, //remaining time, in seconds
193 <div id="timer" :style="{lineHeight: screen.height+ 'px', fontSize: 0.66*screen.height + 'px'}">
194 <div @click.left="pauseResume()" @click.right.prevent="reset()" :class="{timeout:time==0}">
197 <img class="close-cross" src="img/cross.svg" @click="$emit('clockover')"/>
201 formattedTime: function() {
202 let seconds
= this.time
% 60;
203 let minutes
= Math
.floor(this.time
/ 60);
204 return this.padToZero(minutes
) + ":" + this.padToZero(seconds
);
208 padToZero: function(a
) {
213 pauseResume: function() {
214 this.running
= !this.running
;
219 this.running
= false;
220 this.time
= 5400; //1:30
227 new Audio("sounds/gong.mp3").play();
228 this.running
= false;
238 created: function() {
243 props: ['players','sortByScore','writeScoreToDb'],
246 <table class="ranking">
253 <tr v-for="p in sortedPlayers">
254 <td>{{ p.rank }}</td>
255 <td>{{ p.prenom }} {{ p.nom }}</td>
257 <td>{{ p.session }}</td>
260 <div class="button-container-vertical" style="width:200px">
261 <button class="btn cancel" @click="resetPlayers()">Réinitialiser</button>
262 <button id="restoreBtn" class="btn" @click="restoreLast()">Restaurer</button>
267 sortedPlayers: function() {
268 let res
= this.rankPeople();
269 // Add rank information (taking care of ex-aequos)
271 for (let i
=0; i
<res
.length
; i
++)
273 if (i
==0 || this.sortByScore(res
[i
],res
[i
-1]) == 0)
275 else //strictly lower scoring
276 res
[i
].rank
= ++rank
;
282 rankPeople: function() {
284 .slice(1) //discard Toto
285 .map( p
=> { return Object
.assign({}, p
); }) //to not alter original array
286 .sort(this.sortByScore
);
288 resetPlayers: function() {
290 .slice(1) //discard Toto
296 this.writeScoreToDb();
297 document
.getElementById("runPairing").click(); //TODO: hack...
299 restoreLast: function() {
300 let xhr
= new XMLHttpRequest();
302 xhr
.onreadystatechange = function() {
303 if (this.readyState
== 4 && this.status
== 200)
305 let players
= JSON
.parse(xhr
.responseText
);
306 if (players
.length
> 0)
308 players
.unshift({ //add ghost 4th player for 3-players tables
315 self
.players
= players
;
319 xhr
.open("GET", "scripts/rw_players.php?restore=1", true);
325 created: function() {
326 let xhr
= new XMLHttpRequest();
328 xhr
.onreadystatechange = function() {
329 if (this.readyState
== 4 && this.status
== 200)
331 let players
= JSON
.parse(xhr
.responseText
);
332 players
.forEach( p
=> {
333 p
.pdt
= !!p
.pdt
? parseFloat(p
.pdt
) : 0;
334 p
.session
= !!p
.session
? parseInt(p
.session
) : 0;
335 p
.available
= !!p
.available
? p
.available : 1; //use integer for fputcsv PHP func
337 players
.unshift({ //add ghost 4th player for 3-players tables
344 self
.players
= players
;
347 xhr
.open("GET", "scripts/rw_players.php", true);
351 // Used both in ranking and pairings:
352 sortByScore: function(a
,b
) {
353 return b
.pdt
- a
.pdt
+ (Math
.atan(b
.session
- a
.session
) / (Math
.PI
/2)) / 2;
355 writeScoreToDb: function() {
356 let xhr
= new XMLHttpRequest();
357 xhr
.open("POST", "scripts/rw_players.php");
358 xhr
.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
359 let orderedPlayers
= this.players
360 .slice(1) //discard Toto
361 .map( p
=> { return Object
.assign({}, p
); }) //deep (enough) copy
362 .sort(this.sortByScore
);
363 xhr
.send("players="+encodeURIComponent(JSON
.stringify(orderedPlayers
)));