From 9286b8f61fe595ab37f8de2bf36d2f2e1d537e15 Mon Sep 17 00:00:00 2001
From: ilya
Date: Fri, 26 Feb 2010 21:57:48 -0800
Subject: Key Mapping - Add option textbox and text to the options page.

---
 options.html | 34 ++++++++++++++++++++++++++--------
 1 file changed, 26 insertions(+), 8 deletions(-)

(limited to 'options.html')

diff --git a/options.html b/options.html
index afad2295..6110b09e 100644
--- a/options.html
+++ b/options.html
@@ -30,6 +30,10 @@
         width:302px;
         min-height:100px;
       }
+      textarea#keyMappings {
+        width:302px;
+        min-height:100px;
+      }
       #status {
         margin-left:10px;
         font-size:80%;
@@ -63,7 +67,7 @@
   var defaultSettings = chrome.extension.getBackgroundPage().defaultSettings;
 
   var editableFields = ["scrollStepSize", "defaultZoomLevel", "excludedUrls", "linkHintCharacters",
-    "userDefinedLinkHintCss"];
+    "userDefinedLinkHintCss", "keyMappings"];
 
   function initializeOptions() {
     populateOptions();
@@ -170,14 +174,28 @@
       <tr class="advancedOption">
         <td class="caption">CSS for link hints</td>
         <td verticalAlign="top">
-            <div class="help">
-              <div class="example">
-                The CSS used to style the characters next to each link hint.<br/><br/>
-                Note: these styles are used in addition to and take precedence over Vimium's
-                default styles.
-              </div>
+          <div class="help">
+            <div class="example">
+              The CSS used to style the characters next to each link hint.<br/><br/>
+              Note: these styles are used in addition to and take precedence over Vimium's
+              default styles.
+            </div>
+          </div>
+          <textarea id="userDefinedLinkHintCss" type="text"></textarea>
+        </td>
+      </tr>
+      <tr class="advancedOption">
+        <td class="caption">Key mappings</td>
+        <td verticalAlign="top">
+          <div class="help">
+            <div class="example">
+              <!-- TODO(ilya/philc): Expand this and style it better. -->
+              Enter commands to remap your keys. Available commands:<br/>
+              map j scrollDown<br/>
+              unmap j</br>
             </div>
-            <textarea id="userDefinedLinkHintCss" type="text"></textarea>
+          </div>
+          <textarea id="keyMappings" type="text"></textarea>
         </td>
       </tr>
     </table>
-- 
cgit v1.2.3