diff options
| author | Stephen Blott | 2016-12-11 14:18:59 +0000 |
|---|---|---|
| committer | Stephen Blott | 2016-12-11 14:52:21 +0000 |
| commit | cc09af6921228033b822ef4ad4713abd26c375e7 (patch) | |
| tree | f75eb8c6a6108897571b2c1884b4f39e5382a55a /pages/help_dialog.html | |
| parent | 1664a02c02be27a824b19633740a23ec01573c77 (diff) | |
| download | vimium-cc09af6921228033b822ef4ad4713abd26c375e7.tar.bz2 | |
Rework help-dialog HTML.
Previously, the dynamic HTML for the help dialog was generated on the
background page. The HTML itself was tangled in with program logic.
Here, we move all of the HTML to HTML5 templates; also, we build the
help-dialog contents in the help dialog itself, not on the background
page.
Note: #2368 is included here too.
(Background: I'm trying to clean up some of the command and help-dialog
logic in preparation for addressing the issue of how to document command
options, see #2319.)
Diffstat (limited to 'pages/help_dialog.html')
| -rw-r--r-- | pages/help_dialog.html | 23 |
1 files changed, 22 insertions, 1 deletions
diff --git a/pages/help_dialog.html b/pages/help_dialog.html index c23b2ac1..7bc0d86c 100644 --- a/pages/help_dialog.html +++ b/pages/help_dialog.html @@ -66,7 +66,7 @@ </div> <div> - <table> + <table class="helpDialogBottom"> <tr> <td class="helpDialogBottomLeft"> <span id="help-dialog-tip"></span> @@ -96,5 +96,26 @@ </div> </div> </div> + + + <template id="helpDialogEntry"> + <tr class="vimiumReset"> + <td class="vimiumReset vimiumKeyBindings"></td> + <td class="vimiumReset"></td> + <td class="vimiumReset vimiumHelpDescription"></td> + </tr> + </template> + + <template id="helpDialogEntryBindingsOnly"> + <tr> + <td class="vimiumReset vimiumKeyBindings" colspan="3" style="text-align: left"></td> + </tr> + </template> + + <template id="keysTemplate"><span><span class="vimiumHelpDialogKey"></span><span class="commaSeparator">, </span></span></template> + + <template id="commandNameTemplate"> + <span class="vimiumReset vimiumCopyCommandName">(<span class="vimiumCopyCommandNameName" role="link"></span>)</span> + </template> </body> </html> |