Keyboard shortcuts optimizations (#70)

Folder list focused state
This commit is contained in:
RainLoop Team 2014-04-13 04:32:07 +04:00
parent d961fa480a
commit 0fad66c452
53 changed files with 2231 additions and 1181 deletions

View file

@ -1,4 +1,4 @@
<div class="b-folders g-ui-user-select-none thm-folders">
<div class="b-folders g-ui-user-select-none thm-folders" data-bind="css: {'focused': folderList.focused}">
<div class="b-toolbar btn-toolbar">
<a class="btn buttonCompose" data-tooltip-placement="bottom" data-bind="click: composeClick, tooltip: 'FOLDER_LIST/BUTTON_COMPOSE'">
<i class="icon-paper-plane"></i>

View file

@ -9,7 +9,7 @@
</a>
</div>
<div class="btn-group">&nbsp;</div>
<div class="btn-group dropdown" data-bind="dropdownOpenStatus: true, openDropdownTrigger: moveDropdownTrigger">
<div class="btn-group dropdown" data-bind="registrateBootstrapDropdown: true, openDropdownTrigger: moveDropdownTrigger">
<a id="move-dropdown-id" href="#" tabindex="-1" class="btn dropdown-toggle buttonMove" data-toggle="dropdown" data-tooltip-placement="bottom" data-bind="command: moveCommand, tooltip: 'MESSAGE_LIST/BUTTON_MOVE_TO'">
<i class="icon-folder"></i>
&nbsp;&nbsp;
@ -35,11 +35,11 @@
</a>
</div>
<div class="btn-group">&nbsp;</div>
<div class="btn-group dropdown" data-bind="dropdownOpenStatus: true, openDropdownTrigger: moreDropdownTrigger">
<a class="btn dropdown-toggle buttonMore" href="#" tabindex="-1" data-toggle="dropdown" data-tooltip-placement="bottom" data-bind="tooltip: 'MESSAGE_LIST/BUTTON_MORE'">
<div class="btn-group dropdown" data-bind="registrateBootstrapDropdown: true, openDropdownTrigger: moreDropdownTrigger">
<a id="more-list-dropdown-id" class="btn dropdown-toggle buttonMore" href="#" tabindex="-1" data-toggle="dropdown" data-tooltip-placement="bottom" data-bind="tooltip: 'MESSAGE_LIST/BUTTON_MORE'">
<i class="icon-list"></i>
</a>
<ul class="dropdown-menu g-ui-menu" role="menu">
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="more-list-dropdown-id">
<li class="e-item" role="presentation" data-bind="click: listUnsetSeen, css: {'disabled': !hasCheckedOrSelectedLines()}">
<a class="e-link menuitem" href="#" tabindex="-1">
<i class="icon-none"></i>

View file

@ -37,11 +37,11 @@
</a>
</div>
<div class="btn-group">&nbsp;</div>
<div class="btn-group dropdown" data-bind="dropdownOpenStatus: true, openDropdownTrigger: moreDropdownTrigger"">
<a class="btn dropdown-toggle buttonMore" href="#" tabindex="-1" data-toggle="dropdown" data-tooltip-placement="bottom" data-bind="command: messageVisibilityCommand, tooltip: 'MESSAGE/BUTTON_MORE'">
<div class="btn-group dropdown" data-bind="registrateBootstrapDropdown: true, openDropdownTrigger: moreDropdownTrigger">
<a id="more-view-dropdown-id" class="btn dropdown-toggle buttonMore" href="#" tabindex="-1" data-toggle="dropdown" data-tooltip-placement="bottom" data-bind="command: messageVisibilityCommand, tooltip: 'MESSAGE/BUTTON_MORE'">
<i class="icon-list"></i>
</a>
<ul class="dropdown-menu g-ui-menu" role="menu">
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="more-view-dropdown-id">
<li class="e-item" role="presentation" data-bind="visible: !isDraftFolder()">
<a class="e-link menuitem" href="#" tabindex="-1" data-bind="command: forwardAsAttachmentCommand">
<i class="icon-reply"></i>

View file

@ -28,16 +28,16 @@
</label>
</div>
<div class="e-cell e-value">
<div class="dropdown pull-left">
<span class="dropdown-toggle g-ui-dropdown e-identity"
id="IdentityLabel" role="button" data-toggle="dropdown"
<div class="dropdown pull-left" data-bind="registrateBootstrapDropdown: true, openDropdownTrigger: identitiesDropdownTrigger">
<a class="dropdown-toggle g-ui-dropdown e-identity" href="#" tabindex="-1"
id="identity-label-id" role="button" data-toggle="dropdown"
data-bind="text: currentIdentityString, dropdownCloser: true, css: {'multiply': 1 < identitiesOptions().length }">
</span>
</a>
<!-- ko if: 1 < identitiesOptions().length -->
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="IdentityLabel">
<ul class="dropdown-menu g-ui-menu" role="menu" aria-labelledby="identity-label-id">
<!-- ko foreach: identitiesOptions -->
<li class="e-item">
<a class="e-link" tabindex="-1" href="#" data-bind="click: function (oIdentity) { $root.selectIdentity(oIdentity); return true; }">
<li class="e-item" role="presentation">
<a class="e-link menuitem" tabindex="-1" href="#" data-bind="click: function (oIdentity) { $root.selectIdentity(oIdentity); return true; }">
<span data-bind="text: optText"></span>
</a>
</li>

View file

@ -7,44 +7,36 @@
</h3>
</div>
<div class="modal-body">
<div class="row" style="margin-left: 0">
<div class="span6">
<table class="table table-condensed table-striped">
<thead><tr><th>Mailbox</th></tr></thead>
<ul class="nav nav-tabs">
<li class="active"><a href="#mailbox-shortcuts-id" data-toggle="tab">Mailbox</a></li>
<li><a href="#message-list-shortcuts-id" data-toggle="tab">Message list (focused)</a></li>
<li><a href="#message-view-shortcuts-id" data-toggle="tab">Message view (focused)</a></li>
<li><a href="#compose-shortcuts-id" data-toggle="tab">Compose</a></li>
</ul>
<br />
<div class="tab-content span8">
<div class="tab-pane active" id="mailbox-shortcuts-id">
<table class="table table-striped table-bordered">
<tbody>
<tr><td>Open user dropdown</td><td>`</td></tr>
<tr><td>Compose popup</td><td>W, C</td></tr>
<tr><td>Open message list more dropdown</td><td>Z</td></tr>
<tr><td>Open message view more dropdown</td><td>X</td></tr>
<tr><td>Help</td><td>?, Shift + /</td></tr>
</tbody>
</table>
<table class="table table-condensed table-striped">
<thead><tr><th>Message view (focused)</th></tr></thead>
<tbody>
<tr><td>Toggle fullscreen mode</td><td>Enter</td></tr>
<tr><td>Toggle message blockquotes</td><td>B</td></tr>
<tr><td>Print</td><td>Ctrl + P, Command + P</td></tr>
<tr><td>Exit fullscreen mode</td><td>Esc</td></tr>
<tr><td>Close message (No preview pane layout)</td><td>Esc</td></tr>
<tr><td>Switch focus back to message list</td><td>Tab, Shift + Tab</td></tr>
</tbody>
</table>
</div>
<div class="span6">
<table class="table table-condensed table-striped">
<thead><tr><th>Message list</th></tr></thead>
<tbody>
<tr><td>Check All</td><td>Ctrl + A, Command + A</td></tr>
<tr><td>Delete selected messages</td><td>Delete, Shift + delete</td></tr>
<tr><td>Open user dropdown</td><td>` (tilde)</td></tr>
<tr><td>Reply selected message</td><td>R</td></tr>
<tr><td>Reply All selected message</td><td>A</td></tr>
<tr><td>Froward selected message</td><td>F</td></tr>
<tr><td>Froward (multiply) selected messages</td><td>Shift + F</td></tr>
<tr><td>Open message list more dropdown</td><td></td></tr>
<tr><td>Open message view more dropdown</td><td></td></tr>
<tr><td>Help</td><td>?, Shift + /</td></tr>
</tbody>
</table>
</div>
<div class="tab-pane" id="message-list-shortcuts-id">
<table class="table table-striped table-bordered">
<tbody>
<tr><td>Check All messages</td><td>Ctrl + A, Command + A</td></tr>
<tr><td>Archive selected messages</td><td>Z</td></tr>
<tr><td>Delete selected messages</td><td>Delete, Shift + delete</td></tr>
<tr><td>Move selected messages</td><td>M</td></tr>
<tr><td>Read selected messages</td><td>R</td></tr>
<tr><td>UnRead selected messages</td><td>U</td></tr>
@ -57,8 +49,34 @@
</table>
</div>
</div>
<div class="tab-pane" id="message-view-shortcuts-id">
<table class="table table-striped table-bordered">
<tbody>
<tr><td>Toggle fullscreen mode</td><td>Enter</td></tr>
<tr><td>Toggle message blockquotes</td><td>B</td></tr>
<tr><td>Print</td><td>Ctrl + P, Command + P</td></tr>
<tr><td>Exit fullscreen mode</td><td>Esc</td></tr>
<tr><td>Close message (No preview pane layout)</td><td>Esc</td></tr>
<tr><td>Switch focus back to message list</td><td>Tab, Shift + Tab</td></tr>
</tbody>
</table>
</div>
<div class="tab-pane" id="compose-shortcuts-id">
<table class="table table-striped table-bordered">
<tbody>
<tr><td>Open popup</td><td>W, C</td></tr>
<tr><td>Open identities dropdown</td><td>Ctrl + Q, Command + Q</td></tr>
<tr><td>Save message</td><td>Ctrl + S, Command + S</td></tr>
<tr><td>Send message</td><td>Ctrl + Enter, Command + Enter</td></tr>
<tr><td>Close compose</td><td>Esc</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

View file

@ -9,7 +9,7 @@
<div class="btn-group pull-right">
&nbsp;&nbsp;&nbsp;
</div>-->
<div class="btn-group pull-right dropdown" data-bind="dropdownOpenStatus: true, openDropdownTrigger: accountMenuDropdownTrigger">
<div class="btn-group pull-right dropdown" data-bind="registrateBootstrapDropdown: true, openDropdownTrigger: accountMenuDropdownTrigger">
<a id="top-system-dropdown-id" href="#" tabindex="-1" class="btn btn-ellipsis btn-block dropdown-toggle system-dropdown"
data-toggle="dropdown" data-tooltip-placement="left"
data-tooltip-class="tooltip-big" data-bind="tooltip2: emailTitle">