Add Keyboard Shorcuts Support.

distribution/copy-dist.sh

@@ -9,12 +9,12 @@ SERVER_DOWNLOAD_DIR=/var/www/wisemapping.org/stable
 WISE_BIN_FILE_NAME=wisemapping-${WISE_VERSION}.zip
 WISE_BIN_FILE_PATH=./target/${WISE_BIN_FILE_NAME}
 
-WISE_SRC_FILE_NAME=wisemapping-${WISE_VERSION}-src.tar.gz 
-WISE_SRC_FILE_PATH=./target/${WISE_SRC_FILE_NAME}
+#WISE_SRC_FILE_NAME=wisemapping-${WISE_VERSION}-src.tar.gz 
+#WISE_SRC_FILE_PATH=./target/${WISE_SRC_FILE_NAME}
 
-scp ${WISE_SRC_FILE_PATH} thecrow@wisemapping.com:${SERVER_DOWNLOAD_DIR}/
+#scp ${WISE_SRC_FILE_PATH} thecrow@wisemapping.com:${SERVER_DOWNLOAD_DIR}/
 scp ${WISE_BIN_FILE_PATH} thecrow@wisemapping.com:${SERVER_DOWNLOAD_DIR}
 
 # It's there ?
 wget  -S http://downloads.wisemapping.org/stable/${WISE_BIN_FILE_NAME}
-wget  -S http://downloads.wisemapping.org/stable/${WISE_SRC_FILE_NAME}
+#wget  -S http://downloads.wisemapping.org/stable/${WISE_SRC_FILE_NAME}

mindplot/resources/messages_en.properties

@@ -13,8 +13,6 @@ FONT_FAMILY=Font Type
 FONT_SIZE=Text Size
 FONT_BOLD=Text Bold
 FONT_ITALIC=Text Italic
-UNDO_EDITION=Undo Edition
-REDO_EDITION=Redo Edition
 UNDO=Undo
 REDO=Redo
 INSERT=Insert

mindplot/resources/messages_es.properties

@@ -20,8 +20,6 @@ FONT_BOLD=Negrita
 FONT_ITALIC=Italica
 FONT_COLOR=Color de Texto
 
-UNDO_EDITION=Undo Edition
-REDO_EDITION=Redo Edition
 UNDO=Rehacer
 NOTE=Nota
 LOADING=Cargando ...

mindplot/src/main/javascript/widget/Menu.js

@@ -405,6 +405,28 @@ mindplot.widget.Menu = new Class({
         }
 
         this._registerEvents(designer);
+
+        // Keyboard Shortcuts Action ...
+        var keyboardShortcut = $('keyboardShortcuts');
+        if (keyboardShortcut) {
+
+            keyboardShortcut.addEvent('click', function (event) {
+                var reqDialog = new MooDialog.Request('c/keyboard', null,
+                    {'class':'modalDialog keyboardModalDialog',
+                        closeButton:true,
+                        destroyOnClose:true,
+                        title:$msg('SHORTCUTS')
+                    });
+                reqDialog.setRequestOptions({
+                    onRequest:function () {
+                        reqDialog.setContent($msg('LOADING'));
+                    }
+                });
+                MooDialog.Request.active = reqDialog;
+                event.preventDefault();
+            });
+        }
+
     },
 
     _registerEvents:function (designer) {

wise-webapp/src/main/webapp/WEB-INF/classes/messages_en.properties

@@ -184,3 +184,22 @@ SHOW_REGISTERS=Show _MENU_ entries
 LOADING=Loading ...
 NO_MATCHING_FOUND=No matching records found
 TABLE_ROWS=\ _START_-_END_ of _TOTAL_
+ACTION=Action
+CREATE_SIBLING_TOPIC=Create Sibling Topic
+CREATE_CHILD_TOPIC=Create Child Topic
+DELETE_TOPIC=Delete Topic
+EDIT_TOPIC_TEXT=Edit Topic Text
+JUST_START_TYPING=Just start typing
+CANCEL_TEXT_CHANGES=Cancel Text Changes
+TOPIC_NAVIGATION=Topic Navigation
+ARROW_KEYS=Arrow Keys
+SELECT_MULTIPLE_NODES=Select Multiple Nodes
+UNDO_EDITION=Undo Edition
+REDO_EDITION=Redo Edition
+SELECT_ALL_TOPIC=Select All Topic
+CHANGE_TEXT_BOLD=Change Text Bold Type
+SAVE_CHANGES=Save Chages
+CHANGE_TEXT_ITALIC=Change Text Italic
+DESELECT_ALL_TOPIC=Deselect All Topic
+SHORTCUTS=Shortcuts
+

wise-webapp/src/main/webapp/WEB-INF/classes/messages_es.properties

@@ -185,3 +185,22 @@ SHOW_REGISTERS=Mostrar _MENU_ registros
 LOADING=Cargando ...
 NO_MATCHING_FOUND=No se encontraron resultados
 TABLE_ROWS=\ _START_-_END_ de _TOTAL_
+ACTION=Acci\u00f3n
+CREATE_SIBLING_TOPIC=Agregar T\u00f3pico Hermano
+CREATE_CHILD_TOPIC=Agregar T\u00f3pico Hijo
+DELETE_TOPIC=Borrar T\u00f3pico
+EDIT_TOPIC_TEXT=Editar Texto de T\u00f3pico
+JUST_START_TYPING=Comenza a escribir
+CANCEL_TEXT_CHANGES=Cancelar Edici\u00f3n de Texto
+TOPIC_NAVIGATION=Navegaci\u00f3n Entre T\u00f3picos
+ARROW_KEYS=Flechas Del Cursor
+SELECT_MULTIPLE_NODES=Selecci\u00f3nar Multiples T\u00f3picos
+UNDO_EDITION=Revertir Cambios
+REDO_EDITION=Rehacer Cambios
+SELECT_ALL_TOPIC=Seleccionar Todos los T\u00f3picos
+CHANGE_TEXT_BOLD=Cambiar Texto a Negrita
+SAVE_CHANGES=Guardar los Cambios
+CHANGE_TEXT_ITALIC=Cambiar Texto a Italica
+DESELECT_ALL_TOPIC=Revertir Selecci\u00f3n de T\u00f3picos
+SHORTCUTS=Shortcuts
+

wise-webapp/src/main/webapp/WEB-INF/defs/definitions.xml

@@ -181,6 +181,6 @@
     <definition name="keyboard" extends="dialogTemplate">
         <put-attribute name="title" value="KEYBOARD"/>
         <put-attribute name="details" value="KEYBOARD_MSG"/>
-        <put-attribute name="body" value="/jsp/keyboard.jsp"/>
+        <put-attribute name="body" value="/jsp/mindmapEditorKeyboard.jsp"/>
     </definition>
 </tiles-definitions>

wise-webapp/src/main/webapp/jsp/mindmapEditor.jsp

@@ -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>

wise-webapp/src/main/webapp/jsp/mindmapEditorKeyboard.jsp

@@ -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>
@@ -12,61 +32,81 @@
         </colgroup>
         <thead>
         <tr>
-                <th>Action</th>
+            <th><spring:message code="ACTION"/></th>
             <th>Windows - Linux</th>
-                <th>OS X</th>
+            <th>Mac OS X</th>
         </tr>
         </thead>
         <tbody>
         <tr>
-                <td>Create Sibling Node</td>
+            <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>Create Child Node</td>
+            <td><spring:message code="CREATE_CHILD_TOPIC"/></td>
             <td>Insert</td>
-                <td><img src="../images/mac-metaKey.png" alt="Meta"/>+Enter</td>
+            <td>⌘ + Enter</td>
         </tr>
         <tr>
-                <td>Delete Child Node</td>
+            <td><spring:message code="DELETE_TOPIC"/></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>
+            <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>Cancel Text Changes</td>
-                <td>Esc</td>
-                <td>Esc</td>
+            <td><spring:message code="TOPIC_NAVIGATION"/></td>
+            <td><spring:message code="ARROW_KEYS"/></td>
+            <td><spring:message code="ARROW_KEYS"/></td>
         </tr>
         <tr>
-                <td>Collapse / Extend Node</td>
-                <td>Space Bar</td>
-                <td>Space Bar</td>
+            <td><spring:message code="SELECT_MULTIPLE_NODES"/></td>
+            <td>Ctrl + Mouse Click</td>
+            <td>Ctrl + Mouse Click</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><spring:message code="UNDO_EDITION"/></td>
             <td>Ctrl + z</td>
-                <td><img src="../images/mac-metaKey.png" alt="Meta"/>+z</td>
+            <td>⌘ + z</td>
         </tr>
         <tr>
-                <td>Redo Edition</td>
+            <td><spring:message code="REDO_EDITION"/></td>
             <td>Ctrl + Shift + z</td>
-                <td><img src="../images/mac-metaKey.png" alt="Meta"/>+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>