Update options page to reflect actions available

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"],

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>