X-Git-Url: https://git.auder.net/?p=vchess.git;a=blobdiff_plain;f=public%2Fjavascripts%2Fcomponents%2Fgame.js;h=2897b1cd00f6abd5d0c61d8e488075f71be54dab;hp=86f252106991c911a48f57740d9278d1a0b7a359;hb=1221ac47836806efb287b0323b92957d9129c653;hpb=a6abf094c35a26019e47fea21302c4be32ff030b

diff --git a/public/javascripts/components/game.js b/public/javascripts/components/game.js
index 86f25210..2897b1cd 100644
--- a/public/javascripts/components/game.js
+++ b/public/javascripts/components/game.js
@@ -240,23 +240,39 @@ Vue.component('my-game', {
 				);
 			}
 			elementArray.push(gameDiv);
-	//			if (!!vr.reserve)
-	//			{
-	//				let reserve = h('div',
-	//					{'class':{'game':true}}, [
-	//						h('div',
-	//							{ 'class': { 'row': true }},
-	//							[
-	//								h('div',
-	//									{'class':{'board':true}},
-	//									[h('img',{'class':{"piece":true},attrs:{"src":"/images/pieces/wb.svg"}})]
-	//								)
-	//							]
-	//						)
-	//					],
-	//				);
-	//				elementArray.push(reserve);
-	//			}
+			if (!!this.vr.reserve) //TODO: table, show counts for reserve pieces
+				//<tr style="padding:0">
+				//    <td style="padding:0;font-size:10px">3</td>
+			{
+				let reservePiecesArray = [];
+				for (let i=0; i<VariantRules.RESERVE_PIECES.length; i++)
+				{
+					reservePiecesArray.push(h('img',
+						{
+							'class': {"piece":true},
+							attrs: {
+								"src": "/images/pieces/" +
+									this.vr.getReservePpath(this.mycolor,i) + ".svg",
+								id: this.getSquareId({x:sizeX,y:i}),
+							}
+						})
+					);
+				}
+				let reserve = h('div',
+					{'class':{'game':true}}, [
+						h('div',
+							{ 'class': { 'row': true }},
+							[
+								h('div',
+									{'class':{'board':true, ['board'+sizeY]:true}},
+									reservePiecesArray
+								)
+							]
+						)
+					],
+				);
+				elementArray.push(reserve);
+			}
 			const eogMessage = this.getEndgameMessage(this.score);
 			const modalEog = [
 				h('input',