<!DOCTYPE HTML>

<%@ include file="/jsp/init.jsp" %>

<div id="keyboardTable">
    <table>
        <colgroup>
            <col width="40%"/>
            <col width="30%"/>
            <col width="30%"/>
        </colgroup>
        <thead>
            <tr>
                <th>Action</th>
                <th>Windows - Linux</th>
                <th>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>
        </tbody>
    </table>
</div>