.col-sm-12
#fenDiv
input#fen(v-model="curFen" @input="adjustFenSize")
- button(@click="gotoFen") Go
- .row
- .col-sm-12.col-md-10.col-md-offset-1
- BaseGame(:game="game" :vr="vr" ref="basegame")
+ button(@click="gotoFen") {{ st.tr["Go"] }}
+ BaseGame(:game="game" :vr="vr" ref="basegame")
</template>
<script>
};
},
watch: {
- "$route": function(to, from) {
- this.gameRef.fen = to.query["fen"].replace(/_/g, " ");
- this.gameRef.vname = to.params["vname"];
- this.loadGame();
- },
+ // NOTE: no watcher for $route change, because if fenStart doesn't change
+ // then it doesn't trigger BaseGame.re_init() and the result is weird.
"vr.movesCount": function(fen) {
this.curFen = this.vr.getFen();
this.adjustFenSize();
},
},
created: function() {
- this.gameRef.fen = this.$route.query["fen"].replace(/_/g, " ");
this.gameRef.vname = this.$route.params["vname"];
- this.initialize(this.loadGame);
+ if (this.gameRef.vname == "Dark")
+ {
+ alert(this.st.tr["Analyze in Dark mode makes no sense!"]);
+ history.back(); //or this.$router.go(-1)
+ }
+ else
+ {
+ this.gameRef.fen = this.$route.query["fen"].replace(/_/g, " ");
+ this.initialize();
+ }
},
methods: {
- initialize: async function(callback) {
+ initialize: async function() {
// Obtain VariantRules object
const vModule = await import("@/variants/" + this.gameRef.vname + ".js");
window.V = vModule.VariantRules;
- callback();
+ this.loadGame();
},
loadGame: function() {
+ // NOTE: no need to set score (~unused)
this.game.vname = this.gameRef.vname;
this.game.fen = this.gameRef.fen;
this.curFen = this.game.fen;
this.adjustFenSize();
this.vr = new V(this.game.fen);
- this.$set(this.game, "fenStart", this.gameRef.fen); //TODO: Vue3...
+ this.$set(this.game, "fenStart", this.gameRef.fen);
},
adjustFenSize: function() {
let fenInput = document.getElementById("fen");