diff options
Diffstat (limited to 'searcher/index.html')
| -rw-r--r-- | searcher/index.html | 150 |
1 files changed, 150 insertions, 0 deletions
diff --git a/searcher/index.html b/searcher/index.html new file mode 100644 index 0000000..f6ae0a1 --- /dev/null +++ b/searcher/index.html @@ -0,0 +1,150 @@ +<!DOCTYPE html> +<html lang="en-us"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width"> + <meta name="description" content="A simple utility to help you work out what chips do."> + <meta name="author" content="@✨Aleteoryx✨#1027"> + <title>CV2 Chip Searcher</title> + <link crossorigin href="style.css" rel="stylesheet" type="text/css" /> + <link crossorigin href="/lib/chips.css" rel="stylesheet" type="text/css" /> + + <link crossorigin href="/lib/util.js" rel="preload" as="script"/> + <link crossorigin href="/lib/chips.js" rel="preload" as="script"/> + <link crossorigin href="script.js" rel="preload" as="script"/> + <link crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.min.js" rel="preload" as="script"/> + <link crossorigin href="/lib/chips.css" rel="preload" as="style"/> + <link crossorigin href="style.css" rel="preload" as="style"/> + <link crossorigin href="/terms.json" rel="preload" as="fetch"/> + <link crossorigin href="/circuitsv2.json" rel="preload" as="fetch"/> + <link crossorigin href="https://raw.githubusercontent.com/tyleo-rec/CircuitsV2Resources/master/misc/circuitsv2.json" rel="preload" as="fetch"/> + + <script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/6.4.6/fuse.min.js"></script> + <script crossorigin src="/lib/util.js"></script> + <script crossorigin src="/lib/chips.js"></script> + <script crossorigin src="script.js"></script> + <noscript><style> #form, hr, #listcontrols, #helpbox, #resultslist { display: none } </style></noscript> + <datalist id="paletteSearch"> + </datalist> + </head> + <body> + <noscript> + The chip searcher requires JavaScript to function. + If you cannot enable it, you can try + <kbd>Crtl</kbd>+<kbd>F</kbd>ing your way through + <a href="https://raw.githubusercontent.com/tyleo-rec/CircuitsV2Resources/master/misc/circuitsv2.json"> + the actual chip JSON file + </a>. + + </noscript> + <div id="imgbox" style="display:none;"></div> + <form id="form" autocomplete="off"> + <input type="text" id="search" placeholder="Search for a chip." list="paletteSearch"/> + <hr/> + <details> + <summary>Options</summary> + <div> + <input type="checkbox" name="refresh" id="autorefresh" checked/> + <label for="autorefresh">Auto Refresh</label> + <input type="checkbox" name="beta" id="beta" checked/> + <label for="beta">Show Beta Chips</label> + <input type="checkbox" name="depr" id="deprecated"/> + <label for="deprecated">Show Deprecated Chips</label> + <input type="checkbox" name="filterSug" id="fsug" checked> + <label for="fsug">Enable Filter Suggestions</label> + </div> + <hr/> + <div> + <p>Fuzzy Finder:</p> + <input type="radio" name="fuzziness" value='{"thresh":0,"nummod":1}' id="fuzzy0"/> + <label for="fuzzy0">Exact Match</label> + <input type="radio" name="fuzziness" value='{"thresh":0.3,"nummod":0.95}' id="fuzzy1" checked/> + <label for="fuzzy1">Small Typos</label> + <input type="radio" name="fuzziness" value='{"thresh":0.6,"nummod":0.9}' id="fuzzy2"/> + <label for="fuzzy2">Loose Match</label> + </div> + <hr/> + <div> + <p>Search By:</p> + <input type="checkbox" name="ReadonlyPaletteName" id="key0" checked/> + <label for="key0">Chip Name</label> + <input type="checkbox" name="Description" id="key1"/> + <label for="key1">Chip Description</label> + </div> + <hr/> + <div> + <label for="cfgitems">Items Per Page: </label> + <input type="number" name="items" id="cfgitems" value="12" step="1"> + </div> + </details> + </form> + <hr/> + <div id="listcontrols"> + <button id="first" onclick="first()"><<</button> + <button id="prev" onclick="prev()"><</button> + <span>Showing page <span id="pagen">0</span>/<span id="of">0</span>.</span> + <button id="next" onclick="next()">></button> + <button id="last" onclick="last()">>></button> + </div> + <hr/> + <div id="resultslist"></div> + <p id="grapherlink">Also check out <a href="/grapher">The graphing tool</a>!</p> + <p>Maintained by <a href="https://rec.net/user/winrg" target="_blank" rel="noopener noreferrer">@winrg</a>/<code>@✨Aleteoryx, Keeper of Names✨#1027</code></p> + <details id="helpbox"> + <summary>?</summary> + <div> + <!-- Unused tabbing system. Ignore. + <input type="radio" name="test" class="selecttab" checked/> + <p class="tab">text for button 1</p> + <input type="radio" name="test" class="selecttab"/> + <p class="tab">text for button 2</p> + <input type="radio" name="test" class="selecttab"/> + <p class="tab">text for button 3</p> + <input type="radio" name="test" class="selecttab"/> + <p class="tab">text for button 4</p>--> + <h2>The Basics</h2> + <hr/> + <p>The chip searcher is a simple program. + To get started, simply type the name of the chip you'd like to know about into the top box. + By default, the searcher will automatically refresh the results as you type.</p> + <h4>Different types of chips</h4> + <hr> + <ul> + <li><b>Beta Chips</b> are indicated by a β symbol.</li> + <li><b>Soon-to-be deprecated Chips</b> are indicated by yellow text, as well as a warning.</li> + <li><b>Deprecated Chips</b> are indicated by red text, as well as a warning.</li> + </ul> + <p>Neither form of deprecated chip will display by default.</p> + <h2>Options</h2> + <hr/> + <p>The chip searcher supports the following configuration + options, contained in the fold-out menu below the search bar.</p> + <h4>Toggles</h4> + <hr/> + <ul> + <li><b>Auto Refresh</b>: Automatically update search results as you type. + When disabled, hit <kbd>Enter</kbd> to refresh.</li> + <li><b>Show Beta Chips</b>: When enabled, beta chips will be included in the search.</li> + <li><b>Show Deprecated Chips</b>: When enabled, deprecated chips will be included in the search.</li> + <li><b>Enable Filter Suggestions</b>: When enabled, filters will be displayed as autocomplete options.</li> + </ul> + <h4>Fuzzy Finder</h4> + <hr/> + <ul> + <li><b>Exact Match</b>: What is typed must appear identically in the results.</li> + <li><b>Small Typos</b>: Small errors are ignored, though larger ones will still affect the results.</li> + <li><b>Loose Match</b>: Really only useful if you can't spell.</li> + </ul> + <h4>Search By</h4> + <hr/> + <ul> + <li><b>Name</b>: Search for what is typed in the chip name.</li> + <li><b>Description</b>: Search for what is typed in the chip description</li> + </ul> + <h4>Items Per Page</h4> + <hr/> + <p>Configures the number of items that will appear in each page. Defaults to 12.</p> + </div> + </details> + </body> +</html>
\ No newline at end of file |