X-Git-Url: https://git.auder.net/img/rock_paper_scissors_lizard_spock.gif?a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=84976b0c6629cef1bf2ebf37d21446da375c6dde;hb=9106c77bf4f1d56ad855d4ffbb93f945065d7fac;hp=f5bef8effdeae9f4340862e8c0783302a7ff8054;hpb=5c42c64e0b43ad4d687c58a6b7e9b9ac5d212e17;p=vchess.git

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index f5bef8ef..84976b0c 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -242,13 +242,14 @@ Vue.component('my-game', {
 			elementArray.push(gameDiv);
 			if (!!this.vr.reserve)
 			{
+				const shiftIdx = (this.mycolor=="w" ? 0 : 1);
 				let myReservePiecesArray = [];
 				for (let i=0; i<VariantRules.RESERVE_PIECES.length; i++)
 				{
 					myReservePiecesArray.push(h('div',
 					{
 						'class': {'board':true, ['board'+sizeY]:true},
-						attrs: { id: this.getSquareId({x:sizeX,y:i}) }
+						attrs: { id: this.getSquareId({x:sizeX+shiftIdx,y:i}) }
 					},
 					[
 						h('img',
@@ -272,7 +273,7 @@ Vue.component('my-game', {
 					oppReservePiecesArray.push(h('div',
 					{
 						'class': {'board':true, ['board'+sizeY]:true},
-						attrs: { id: this.getSquareId({x:sizeX,y:i}) }
+						attrs: { id: this.getSquareId({x:sizeX+(1-shiftIdx),y:i}) }
 					},
 					[
 						h('img',
@@ -436,9 +437,9 @@ Vue.component('my-game', {
 					mousedown: this.mousedown,
 					mousemove: this.mousemove,
 					mouseup: this.mouseup,
-					touchdown: this.mousedown,
+					touchstart: this.mousedown,
 					touchmove: this.mousemove,
-					touchup: this.mouseup,
+					touchend: this.mouseup,
 				},
 			},
 			elementArray
@@ -754,7 +755,8 @@ Vue.component('my-game', {
 				this.possibleMoves = this.mode!="idle" && this.vr.canIplay(this.mycolor,startSquare)
 					? this.vr.getPossibleMovesFrom(startSquare)
 					: [];
-				e.target.parentNode.appendChild(this.selectedPiece);
+				// Next line add moving piece just after current image (required for Crazyhouse reserve)
+				e.target.parentNode.insertBefore(this.selectedPiece, e.target.nextSibling);
 			}
 		},
 		mousemove: function(e) {