pages/help_dialog.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142

<html>
  <head>
    <title>Vimium Help</title>
    <script src="../lib/utils.js"></script>
    <script src="../lib/keyboard_utils.js"></script>
    <script src="../lib/dom_utils.js"></script>
    <script src="../lib/rect.js"></script>
    <script src="../lib/handler_stack.js"></script>
    <script src="../lib/settings.js"></script>
    <script src="../lib/find_mode_history.js"></script>
    <script src="../content_scripts/mode.js"></script>
    <script src="../content_scripts/ui_component.js"></script>
    <script src="../content_scripts/link_hints.js"></script>
    <script src="../content_scripts/vomnibar.js"></script>
    <script src="../content_scripts/scroller.js"></script>
    <script src="../content_scripts/marks.js"></script>
    <script src="../content_scripts/mode_insert.js"></script>
    <script src="../content_scripts/mode_find.js"></script>
    <script src="../content_scripts/mode_key_handler.js"></script>
    <script src="../content_scripts/mode_visual.js"></script>
    <script src="../content_scripts/hud.js"></script>
    <script src="../content_scripts/mode_normal.js"></script>
    <script src="../content_scripts/vimium_frontend.js"></script>
    <link rel="stylesheet" type="text/css" href="../content_scripts/vimium.css" />

    <script type="text/javascript" src="ui_component_server.js"></script>
    <script type="text/javascript" src="help_dialog.js"></script>
  </head>

  <body>
<!--
  This is shown when typing "?". This HTML is loaded by the background page and then populated with the
  latest keybindings information before displaying.
-->

  <!-- Note that the template placeholders (e.g. "pageNavigation") will be filled in by the background
       page with the up-to-date key bindings when the dialog is shown. -->
    <div id="vimiumHelpDialogContainer">
      <div id="vimiumHelpDialog">
        <div>
          <table>
            <tr>
              <td>
                <span id="vimiumTitle" class="vimiumReset"><span class="vimiumReset" style="color:#2f508e">Vim</span>ium <span id="help-dialog-title"></span></span>
              </td>
              <td class="vimiumHelpDialogTopButtons">
                <a class="vimiumReset vimiumHelDialogLink" id="helpDialogOptionsPage" href="#">Options</a>
                <a class="vimiumReset vimiumHelDialogLink" id="helpDialogWikiPage" href="https://github.com/philc/vimium/wiki" target="_blank">Wiki</a>
                <a class="vimiumReset closeButton" href="#">&times;</a>
              </td>
            </tr>
          </table>
        </div>
        <div class="vimiumReset vimiumDivider"></div>
        <div class="vimiumReset vimiumColumn">
          <table class="vimiumReset">
            <thead class="vimiumReset">
              <tr class="vimiumReset" ><td class="vimiumReset"></td><td class="vimiumReset" ></td><td class="vimiumReset vimiumHelpSectionTitle">Navigating the page</td></tr>
            </thead>
            <tbody id="help-dialog-pageNavigation" class="vimiumReset">
            </tbody>
          </table>
        </div>
        <div class="vimiumReset vimiumColumn">
          <table class="vimiumReset" >
            <thead class="vimiumReset">
            <tr class="vimiumReset" ><td class="vimiumReset" ></td><td class="vimiumReset" ></td><td class="vimiumReset vimiumHelpSectionTitle">Using the vomnibar</td></tr>
            </thead>
            <tbody class="vimiumReset" id="help-dialog-vomnibarCommands"></tbody>
            <thead class="vimiumReset">
            <tr class="vimiumReset" ><td class="vimiumReset" ></td><td class="vimiumReset" ></td><td class="vimiumReset vimiumHelpSectionTitle">Using find</td></tr>
            </thead>
            <tbody class="vimiumReset" id="help-dialog-findCommands"></tbody>
            <thead class="vimiumReset">
            <tr class="vimiumReset" ><td class="vimiumReset" ></td><td class="vimiumReset" ></td><td class="vimiumReset vimiumHelpSectionTitle">Navigating history</td></tr>
            </thead>
            <tbody class="vimiumReset" id="help-dialog-historyNavigation"></tbody>
            <thead class="vimiumReset">
            <tr class="vimiumReset" ><td class="vimiumReset" ></td><td class="vimiumReset" ></td><td class="vimiumReset vimiumHelpSectionTitle">Manipulating tabs</td></tr>
            </thead>
            <tbody class="vimiumReset" id="help-dialog-tabManipulation"></tbody>
            <thead class="vimiumReset">
            <tr class="vimiumReset" ><td class="vimiumReset" ></td><td class="vimiumReset" ></td><td class="vimiumReset vimiumHelpSectionTitle">Miscellaneous</td></tr>
            </thead>
            <tbody class="vimiumReset" id="help-dialog-misc"></tbody>
          </table>
        </div>

        <div>
          <table class="helpDialogBottom">
            <tr>
              <td class="helpDialogBottomLeft">
                <span id="help-dialog-tip"></span>
              </td>
              <td class="helpDialogBottomRight vimiumHelDialogLink">
                <a href="#" id="toggleAdvancedCommands">Show advanced commands</a>
              </td>
            </tr>
          </table>
        </div>

        <br clear="both"/>
        <div class="vimiumReset vimiumDivider"></div>

        <div id="vimiumHelpDialogFooter" class="vimiumReset">
          <div class="vimiumReset vimiumColumn">
            Enjoying Vimium?
            <a class="vimiumHelDialogLink" target="_blank"
              href="https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb/reviews">Leave us
                  feedback</a>.<br/>
            Found a bug? <a class="vimiumHelDialogLink" target="_blank" href="https://github.com/philc/vimium/issues">Report it here</a>.
          </div>
          <div class="vimiumReset vimiumColumn" style="text-align:right">
            <span class="vimiumReset">Version <span id="help-dialog-version"></span></span><br/>
            <a href="https://github.com/philc/vimium#release-notes" target="_blank" class="vimiumHelDialogLink">What's new?</a>
          </div>
        </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>