keyboard_shortcuts.html

<div class="overlay-modal" id="keyboard-shortcuts" tabindex="-1" role="dialog"
     aria-labelledby="keyboard-shortcuts-label" aria-hidden="true">
  <div class="modal-body" tabindex="1">
    <div>
      <table class="hotkeys_table table table-striped table-bordered table-condensed">
        <thead>
          <tr>
            <th colspan="2">{{ _("Navigation") }}</th>
          </tr>
        </thead>
        <tr>
          <td class="hotkey">/</td>
          <td class="definition">{% trans %}Initiate a search{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">q</td>
          <td class="definition">{% trans %}Search people{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">w</td>
          <td class="definition">{% trans %}Search streams{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Up, k</td>
          <td class="definition">{% trans %}Previous message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Down, j</td>
          <td class="definition">{% trans %}Next message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">PgUp, K</td>
          <td class="definition">{% trans %}Scroll up{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">PgDn, J, Spacebar</td>
          <td class="definition">{% trans %}Scroll down{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">End, G</td>
          <td class="definition">{% trans %}Last message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Home</td>
          <td class="definition">{% trans %}First message{% endtrans %}</td>
        </tr>
      </table>

      <table class="hotkeys_table table table-striped table-bordered table-condensed">
        <thead>
          <tr>
            <th colspan="2">{% trans %}Composing messages{% endtrans %}</th>
          </tr>
        </thead>
        <tr>
          <td class="hotkey">Enter, r</td>
          <td class="definition">{% trans %}Reply to message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">R</td>
          <td class="definition">{% trans %}Reply to author{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">c</td>
          <td class="definition">{% trans %}New stream message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">C</td>
          <td class="definition">{% trans %}New private message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">@</td>
          <td class="definition">{% trans %}Compose a reply @-mentioning author{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Tab then Enter,<br/>Ctrl + Enter</td>
          <td class="definition">{% trans %}Send message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Shift + Enter</td>
          <td class="definition">{% trans %}Insert new line{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Esc, Ctrl + [</td>
          <td class="definition">{% trans %}Cancel compose{% endtrans %}</td>
        </tr>
      </table>
    </div>

    <div>
      <table class="hotkeys_table table table-striped table-bordered table-condensed">
        <thead>
          <tr>
            <th colspan="2">{{ _("Narrowing") }}</th>
          </tr>
        </thead>
        <tr>
          <td class="hotkey">s</td>
          <td class="definition">{% trans %}Narrow by stream{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">S</td>
          <td class="definition">{% trans %}Narrow by topic{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">P</td>
          <td class="definition">{% trans %}Narrow to all private messages{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">n</td>
          <td class="definition">{% trans %}Narrow to next unread topic{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">A, D</td>
          <td class="definition">{% trans %}Cycle between stream narrows{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Esc, Ctrl + [</td>
          <td class="definition">{% trans %}Return to home view{% endtrans %}</td>
        </tr>
      </table>
      <table class="hotkeys_table table table-striped table-bordered table-condensed">
        <thead>
          <tr>
            <th colspan="2">{{ _("Message actions") }}</th>
          </tr>
        </thead>
        <tr>
          <td class="hotkey">Left</td>
          <td class="definition">{% trans %}Edit your last message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">v</td>
          <td class="definition">{% trans %}Show images in message{% endtrans %}</td>
        </tr>
        <tr id="edit-message-hotkey-help">
          <td class="hotkey">i then Enter</td>
          <td class="definition">{% trans %}Edit selected message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">*</td>
          <td class="definition">{% trans %}Star selected message{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">+</td>
          <td class="definition">
            {% trans %}React to selected message with{% endtrans %}
            <img alt=":thumbs_up:"
                 class="emoji"
                 src="/static/generated/emoji/images/emoji/unicode/1f44d.png"
                 title=":thumbs_up:"/>
          </td>
        </tr>
        <tr>
          <td class="hotkey">M</td>
          <td class="definition">{% trans %}Toggle topic mute{% endtrans %}</td>
        </tr>
      </table>
    </div>

    <div>
      <table class="hotkeys_table table table-striped table-bordered table-condensed">
        <thead>
          <tr>
            <th colspan="2">{{ _("Drafts") }}</th>
          </tr>
        </thead>
        <tr>
          <td class="hotkey">d</td>
          <td class="definition">{% trans %}View drafts{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Enter</td>
          <td class="definition">{% trans %}Edit selected draft{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">Backspace</td>
          <td class="definition">{% trans %}Delete selected draft{% endtrans %}</td>
        </tr>
      </table>
      <table class="hotkeys_table table table-striped table-bordered table-condensed">
        <thead>
          <tr>
            <th colspan="2">{{ _("Menus") }}</th>
          </tr>
        </thead>
        <tr>
          <td class="hotkey">g</td>
          <td class="definition">{% trans %}Toggle the gear menu{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">i</td>
          <td class="definition">{% trans %}Open message menu{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">:</td>
          <td class="definition">{% trans %}Open reactions menu{% endtrans %}</td>
        </tr>
        <tr>
          <td class="hotkey">?</td>
          <td class="definition">{% trans %}Show keyboard shortcuts{% endtrans %}</td>
        </tr>
      </table>
    </div>
    <hr/>
    <a href="/help/keyboard-shortcuts" target="_blank">Detailed keyboard shortcuts documentation</a>
  </div>
</div>