X-Git-Url: https://git.auder.net/pieces/Cwda/n_black_bishop.svg?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=ded309186a15647eec972086ff08ed5b8008a7c7;hb=c794dbb87592782913af0a09784ed25e019e4d10;hp=278e07824ed9066db980f8a0d5492f2d387cb289;hpb=da06a6eb0237123ce43fdb01cb06246b8b57f5e5;p=vchess.git

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index 278e0782..ded30918 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -1,5 +1,6 @@
 // Game logic on a variant page
 Vue.component('my-game', {
+	props: ["problem"],
 	data: function() {
 		return {
 			vr: null, //object to check moves, store them, FEN..
@@ -23,6 +24,15 @@ Vue.component('my-game', {
 			sound: parseInt(getCookie("sound", "2")),
 		};
 	},
+	watch: {
+		problem: function(p, pp) {
+			// 'problem' prop changed: update board state
+			// TODO: FEN + turn + flags + rappel instructions / solution on click sous l'échiquier
+			// TODO: trouver moyen de passer la situation des reserves pour Crazyhouse,
+			// et l'état des captures pour Grand... bref compléter le descriptif de l'état.
+			this.newGame("problem", p.fen, p.fen.split(" ")[2]);
+		},
+	},
 	render(h) {
 		const [sizeX,sizeY] = [V.size.x,V.size.y];
 		const smallScreen = (window.innerWidth <= 420);
@@ -1024,10 +1034,7 @@ Vue.component('my-game', {
 			{
 				const storageVariant = localStorage.getItem("variant");
 				if (!!storageVariant && storageVariant !== variant)
-				{
-					alert("Finish your " + storageVariant + " game first!");
-					return;
-				}
+					return alert("Finish your " + storageVariant + " game first!");
 				// Send game request and wait..
 				localStorage["newgame"] = variant;
 				this.seek = true;
@@ -1080,7 +1087,7 @@ Vue.component('my-game', {
 				if (this.mycolor == 'b')
 					setTimeout(this.playComputerMove, 500);
 			}
-			//else: against a (IRL) friend: nothing more to do
+			//else: against a (IRL) friend or problem solving: nothing more to do
 		},
 		playComputerMove: function() {
 			const timeStart = Date.now();
@@ -1133,8 +1140,9 @@ Vue.component('my-game', {
 				this.selectedPiece.style.display = "inline-block";
 				this.selectedPiece.style.zIndex = 3000;
 				let startSquare = this.getSquareFromId(e.target.parentNode.id);
-				const iCanPlay = this.mode!="idle"
-					&& (this.mode=="friend" || this.vr.canIplay(this.mycolor,startSquare));
+				const iCanPlay = this.mode!="idle" &&
+					(["friend","problem"].includes(this.mode) ||
+					this.vr.canIplay(this.mycolor,startSquare));
 				this.possibleMoves = iCanPlay ? this.vr.getPossibleMovesFrom(startSquare) : [];
 				// Next line add moving piece just after current image
 				// (required for Crazyhouse reserve)