From 9bb3702d78e2ca44fd5efb606e2731750199c554 Mon Sep 17 00:00:00 2001
From: Reinier Balt <lrbalt@gmail.com>
Date: Fri, 21 Jun 2013 08:52:19 +0200
Subject: [PATCH] install mousetrap

---
 app/assets/javascripts/application.js        |  1 +
 app/assets/javascripts/keybindings.js.coffee | 43 ++++++++++++++++++++
 app/assets/stylesheets/application.css       |  1 +
 3 files changed, 45 insertions(+)
 create mode 100644 app/assets/javascripts/keybindings.js.coffee

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 8c61509e..edb3f334 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -12,6 +12,7 @@
 //
 //= require jquery
 //= require jquery_ujs
+//= require mousetrap
 
 // Stuff in app/assets
 //= require tracks.js
diff --git a/app/assets/javascripts/keybindings.js.coffee b/app/assets/javascripts/keybindings.js.coffee
new file mode 100644
index 00000000..70b3838e
--- /dev/null
+++ b/app/assets/javascripts/keybindings.js.coffee
@@ -0,0 +1,43 @@
+$ ->
+  # Hotkey binding to links with 'data-keybinding' attribute
+  # Navigate link when hotkey pressed
+  $('a[data-keybinding]').each (i, el) ->
+    Mousetrap.bind $(el).data('keybinding'), (e) ->
+      if typeof(Turbolinks) == 'undefined'
+        # Emulate click if turbolinks defined
+        el.click()
+      else
+        # Use turbolinks to go to URL
+        Turbolinks.visit(el.href)
+
+  # Hotkey binding to inputs with 'data-keybinding' attribute
+  # Focus input when hotkey pressed
+  $('input[data-keybinding]').each (i, el) ->
+    Mousetrap.bind $(el).data('keybinding'), (e) ->
+      el.focus()
+      if e.preventDefault
+        e.preventDefault()
+      else
+        e.returnValue = false
+
+  # Toggle show/hide hotkey hints
+  window.mouseTrapRails =
+    showOnLoad: false           # Show/hide hotkey hints by default (on page load). Mostly for debugging purposes.
+    toggleKeys: 'alt+shift+h'   # Keys combo to toggle hints visibility.
+    keysShown: false
+    toggleHints:  ->
+      $('a[data-keybinding]').each (i, el) ->
+        $el = $(el)
+        if mouseTrapRails.keysShown
+          $el.removeClass('mt-hotkey-el').find('.mt-hotkey-hint').remove()
+        else
+          mtKey = $el.data('keybinding')
+          $hint = "<i class='mt-hotkey-hint' title='Press \<#{mtKey}\> to open link'>#{mtKey}</i>"
+          $el.addClass('mt-hotkey-el') unless $el.css('position') is 'absolute'
+          $el.append $hint
+      @keysShown ^= true
+
+  Mousetrap.bind mouseTrapRails.toggleKeys, -> mouseTrapRails.toggleHints()
+
+  mouseTrapRails.toggleHints() if mouseTrapRails.showOnLoad
+
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index e9eecf54..865245e4 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -9,6 +9,7 @@
  * compiled file, but it's generally better to create a new file per style scope.
  *
  *= require_self
+ *= require mousetrap
  *= require_tree ../../../vendor/assets/stylesheets
  *= require tracks
 */