aboutsummaryrefslogblamecommitdiffstats
path: root/index.html
blob: 5ec2753745f0d692cdc3222c3751d7698b8c4bf7 (plain) (tree)








































































































                                                                                                                                                    
<!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="chips.css" rel="stylesheet" type="text/css" />

    <link crossorigin href="util.js" rel="preload" as="script"/>
    <link crossorigin href="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="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="util.js"></script>
		<script crossorigin src="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>
	  <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="ReadonlyName" 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()">&lt;&lt;</button>
			<button id="prev" onclick="prev()">&lt;</button>
			<span>Showing page <span id="pagen">0</span>/<span id="of">0</span>.</span>
			<button id="next" onclick="next()">&gt;</button>
			<button id="last" onclick="last()">&gt;&gt;</button>
		</div>
		<hr/>
		<div id="resultslist"></div>
		<p>Maintained by <a href="https://rec.net/user/winrg" target="_blank" rel="noopener noreferrer">@winrg</a>/@✨Aleteoryx✨#1027</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>-->
		</details>
  </body>
</html>