X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FRules.vue;h=556ea863881ffc95fa5100b6bb8c9060fc10a11c;hb=a97bdbda4ecf83645d409b717e36828784d1450d;hp=b0abd8de3412b9058ad3fe9500dc9a4fc019e3fc;hpb=5bcc9b31a762645af3d35192e7359771c95d4ff7;p=vchess.git diff --git a/client/src/views/Rules.vue b/client/src/views/Rules.vue index b0abd8de..556ea863 100644 --- a/client/src/views/Rules.vue +++ b/client/src/views/Rules.vue @@ -3,61 +3,99 @@ main .row .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2 .button-group - button(@click="clickReadRules") Rules - button(v-show="!gameInProgress" @click="() => startGame('auto')") - | Sample game - button(v-show="!gameInProgress" @click="() => startGame('versus')") - | Practice - button(v-show="gameInProgress" @click="() => stopGame()") - | Stop game - button(v-if="display=='rules' && gameInfo.vname!='Dark'" - @click="gotoAnalyze") - | {{ st.tr["Analyze"] }} - .section-content(v-show="display=='rules'" v-html="content") - ComputerGame(v-show="display=='computer'" :game-info="gameInfo" - @game-over="stopGame" @game-stopped="gameStopped") + button(@click="clickReadRules()") {{ st.tr["Rules"] }} + button( + v-show="!gameInProgress" + @click="startGame('auto')" + ) + | {{ st.tr["Example game"] }} + button( + v-show="!gameInProgress" + @click="startGame('versus')" + ) + | {{ st.tr["Practice"] }} + button( + v-show="gameInProgress" + @click="stopGame()" + ) + | {{ st.tr["Stop game"] }} + button( + v-if="showAnalyzeBtn" + @click="gotoAnalyze()" + ) + | {{ st.tr["Analysis mode"] }} + .row + .col-sm-12.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-3 + div( + v-show="display=='rules'" + v-html="content" + ) + ComputerGame( + ref="compgame" + v-show="display=='computer'" + :game-info="gameInfo" + @game-stopped="gameStopped" + )