+ <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>
+ <fieldset>
+ <label for="selectVariant">{{ translate("Variant") }}</label>
+ <select id="selectVariant" v-model="newgameInfo.vid">
+ <option v-for="v in variants" :value="v.id">{{ v.name }}</option>
+ </select>
+ </fieldset>
+ <fieldset>
+ <label for="selectNbPlayers">{{ translate("Number of players") }}</label>
+ <select id="selectNbPlayers" v-model="newgameInfo.nbPlayers">
+ <option v-show="possibleNbplayers(2)" value="2">2</option>
+ <option v-show="possibleNbplayers(3)" value="3">3</option>
+ <option v-show="possibleNbplayers(4)" value="4">4</option>
+ </select>
+ </fieldset>
+ <fieldset>
+ <label for="timeControl">Time control (in days)</label>
+ <div id="timeControl">
+ <input type="number" v-model="newgameInfo.mainTime" placeholder="Main time"/>
+ <input type="number" v-model="newgameInfo.increment" placeholder="Increment"/>
+ </div>
+ </fieldset>
+ <fieldset>
+ <label for="selectPlayers">{{ translate("Play with?") }}</label>
+ <div id="selectPlayers">
+ <input type="text" v-model="newgameInfo.players[0]"/>
+ <input v-show="newgameInfo.nbPlayers>=3" type="text"
+ v-model="newgameInfo.players[1]"/>
+ <input v-show="newgameInfo.nbPlayers==4" type="text"
+ v-model="newgameInfo.players[2]"/>
+ </div>
+ </fieldset>
+ <fieldset>
+ <label for="inputFen">{{ translate("FEN (ignored if players fields are blank)") }}</label>
+ <input id="inputFen" type="text" v-model="newgameInfo.fen"/>
+ </fieldset>
+ <button @click="newGame">Launch game</button>
+ </div>
+ </div>
+ <p v-if="!userId">Correspondance play is reserved to registered users</p>
+ <div v-if="!!userId">
+ <my-challenge-list :challenges="challenges" @click-challenge="clickChallenge">
+ </my-challenge-list>
+ <button onClick="doClick('modalNewgame')">New game</button>
+ <my-game-list :games="games" @show-game="showGame">
+ </my-game-list>
+ </div>