Add Keyboard Shorcuts Support.
This commit is contained in:
@@ -63,13 +63,10 @@
|
||||
<div id="headerInfo">
|
||||
<div id="headerActions">
|
||||
|
||||
<spring:message code="WELCOME"/>, ${principal.firstname} | <span><a href="c/maps/"><spring:message
|
||||
code="MY_WISEMAPS"/></a></span> |
|
||||
<%--<span><a id="settings" href="c/settings"--%>
|
||||
<%--title="<spring:message code="ACCOUNT_DETAIL"/>"><spring:message code="ACCOUNT"/></a></span> |--%>
|
||||
<span><a href="c/logout" title="<spring:message code="LOGOUT"/>">
|
||||
<spring:message code="LOGOUT"/>
|
||||
</a></span>
|
||||
<spring:message code="WELCOME"/>, ${principal.firstname} |
|
||||
<span><a href="c/maps/"><spring:message code="MY_WISEMAPS"/></a></span> |
|
||||
<span><a href="c/keyboard" id="keyboardShortcuts"><spring:message code="SHORTCUTS"/></a></span> |
|
||||
<span><a href="c/logout" title="<spring:message code="LOGOUT"/>"><spring:message code="LOGOUT"/></a></span>
|
||||
</div>
|
||||
<a href="c/maps/">
|
||||
<div id="headerLogo"></div>
|
||||
|
@@ -2,6 +2,26 @@
|
||||
<%@ include file="/jsp/init.jsp" %>
|
||||
|
||||
<!DOCTYPE HTML>
|
||||
<style type="text/css">
|
||||
#keyboardTable {
|
||||
font-family: Arial,verdana,serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#keyboardTable td {
|
||||
padding: 3px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
#keyboardTable th {
|
||||
padding: 5px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
#keyboardTable th {
|
||||
background-color: #000000;
|
||||
color:#ffffff;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="keyboardTable">
|
||||
<table>
|
||||
@@ -11,63 +31,83 @@
|
||||
<col width="30%"/>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Action</th>
|
||||
<th>Windows - Linux</th>
|
||||
<th>OS X</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><spring:message code="ACTION"/></th>
|
||||
<th>Windows - Linux</th>
|
||||
<th>Mac OS X</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Create Sibling Node</td>
|
||||
<td>Enter</td>
|
||||
<td>Enter</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Create Child Node</td>
|
||||
<td>Insert</td>
|
||||
<td><img src="../images/mac-metaKey.png" alt="Meta"/>+Enter</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Delete Child Node</td>
|
||||
<td>Delete</td>
|
||||
<td>Delete</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Edit Node Text</td>
|
||||
<td>Just start typing | F2</td>
|
||||
<td>Just start typing | F2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Cancel Text Changes</td>
|
||||
<td>Esc</td>
|
||||
<td>Esc</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Collapse / Extend Node</td>
|
||||
<td>Space Bar</td>
|
||||
<td>Space Bar</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Node Navigation</td>
|
||||
<td>Arrow Keys</td>
|
||||
<td>Arrow Keys</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Select Multiple Nodes</td>
|
||||
<td>Ctrl+click</td>
|
||||
<td>Ctrl+click</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Undo Edition</td>
|
||||
<td>Ctrl+z</td>
|
||||
<td><img src="../images/mac-metaKey.png" alt="Meta"/>+z</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Redo Edition</td>
|
||||
<td>Ctrl+Shift+z</td>
|
||||
<td><img src="../images/mac-metaKey.png" alt="Meta"/>+Shift+z</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="SAVE_CHANGES"/></td>
|
||||
<td>Ctrl + s</td>
|
||||
<td>⌘ + s</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="CREATE_SIBLING_TOPIC"/></td>
|
||||
<td>Enter</td>
|
||||
<td>Enter</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="CREATE_CHILD_TOPIC"/></td>
|
||||
<td>Insert</td>
|
||||
<td>⌘ + Enter</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="DELETE_TOPIC"/></td>
|
||||
<td>Delete</td>
|
||||
<td>Delete</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="EDIT_TOPIC_TEXT"/></td>
|
||||
<td><spring:message code="JUST_START_TYPING"/> | F2</td>
|
||||
<td><spring:message code="JUST_START_TYPING"/> | F2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="TOPIC_NAVIGATION"/></td>
|
||||
<td><spring:message code="ARROW_KEYS"/></td>
|
||||
<td><spring:message code="ARROW_KEYS"/></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="SELECT_MULTIPLE_NODES"/></td>
|
||||
<td>Ctrl + Mouse Click</td>
|
||||
<td>Ctrl + Mouse Click</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="UNDO_EDITION"/></td>
|
||||
<td>Ctrl + z</td>
|
||||
<td>⌘ + z</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="REDO_EDITION"/></td>
|
||||
<td>Ctrl + Shift + z</td>
|
||||
<td>⌘ + Shift + z</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="SELECT_ALL_TOPIC"/></td>
|
||||
<td>Ctrl + a</td>
|
||||
<td>⌘ + a</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="CANCEL_TEXT_CHANGES"/></td>
|
||||
<td>Esc</td>
|
||||
<td>Esc</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="DESELECT_ALL_TOPIC"/></td>
|
||||
<td>Ctrl + Shift + a</td>
|
||||
<td>⌘ + Shift + a</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="CHANGE_TEXT_ITALIC"/></td>
|
||||
<td>Ctrl + i</td>
|
||||
<td>⌘ + i</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><spring:message code="CHANGE_TEXT_BOLD"/></td>
|
||||
<td>Ctrl + b</td>
|
||||
<td>⌘ + b</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
Reference in New Issue
Block a user