From fa159cf84539a2f04c838dee006245f32e450ed9 Mon Sep 17 00:00:00 2001
From: narcolepticinsomniac <sleepwalkingnarcolepticinsomniac@outlook.com>
Date: Fri, 24 Feb 2017 06:04:43 -0500
Subject: [PATCH] Options UI discoverability

#34
---
 manage.html    | 10 ++++++++--
 openOptions.js | 15 +++++++++++++++
 popup.css      |  3 +++
 popup.html     |  1 +
 popup.js       | 16 ++++++++++++++++
 5 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 openOptions.js

diff --git a/manage.html b/manage.html
index c77f0a1c..5962ebbc 100644
--- a/manage.html
+++ b/manage.html
@@ -204,16 +204,22 @@
 				<h2 id="options-heading" i18n-text="optionsHeading"></h2>
 				<div><input id="show-badge" type="checkbox"><label id="show-badge-label" for="show-badge" i18n-text="prefShowBadge"></label></div>
 				<div><input id="popup.stylesFirst" type="checkbox"><label id="stylesFirst-label" for="popup.stylesFirst" i18n-text="popupStylesFirst"></label></div>
+				<div id="more-options">
+			    <h3 id="options-subheading" i18n-text="optionsSubheading"></h3>
+			    <button id="manage-options-button" i18n-text="openOptionsManage"></button>
+				<button id="shortcuts-button" i18n-text="openOptionsShortcuts"></button>
+			</div>
 			</div>
 			<div id="backup">
-				<h2>Backup</h2>
-				<span>Larger files may take a moment, be patient.<br><br></span>
+				<h2 id="backup" i18n-text="backupButtons"></h2>
+				<span id="backup-message" i18n-text="backupMessage"><br><br></span>
 				<button id="file-all-styles" i18n-text="bckpInstStyles"></button>
 				<button id="unfile-all-styles" i18n-text="retrieveBckp"></button>
 			</div>
 			<p id="manage-text" i18n-html="manageText"></p>
 		</div>
 		<div id="installed"></div>
+		<script src="openOptions.js"></script>
 		<script src="backup/fileSaveLoad.js"></script>
 	</body>
 </html>
diff --git a/openOptions.js b/openOptions.js
new file mode 100644
index 00000000..c4c9d89a
--- /dev/null
+++ b/openOptions.js
@@ -0,0 +1,15 @@
+document.querySelector('#manage-options-button').addEventListener("click", function() {
+    if (chrome.runtime.openOptionsPage) {
+        // Supported (Chrome 42+)
+        chrome.runtime.openOptionsPage();
+    } else {
+        // Fallback
+        window.open(chrome.runtime.getURL('options/index.html'));
+    }
+});
+
+document.querySelector('#shortcuts-button').addEventListener("click", function() {
+    chrome.tabs.create({
+        'url': 'chrome://extensions/configureCommands'
+    });
+});
\ No newline at end of file
diff --git a/popup.css b/popup.css
index be5dd51b..11daa2e4 100644
--- a/popup.css
+++ b/popup.css
@@ -9,6 +9,9 @@ input[type=checkbox] {
 #no-styles {
   font-style: italic;
 }
+#popup-shortcuts-button {
+	margin-left: 4px;
+}
 .checker {
   display: inline;
 }
diff --git a/popup.html b/popup.html
index 8c78fda6..68760d89 100644
--- a/popup.html
+++ b/popup.html
@@ -45,6 +45,7 @@
 		<div class="main-controls">
 			<div id="find-styles"><a id="find-styles-link" href="#" i18n-text="findStylesForSite"></a></div>
 			<div id="manage-styles"><a id="open-manage-link" href="manage.html" i18n-text="openManage"></a></div>
+			<div id="popup-options"><button id="popup-options-button" i18n-text="openOptionsPopup"><button id="popup-shortcuts-button" i18n-text="openShortcutsPopup"></button></div>
 			<div id="write-style"><span id="write-style-for" i18n-text="writeStyleFor"><br></span></div>
 		</div>
 	</div>
diff --git a/popup.js b/popup.js
index b1eeda5f..a9e1d2c2 100644
--- a/popup.js
+++ b/popup.js
@@ -207,3 +207,19 @@ document.getElementById("disableAll").addEventListener("change", function(event)
 	installed.classList.toggle("disabled", prefs.get("disableAll"));
 });
 setupLivePrefs(["disableAll"]);
+
+document.querySelector('#popup-options-button').addEventListener("click", function() {
+    if (chrome.runtime.openOptionsPage) {
+        // Supported (Chrome 42+)
+        chrome.runtime.openOptionsPage();
+    } else {
+        // Fallback
+        window.open(chrome.runtime.getURL('options/index.html'));
+    }
+});
+
+document.querySelector('#popup-shortcuts-button').addEventListener("click", function() {
+    chrome.tabs.create({
+        'url': 'chrome://extensions/configureCommands'
+    });
+});
\ No newline at end of file