index.html (2245B)
1 <!doctype html> 2 <html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>Nissy - H48 solver POC</title> 7 <script type="module" src="./nissyapp.mjs"></script> 8 </head> 9 10 <body> 11 12 <div id="scrambleRaw"> 13 <input id="scrambleText" placeholder="Type the scramble here..."> 14 <select id="solverSelector"> 15 <option value="h48h3k2" selected="selected"> 16 h48 h=4 k=2 (300 Mb) - light 17 </option> 18 <option value="h48h5k2" selected="selected"> 19 h48 h=5 k=2 (1 Gb) - fastest 20 </option> 21 </select> 22 <button id="solveButton">Solve</button> 23 <button id="pauseResumeButton" disabled>Pause</button> 24 <button id="cancelSolveButton" disabled>Cancel</button> 25 </div> 26 27 <div id="solverConfiguration"> 28 <label id="minLabel" for="minSlider">Minimum moves: 0</label><br> 29 <input id="minMovesSlider" name="minSlider" 30 type="range" min="0" max="20" value="0"> 31 <br> 32 <label id="maxLabel" for="maxSlider">Maximum moves: 20</label><br> 33 <input id="maxMovesSlider" name="maxSlider" 34 type="range" min="0" max="20" value="20"> 35 <br> 36 <label for="maxSolutions">Limit number of solutions to</label> 37 <input id="maxSolutions" name="maxSolutions" 38 type="number" min="1" max="999" value="1"> 39 <br> 40 <label for="optimalInput">Above optimal by at most</label> 41 <input id="optimalInput" name="optimal" 42 type="number" min="0" max="20" value="20"> 43 </div> 44 45 <div id="confirmDownload" style="display:none"> 46 <p id="confirmDownloadText"> 47 For this solver to work, a large data table is required. 48 You can either download it or generate it locally. 49 </p> 50 <p id="confirmDownloadExtraText"> 51 In either case, this data will be stored locally for future use. You 52 can delete it at any time by clearing your browser's data. 53 </p> 54 <button id="confirmDownloadCancel">Cancel</button> 55 <button id="confirmDownloadConfirm">Download</button> 56 <button id="confirmDownloadGenerate">Generate locally</button> 57 </div> 58 59 60 <p id="resultsLabel"></p> 61 <p id="results"></p> 62 <button id="toggleShowLog">Show nissy log messages</button> 63 <p id="logPane" style="display:none"></p> 64 65 </body> 66 67 </html>