1 utils = require 'utils'
3 CONTAINER_ID = 'VimFxHelpDialogContainer'
5 showHelp = (document, commandsHelp) ->
6 if div = document.getElementById CONTAINER_ID
7 div.parentNode.removeChild div
8 div = document.createElement 'div'
10 div.className = 'VimFxReset'
12 div.innerHTML = helpDialogHtml(commandsHelp)
14 document.body.appendChild div
16 if button = document.getElementById('VimFxClose')
17 clickHandler = (event) ->
18 event.stopPropagation()
19 event.preventDefault()
21 button.addEventListener 'click', clickHandler, false
23 hideHelp = (document) ->
24 if div = document.getElementById CONTAINER_ID
25 div.parentNode.removeChild div
27 td = (text, klass='') ->
28 """<td class="VimFxReset #{ klass }">#{ text }</td>"""
31 key = """#{ key } <span class="VimFxReset VimFxDot">∙"""
32 """<tr class="VimFxReset">#{ td(key, 'VimFxSequence') }#{ td(text) }</tr>"""
36 <table class="VimFxReset">
37 #{ (tr(cmd, text) for cmd, text of commands).join('') }
41 section = (title, commands) ->
43 <div class="VimFxReset VimFxSectionTitle">#{ title }</div>
47 helpDialogHtml = (help) ->
54 <div id="VimFxHelpDialog" class="VimFxReset">
55 <div class="VimFxReset VimFxHeader">
56 <div class="VimFxReset VimFxTitle">
57 <span class="VimFxReset VimFxTitleVim">Vim</span><span class="VimFxReset VimFxTitleFx">Fx</span>
58 <span class="VimFxReset">Help</span>
60 <a class="VimFxReset VimFxClose" id="VimFxClose" href="#">✖</a>
61 <div class="VimFxReset VimFxClearFix"></div>
64 <div class="VimFxReset VimFxBody">
65 <div class="VimFxReset VimFxColumn">
66 #{ section('Dealing with URLs', help['urls']) }
67 #{ section('Navigating the page', help['nav']) }
69 <div class="VimFxReset VimFxColumn">
70 #{ section('Working with Tabs', help['tabs']) }
71 #{ section('Browsing', help['browse']) }
72 #{ section('Misc', help['misc']) }
74 <div class="VimFxReset VimFxClearFix"></div>
77 <div class="VimFxReset VimFxFooter">
78 <div class="VimFxReset VimFxSocial">
79 <p class="VimFxReset">
81 <a class="VimFxReset" target="_blank" href="https://github.com/akhodakivskiy/VimFx/issues">
85 <p class="VimFxReset">
87 <a class="VimFxReset" target="_blank" href="https://github.com/akhodakivskiy/VimFx">
92 <span class="VimFxReset VimFxVersion">Version #{ utils.getVersion() }</span>
99 exports.showHelp = showHelp
100 exports.hideHelp = hideHelp