feat: reset button

Author: ThisAMJ

index.html

@@ -358,9 +358,10 @@ <h3>Misc</h3>
 				</div>
 			</div>
 			<div id="links">
-				<button id="gen_cfg">Generate</button>
+				<button id="reset_all">Reset All</button>
 				<a href="https://github.com/p2sr/p2binder" target="_blank" class="fa-brands fa-github"></a>
 				<a href="https://discord.com/invite/hRwE4Zr" target="_blank" class="fa-brands fa-discord"></a>
+				<button id="gen_cfg">Generate</button>
 			</div>
 		</main>
 	</body>

keypanel.js

@@ -10,6 +10,7 @@ let g_set_binds = {
 	"mouse1": [ "+attack",       "+attack"       ],
 	"mouse2": [ "+attack2",      "+attack2"      ],
 };
+const g_default_binds = JSON.parse(JSON.stringify(g_set_binds));
 const BindMode = {
 	ALL: 0,
 	CM: 1,
@@ -211,6 +212,13 @@ document.getElementById("reset_bind").addEventListener("click", function() {
 	updateSelected();
 });
 
+document.getElementById("reset_all").addEventListener("click", function() {
+	g_set_binds = JSON.parse(JSON.stringify(g_default_binds));
+
+	updateBound();
+	updateSelected();
+});
+
 document.getElementById("gen_cfg").addEventListener("click", function() {
 	let file_str = 'bind "mwheelup" "+scrollup"\nbind "mwheeldown" "+scrolldown"\n';
 

style.css

@@ -280,6 +280,15 @@ button:hover {
 	margin: 10px;
 }
 
+#reset_all {
+	padding: 30px;
+	border: 2px solid var(--key-bg-bound);
+}
+
+#reset_all:hover {
+	background: var(--key-bg-bound-hover);
+}
+
 #gen_cfg {
 	padding: 30px;
 }