+ // Modal new game, and then sub-components
+ template: `
+ <div>
+ <input id="modalNewgame" type="checkbox" class"="modal"/>
+ <div role="dialog" aria-labelledby="titleFenedit">
+ <div class="card smallpad">
+ <label id="closeNewgame" for="modalNewgame" class="modal-close">
+ </label>
+ <h3 id="titleFenedit" class="section">
+ {{ translate("Game state (FEN):") }}
+ </h3>
+ <input id="input-fen" type="text"/>
+ <p>TODO: cadence, adversaire (pre-filled if click on name)</p>
+ <p>Note: leave FEN blank for random</p>
+ <button @click="newGame">Launch game</button>
+ </div>
+ </div>
+ <div>
+ <my-chat :conn="conn" :myname="myname" :people="people"></my-chat>
+ <my-challenge-list :conn="conn"></my-challenge-list>
+ </div>
+ <div>
+ <my-player-list :conn="conn"></my-player-list>
+ // TODO: also corr games (of pther players)
+ // presentation ? table ?!
+ <my-game-summary v-for="g in remoteGames"
+ v-bind:vobj="g" v-bind:game="g" v-bind:key="g.id"
+ @click="() => showGame(g.id,g.uid)">
+ </my-game-summary>
+ </div>
+ </div>
+ `,
+ created: function() {
+ // TODO: ask server for current corr games (all but mines)
+ const socketMessageListener = msg => {
+ const data = JSON.parse(msg.data);
+ switch (data.code)
+ {
+ // TODO: also receive remote games summaries (update)
+ // (just players names, time control, and ID + player ID)