adam/tripeaks-solitaire-solver-js-73k
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

lint & format

Browse source
This commit is contained in:
Adam Piontek 2022-09-13 21:59:30 -04:00
parent d752c93092
commit c2f1d805b4
2 changed files with 44 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
index.html
View file

@ -13,63 +13,71 @@
<div class="col pt-3 pt-lg-5">
<h1 class="mb-3">Tripeaks Solver</h1>
<div x-data="{show: false}" class="accordion mb-3" id="readMeAccordion">
<div
x-data="{show: false}"
class="accordion mb-3"
id="readMeAccordion"
>
<div class="accordion-item">
<h2 id="readMeHeader" class="accordion-header" >
<h2 id="readMeHeader" class="accordion-header">
<button
class="accordion-button"
:class="{'collapsed': !show}"
type="button"
:aria-expanded="show ? 'true' : 'false'"
aria-controls="collapseOne"
@click="show = !show">
@click="show = !show"
>
Read Me / How To
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" :class="{'show': show}" aria-labelledby="headingOne">
<div
id="collapseOne"
class="accordion-collapse collapse"
:class="{'show': show}"
aria-labelledby="headingOne"
>
<div class="accordion-body">
<p>
Enter cards representing a Tripeaks game below. Enter each
card as 2 characters representing the rank (A, 2, 3, 4, 5,
6, 7, 8, 9, T, J, Q, K) and suit (C, D, H, S). For example,
"TH" is the Ten of Hearts.
</p>
<p>
Enter cards representing a Tripeaks game below. Enter each card as 2
characters representing the rank (A, 2, 3, 4, 5, 6, 7, 8, 9, T, J,
Q, K) and suit (C, D, H, S). For example, "TH" is the Ten of Hearts.
Use a single zero ("0") for unknown cards. However, the last
34 cards (bottom row & stock) must be known, and you don't
need to enter unknown cards before the first card you know.
</p>
<p>
Use a single zero ("0") for unknown cards. However, the last 34
cards (bottom row & stock) must be known, and you don't need to
enter unknown cards before the first card you know.
Entry is case-insensitive, and you can separate cards with
any character (space, comma, etc), or use no separator.
Valid examples:
</p>
<p>
Entry is case-insensitive, and you can separate cards with any
character (space, comma, etc), or use no separator. Valid examples:
</p>
<ul>
<li>
7S 5D 7C 2D 0 0 3S 2H 3H 9H KC QC TD 8D 9C 7H 9D JS QS 4H 5C 5S 4C
2C QD 8C KD 3D KS JD 2S 7D KH AH 5H 9S 4S QH 6S 6D 3C JC TC 8H 6C
TH AS AD 6H
7S 5D 7C 2D 0 0 3S 2H 3H 9H KC QC TD 8D 9C 7H 9D JS QS 4H
5C 5S 4C 2C QD 8C KD 3D KS JD 2S 7D KH AH 5H 9S 4S QH 6S
6D 3C JC TC 8H 6C TH AS AD 6H
</li>
<li>
jc, ts, 6d, 7h, qh, 3s, 5h, jh, 6h, 2d, ac, 7s, 7c, 3d, kd, 9s,
3c, th, 6c, ah, 8h, tc, 4s, 8c, ad, 3h, ks, 6s, js, 7d, jd, td,
2c, kh
jc, ts, 6d, 7h, qh, 3s, 5h, jh, 6h, 2d, ac, 7s, 7c, 3d,
kd, 9s, 3c, th, 6c, ah, 8h, tc, 4s, 8c, ad, 3h, ks, 6s,
js, 7d, jd, td, 2c, kh
</li>
<li>
7c03s0qsjc00JSasTSadtcqd9s4s2h9h8sjh6c3dks5s5c6h9C2Cac8C6d5DTH8dkckd9d4c5h8hqh6s
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-9 col-xl-8">
<!-- User input of game cards -->
<form
@ -170,7 +178,9 @@
</template>
<!-- stock cards -->
<span class="visually-hidden">Game Stock, the Draw Cards</span>
<span class="visually-hidden"
>Game Stock, the Draw Cards</span
>
<template x-for="(card, index) in cardsBySlice(28, 52)">
<div
x-html="card === 0 || card === '0' ? cardSvgs['2B'] : cardSvgs[card]"
@ -181,7 +191,6 @@
</div>
</div>
<div class="col-12 col-lg-3 col-xl-4">
<!-- Display of solvingprogress or solution -->
<div id="gameSolving" x-data="gameSolving" x-init="onInit()">
@ -191,7 +200,10 @@
role="status"
x-show="$store.global.solvingInProgress"
></div>
<h3 @solve-game.window="startSolver()" x-text="headerText"></h3>
<h3
@solve-game.window="startSolver()"
x-text="headerText"
></h3>
</div>
<ul x-show="$store.global.solvingInProgress">
@ -209,9 +221,7 @@
</ol>
</div>
</div>
</div>
</div>
</div>
</div>

6
vite.config.js
View file

@ -1,6 +1,6 @@
import { defineConfig } from 'vite'
import { defineConfig } from "vite";
export default defineConfig({
// ...
base: './'
})
base: "./",
});