X-Git-Url: https://git.auder.net/doc/screen_ranking.png?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FRules.vue;h=f626cc9e66ad0af8d59932d6f3a0d5b9772ead23;hb=dce792f64ab0a311d348a6eb05c440dd1b170bd3;hp=2cfd3318400591973cffa38329e8711a512a0a87;hpb=cf2343cee5729c011770ace6d5b4f79d1ac3a2b6;p=vchess.git
diff --git a/client/src/views/Rules.vue b/client/src/views/Rules.vue
index 2cfd3318..f626cc9e 100644
--- a/client/src/views/Rules.vue
+++ b/client/src/views/Rules.vue
@@ -1,48 +1,52 @@
.row
- .col-sm-12 col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2
+ .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
.button-group
button(@click="display='rules'") Read the rules
- button(v-show="!gameInProgress" @click="watchComputerGame")
+ button(v-show="!gameInProgress" @click="() => startGame('auto')")
| Observe a sample game
- button(v-show="!gameInProgress" @click="playAgainstComputer")
+ button(v-show="!gameInProgress" @click="() => startGame('versus')")
| Beat the computer!
button(v-show="gameInProgress" @click="stopGame")
| Stop game
- div(v-show="display=='rules'" v-html="content" class="section-content")
- Game(v-show="display=='computer'" :mycolor="mycolor" :fen="fen"
- :mode="mode" :sub-mode="subMode"
+ .section-content(v-show="display=='rules'" v-html="content")
+ ComputerGame(v-show="display=='computer'" :game-info="gameInfo"
@computer-think="gameInProgress=false" @game-over="stopGame")
+
+