X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBaseGame.vue;h=3573643d22a694219dfb8d6f6b875017679419cd;hp=47776de24987e40dc9c7c81d20aa90ad34c93526;hb=71ef1664983cd58db3c3bbfdf6cb7c362474e9a5;hpb=e3e2cc443054cfb273b28b3ba46f559117c5ceae

diff --git a/client/src/components/BaseGame.vue b/client/src/components/BaseGame.vue
index 47776de2..3573643d 100644
--- a/client/src/components/BaseGame.vue
+++ b/client/src/components/BaseGame.vue
@@ -45,7 +45,7 @@ div#baseGame(
       #controls
         button(@click="gotoBegin()") <<
         button(@click="undo()") <
-        button(@click="flip()") &#8645;
+        button(v-if="canFlip" @click="flip()") &#8645;
         button(@click="play()") >
         button(@click="gotoEnd()") >>
       #belowControls
@@ -121,16 +121,28 @@ export default {
         : (this.vr ? this.vr.showMoves : "none");
     },
     showTurn: function() {
-      return this.game.score == '*' && this.vr && this.vr.showMoves != "all";
+      return (
+        this.game.score == '*' &&
+        this.vr &&
+        (this.vr.showMoves != "all" || !this.vr.canFlip)
+      );
     },
     turn: function() {
-      return this.vr
-        ? this.st.tr[(this.vr.turn == 'w' ? "White" : "Black") + " to move"]
+      if (!this.vr)
+        return "";
+      if (this.vr.showMoves != "all")
+        return this.st.tr[(this.vr.turn == 'w' ? "White" : "Black") + " to move"]
+      // Cannot flip: racing king or circular chess
+      return this.vr.movesCount == 0 && this.game.mycolor == "w"
+        ? this.st.tr["It's your turn!"]
         : "";
     },
     canAnalyze: function() {
       return this.game.mode != "analyze" && this.vr && this.vr.canAnalyze;
     },
+    canFlip: function() {
+      return this.vr && this.vr.canFlip;
+    },
     allowDownloadPGN: function() {
       return this.game.score != "*" || (this.vr && this.vr.showMoves == "all");
     }
@@ -444,6 +456,7 @@ export default {
 
 #controls
   margin: 0 auto
+  text-align: center
   button
     display: inline-block
     width: 20%