Added button to open shortcut settings.

Author: tdulcet

content_script.js

@@ -176,7 +176,7 @@ function check() {
 
 	if (CAPTCHA) {
 		if (button) {
-			button = button.shadowRoot.querySelector("md-text-button").shadowRoot.getElementById("button");
+			button = button.shadowRoot.querySelector("mwc-button").shadowRoot.getElementById("button");
 			console.warn("Warning: Cancel button found. Clicking button:", button.innerText);
 			button.click();
 		}

options/options.html

@@ -56,6 +56,7 @@
 			<h3>Colab Autorun and Connect</h3>
 			<p><a href="https://github.com/tdulcet/Colab-Autorun-and-Connect" target="_blank"><button type="button">ℹ️
 						Information</button></a>
+				<button type="button" id="shortcut">⌨️ Shortcut Settings</button>
 				<a href="https://www.tealdulcet.com/" target="_blank"><button type="button">❤️ Donate</button></a>
 			</p>
 		</section>

options/options.js

@@ -9,6 +9,24 @@ import * as AutomaticSettings from "/common/modules/AutomaticSettings/AutomaticS
 
 import * as CustomOptionTriggers from "./modules/CustomOptionTriggers.js";
 
+// Chrome
+// Adapted from: https://github.com/mozilla/webextension-polyfill/blob/master/src/browser-polyfill.js
+const IS_CHROME = Object.getPrototypeOf(browser) !== Object.prototype;
+
+document.getElementById("shortcut").addEventListener("click", (event) => {
+	event.target.disabled = true;
+
+	if (browser.commands.openShortcutSettings) {
+		browser.commands.openShortcutSettings().finally(() => {
+			event.target.disabled = false;
+		});
+	} else if (IS_CHROME) {
+		browser.tabs.create({ url: "chrome://extensions/shortcuts" }).finally(() => {
+			event.target.disabled = false;
+		});
+	}
+});
+
 // init modules
 CustomOptionTriggers.registerTrigger();
 AutomaticSettings.setDefaultOptionProvider(AddonSettings.getDefaultValue);

popup.js

@@ -26,22 +26,22 @@ const stopwatch = document.getElementById("stopwatch");
  */
 function outputduration(sec) {
 	// console.log(sec);
-	const d = Math.floor(sec / 86400);
-	const h = Math.floor(sec % 86400 / 3600);
-	const m = Math.floor(sec % 3600 / 60);
-	const s = sec % 60;
+	const days = Math.floor(sec / 86400);
+	const hours = Math.floor(sec % 86400 / 3600);
+	const minutes = Math.floor(sec % 3600 / 60);
+	const seconds = sec % 60;
 	let text = "";
-	if (d > 0) {
-		text += `${numberFormat1.format(d)} `;
+	if (days > 0) {
+		text += `${numberFormat1.format(days)} `;
 	}
-	if (d > 0 || h > 0) {
-		text += `${numberFormat2.format(h)} `;
+	if (days > 0 || hours > 0) {
+		text += `${numberFormat2.format(hours)} `;
 	}
-	if (d > 0 || h > 0 || m > 0) {
-		text += `${numberFormat3.format(m)} `;
+	if (days > 0 || hours > 0 || minutes > 0) {
+		text += `${numberFormat3.format(minutes)} `;
 	}
-	if (d > 0 || h > 0 || m > 0 || s > 0) {
-		text += numberFormat4.format(s);
+	if (days > 0 || hours > 0 || minutes > 0 || seconds > 0) {
+		text += numberFormat4.format(seconds);
 	}
 	return text;
 }