From: Benjamin Auder Date: Fri, 27 Mar 2020 00:56:00 +0000 (+0100) Subject: Apocalypse chess is better but still slightly buggy X-Git-Url: https://git.auder.net/%7B%7B%20asset%28%27mixstore/css/user/doc/html/config.php?a=commitdiff_plain;h=6ec2feb288c621ffd9a6bf9d3a461f9937b8c9d8;p=vchess.git Apocalypse chess is better but still slightly buggy --- diff --git a/client/public/images/pieces/Apocalypse/empty.svg b/client/public/images/pieces/Apocalypse/empty.svg new file mode 100644 index 00000000..08ec9068 --- /dev/null +++ b/client/public/images/pieces/Apocalypse/empty.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue index 0856096a..5f888805 100644 --- a/client/src/components/Board.vue +++ b/client/src/components/Board.vue @@ -87,7 +87,7 @@ export default { const gameDiv = h( "div", { - class: { + "class": { game: true, clearer: true } @@ -97,7 +97,7 @@ export default { return h( "div", { - class: { + "class": { row: true }, style: { opacity: this.choices.length > 0 ? "0.5" : "1" } @@ -108,7 +108,7 @@ export default { if (showPiece(ci, cj)) { elems.push( h("img", { - class: { + "class": { piece: true, ghost: !!this.selectedPiece && @@ -131,7 +131,7 @@ export default { if (this.settings.hints && hintSquares[ci][cj]) { elems.push( h("img", { - class: { + "class": { "mark-square": true }, attrs: { @@ -144,7 +144,7 @@ export default { return h( "div", { - class: { + "class": { board: true, ["board" + sizeY]: true, "light-square": lightSquare, @@ -176,13 +176,13 @@ export default { h( "div", { - class: { board: true, ["board" + sizeY]: true }, + "class": { board: true, ["board" + sizeY]: true }, attrs: { id: getSquareId({ x: sizeX + shiftIdx, y: i }) }, style: { opacity: qty > 0 ? 1 : 0.35 } }, [ h("img", { - class: { piece: true, reserve: true }, + "class": { piece: true, reserve: true }, attrs: { src: "/images/pieces/" + @@ -190,7 +190,7 @@ export default { ".svg" } }), - h("sup", { class: { "reserve-count": true } }, [ qty ]) + h("sup", { "class": { "reserve-count": true } }, [ qty ]) ] ) ); @@ -203,13 +203,13 @@ export default { h( "div", { - class: { board: true, ["board" + sizeY]: true }, + "class": { board: true, ["board" + sizeY]: true }, attrs: { id: getSquareId({ x: sizeX + (1 - shiftIdx), y: i }) }, style: { opacity: qty > 0 ? 1 : 0.35 } }, [ h("img", { - class: { piece: true, reserve: true }, + "class": { piece: true, reserve: true }, attrs: { src: "/images/pieces/" + @@ -217,7 +217,7 @@ export default { ".svg" } }), - h("sup", { class: { "reserve-count": true } }, [ qty ]) + h("sup", { "class": { "reserve-count": true } }, [ qty ]) ] ) ); @@ -233,7 +233,7 @@ export default { h( "div", { - class: { + "class": { game: true, "reserve-div": true }, @@ -245,7 +245,7 @@ export default { h( "div", { - class: { + "class": { row: true, "reserve-row": true } @@ -258,7 +258,7 @@ export default { h( "div", { - class: { + "class": { game: true, "reserve-div": true }, @@ -270,7 +270,7 @@ export default { h( "div", { - class: { + "class": { row: true, "reserve-row": true } @@ -300,7 +300,7 @@ export default { "div", { attrs: { id: "choices" }, - class: { row: true }, + "class": { row: true }, style: { top: topOffset + "px", left: @@ -313,7 +313,9 @@ export default { }, [ h( "div", - { }, + { + "class": { "full-width": true } + }, this.choices.map(m => { // A "choice" is a move const applyMove = (e) => { @@ -331,7 +333,7 @@ export default { return h( "div", { - class: { + "class": { board: true, ["board" + sizeY]: true }, @@ -349,7 +351,7 @@ export default { this.vr.getPPpath(m, this.orientation) + V.IMAGE_EXTENSION }, - class: { "choice-piece": true }, + "class": { "choice-piece": true }, on: onClick }) ] @@ -488,16 +490,16 @@ export default {