From 155630e9d766fa7274bd2b6d2c41b32741369403 Mon Sep 17 00:00:00 2001
From: ortiza5 <43008712+ortiza5@users.noreply.github.com>
Date: Thu, 11 Mar 2021 13:36:36 -0700
Subject: [PATCH] Update options page to reflect actions available

---
 js/background.js |  2 +-
 options.html     | 42 ++++++++++++++++++++++++++++++------------
 2 files changed, 31 insertions(+), 13 deletions(-)

diff --git a/js/background.js b/js/background.js
index a064d0f..e90bc59 100644
--- a/js/background.js
+++ b/js/background.js
@@ -6,7 +6,7 @@ chrome.runtime.onInstalled.addListener(function () {
         navLeft: ["a"],
         navDown: ["s"],
         navRight: ["d"],
-        expand: ["e"],
+        mapKeys: ["e"],
         quit: ["q"],
         click: ["enter"],
         shiftClick: ["shift", "enter"],
diff --git a/options.html b/options.html
index 9c4ad30..4f95b3a 100644
--- a/options.html
+++ b/options.html
@@ -19,39 +19,57 @@
   </div>
   <div class="card">
     <div class="setting-area">
-      <div class="setting" id="slower" data-type="shortcut">
+      <div class="setting" id="navUp" data-type="shortcut">
         <span class="setting-description">
-          Make the Video Slower
+          Navigate Up
         </span>
       </div>
       <hr>
-      <div class="setting" id="normal" data-type="shortcut">
+      <div class="setting" id="navLeft" data-type="shortcut">
         <span class="setting-description">
-          Make the Video Play at the Original Speed
+          Navigate Left
         </span>
       </div>
       <hr>
-      <div class="setting" id="faster" data-type="shortcut">
+      <div class="setting" id="navDown" data-type="shortcut">
         <span class="setting-description">
-          Make the Video Faster
+          Navigate Down
         </span>
       </div>
       <hr>
-      <div class="setting" id="pause" data-type="shortcut">
+      <div class="setting" id="navRight" data-type="shortcut">
         <span class="setting-description">
-          Toggle Play/Pause on the Video
+          Navigate Right
         </span>
       </div>
       <hr>
-      <div class="setting" id="skip-back" data-type="shortcut">
+      <div class="setting" id="mapKeys" data-type="shortcut">
         <span class="setting-description">
-          Skip Back in the Video
+          Map Keys or Change Targets
         </span>
       </div>
       <hr>
-      <div class="setting" id="skip-forward" data-type="shortcut">
+      <div class="setting" id="quit" data-type="shortcut">
         <span class="setting-description">
-          Skip Forward in the Video
+          Quit
+        </span>
+      </div>
+      <hr>
+      <div class="setting" id="click" data-type="shortcut">
+        <span class="setting-description">
+          Click
+        </span>
+      </div>
+      <hr>
+      <div class="setting" id="shiftClick" data-type="shortcut">
+        <span class="setting-description">
+          Shift Click
+        </span>
+      </div>
+      <hr>
+      <div class="setting" id="disableKeys" data-type="shortcut">
+        <span class="setting-description">
+          Disable the Hotkeys
         </span>
       </div>
     </div>