Mousetrap.js support for Bootstrap with help dialog

staptrap.coffee

# Monkey-patch stopCallback so that Mousetrap will ignore any keyboard action during modal
((originalStopCallback) ->  Mousetrap.stopCallback = ->
    return true if $('body.modal-open').length
    originalStopCallback.apply(Mousetrap, arguments)
)(Mousetrap.stopCallback)

# "?" key will produce keyboard shortcuts dialog (as on Twitter and GitHub)
# It fetches the dialog content on demand for performance reasons
Mousetrap.bind '?', ->
  $.get '/docs/keyboard_shortcuts', (html) ->
    if !$wrapper
      $wrapper = $('<div class="keyboard-shortcuts-wrapper">loading &hellip;</div>')
      $wrapper.appendTo('body').html(html)
    $('.modal', $wrapper).modal('toggle')

# Typical search shortcut
Mousetrap.bind '/', (-> $('.query').focus()), 'keyup'