From 862a5fdf7d29afffd18ea7a0c88836b567920863 Mon Sep 17 00:00:00 2001
From: Arpad Csanyi <csarpad@gmail.com>
Date: Sat, 7 May 2016 20:47:20 +0200
Subject: [PATCH] Add help text to the tabs of the keyeditor. #22

---
 popup__iframe.html | 6 +++++-
 script.js          | 6 ++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/popup__iframe.html b/popup__iframe.html
index 84e9acf7..30d8fdcd 100644
--- a/popup__iframe.html
+++ b/popup__iframe.html
@@ -51,7 +51,11 @@
   <div class="popover-title menu-tabs">
     <ul class="nav nav-tabs popover-menu">
       {{#each buttons}}
-        <li role="presentation"><a href="#" class="menu-tabs--item" data-content="{{content}}"><i class="fa {{icon}}"></i> {{title}}</a></li>
+        <li role="presentation">
+          <a href="#" class="menu-tabs--item" title="{{titleHelp}}" data-content="{{content}}">
+            <i class="fa {{icon}}"></i> {{title}}
+          </a>
+        </li>
       {{/each}}
     </ul>
   </div>
diff --git a/script.js b/script.js
index ec8f5b17..e8124c9c 100644
--- a/script.js
+++ b/script.js
@@ -230,36 +230,42 @@ $(function() {
         type: 'primary',
         icon: 'fa-keyboard-o',
         title: 'Keypress',
+        titleHelp: 'Send a scancode with optional modifiers to the host',
         content: 'keypress'
       },
       {
         type: 'default',
         icon: 'fa-clone', // The icon for the tab will be a layer icon in svg. But for the mockup it was easier to just use something similar from fontawesome.
         title: 'Layer',
+        titleHelp: 'Activate or toggle the layers',
         content: 'layer'
       },
       {
         type: 'default',
         icon: 'fa-mouse-pointer',
         title: 'Mouse',
+        titleHelp: 'Set up mouse movement, clicking, and scrolling',
         content: 'mouse'
       },
       {
         type: 'default',
         icon: 'fa-play',
         title: 'Macro',
+        titleHelp: 'Play a macro',
         content: 'macro'
       },
       {
         type: 'default',
         icon: 'fa-keyboard-o',
         title: 'Keymap',
+        titleHelp: 'Switch to an other keymap',
         content: 'switchKeymap'
       },
       {
         type: 'default',
         icon: 'fa-ban',
         title: 'None',
+        titleHelp: 'Do nothing when this key is pressed',
         content: 'none'
       }
     ]