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