Fix #49 Games page doesn't use settings for the pieces and boards

client/chess.ts

@@ -9,7 +9,7 @@ export const VARIANTS = {
     cambodian: { geom: Geometry.dim8x8, cg: "cg-512", BoardCSS: ["makruk.svg", "makruk.jpg"], pieces: "makruk", PieceCSS: ["makruk", "makruks"], icon: "!"},
     sittuyin: { geom: Geometry.dim8x8, cg: "cg-512", BoardCSS: ["sittuyin.svg", "sittuyin.jpg"], pieces: "sittuyin", PieceCSS: ["sittuyinm", "sittuyins"], icon: "R", baseURL: ["makruk", "sittuyin"] },
     shogi: { geom: Geometry.dim9x9, cg: "cg-576", BoardCSS: ["shogi.svg", "Shogiban1.png", "Shogiban2.png", "shogic.svg", "ShogiMaple.png", "ShogiCheckeredWood.png"], pieces: "shogi", PieceCSS: ["shogi0k", "shogi0", "shogi0w", "shogi0p", "shogi0m"], icon: "K", baseURL: ["shogi/ctk", "shogi", "shogi/ctw", "shogi/ctp", "shogi/ctm"] },
-    minishogi: { geom: Geometry.dim5x5, cg: "cg-260", BoardCSS: ["minishogi.svg", "MiniboardWood1.png", "MiniboardWood2.png"], pieces: "smini", PieceCSS: ["smini0k", "smini0", "smini0w", "smini0p", "smini0m"], icon: "6", baseURL: ["shogi/ctk", "shogi", "shogi/ctw", "shogi/ctp", "shogi/ctm"] },
+    minishogi: { geom: Geometry.dim5x5, cg: "cg-260", BoardCSS: ["minishogi.svg", "MiniboardWood1.png", "MiniboardWood2.png"], pieces: "shogi", PieceCSS: ["shogi0k", "shogi0", "shogi0w", "shogi0p", "shogi0m"], icon: "6", baseURL: ["shogi/ctk", "shogi", "shogi/ctw", "shogi/ctp", "shogi/ctm"] },
     kyotoshogi: { geom: Geometry.dim5x5, cg: "cg-260", BoardCSS: ["minishogi.svg", "MiniboardWood1.png", "MiniboardWood2.png"], pieces: "kyoto", PieceCSS: ["kyoto0", "kyoto0k", "kyoto0i"], icon: ")", baseURL: ["shogi", "kyoto/Kanji", "kyoto/Intl"] },
     xiangqi: { geom: Geometry.dim9x10, cg: "cg-576-640", BoardCSS: ["xiangqi.svg", "xiangqic.svg", "xiangqiCTexture.png", "xiangqiPaper.png", "xiangqiWood.png"], pieces: "xiangqi", PieceCSS: ["xiangqi", "xiangqie", "xiangqict2", "xiangqihnz", "xiangqict2w", "xiangqihnzw"], icon: "8" },
     minixiangqi: { geom: Geometry.dim7x7, cg: "cg-448", BoardCSS: ["minixiangqi.svg", "minixiangqiw.png", "minixqlg.svg"], pieces: "xiangqi", PieceCSS: ["xiangqi", "xiangqie", "xiangqict2", "xiangqihnz", "xiangqict2w", "xiangqihnzw"], icon: "7" },

client/settings.ts

@@ -31,16 +31,14 @@ export function changeCSS(cssFile) {
         cssLinkIndex = 4;
     } else if (cssFile.includes("shogi")) {
         cssLinkIndex = 5;
-    } else if (cssFile.includes("smini")) {
-        cssLinkIndex = 6;
     } else if (cssFile.includes("kyoto")) {
-        cssLinkIndex = 7;
+        cssLinkIndex = 6;
     } else if (cssFile.includes("xiangqi")) {
-        cssLinkIndex = 8;
+        cssLinkIndex = 7;
     } else if (cssFile.includes("capa")) {
-        cssLinkIndex = 9;
+        cssLinkIndex = 8;
     } else if (cssFile.includes("shako")) {
-        cssLinkIndex = 10;
+        cssLinkIndex = 9;
     }
     document.getElementsByTagName("link").item(cssLinkIndex)!.setAttribute("href", cssFile);
 }
@@ -219,9 +217,13 @@ function renderPieces (ctrl) {
     const togglePieces = (e) => {
         const idx = e.target.value;
         //console.log("togglePieces()", idx);
-        ctrl.CSSindexesP[variants.indexOf(ctrl.variant)] = idx
-        localStorage.setItem(ctrl.variant + "_pieces", String(idx));
+        ctrl.CSSindexesP[variants.indexOf(ctrl.variant)] = idx;
         setPieces(ctrl, ctrl.mycolor);
+
+        const family = VARIANTS[ctrl.variant].pieces;
+        Object.keys(VARIANTS).forEach((key) => {
+            if (VARIANTS[key].pieces === family) localStorage.setItem(key + "_pieces", String(idx));
+        });
     }
 
     for (i = 0; i < VARIANTS[ctrl.variant].PieceCSS.length; i++) {