/*
 *    Copyright [2021] [wisemapping]
 *
 *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
 *   It is basically the Apache License, Version 2.0 (the "License") plus the
 *   "powered by wisemapping" text requirement on every single page;
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the license at
 *
 *       http://www.wisemapping.org/license
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
import BootstrapDialog from '../bootstrap/BootstrapDialog';
import { $msg } from '@wisemapping/mindplot';


class KeyboardShortcutDialog extends BootstrapDialog {
    constructor() {
        super($msg('SHORTCUTS'), {
            closeButton: true,
            acceptButton: false,
        });
        this.setContent(`<div id="keyboardTable">
    <table>
        <colgroup>
            <col width="40%"/>
            <col width="30%"/>
            <col width="30%"/>
        </colgroup>
        <thead>
        <tr>
            <th>${$msg('ACTION')}</th>
            <th>Windows - Linux</th>
            <th>Mac OS X</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>${$msg('SAVE_CHANGES')}</td>
            <td>Ctrl + s</td>
            <td>⌘ + s</td>
        </tr>
        <tr>
            <td>${$msg('CREATE_SIBLING_TOPIC')}</td>
            <td>Enter</td>
            <td>Enter</td>
        </tr>
        <tr>
            <td>${$msg('CREATE_CHILD_TOPIC')}</td>
            <td>Insert / Tab</td>
            <td>⌘ + Enter / Tab</td>
        </tr>
        <tr>
            <td>${$msg('DELETE_TOPIC')}</td>
            <td>Delete</td>
            <td>Delete</td>
        </tr>
        <tr>
            <td>${$msg('EDIT_TOPIC_TEXT')}</td>
            <td>${$msg('JUST_START_TYPING')} | F2</td>
            <td>${$msg('JUST_START_TYPING')} | F2</td>
        </tr>
        <tr>
            <td>${$msg('MULTIPLE_LINES')}</td>
            <td>Ctrl + Enter</td>
            <td>⌘ + Enter</td>
        </tr>
        <tr>
            <td>${$msg('COPY_AND_PASTE_TOPICS')}</td>
            <td>Ctrl + c/Ctrl + v</td>
            <td>⌘ + c/⌘ + v</td>
        </tr>

        <tr>
            <td>${$msg('COLLAPSE_CHILDREN')}</td>
            <td>Space bar</td>
            <td>Space bar</td>
        </tr>
        <tr>
            <td>${$msg('TOPIC_NAVIGATION')}</td>
            <td>${$msg('ARROW_KEYS')}</td>
            <td>${$msg('ARROW_KEYS')}</td>
        </tr>
        <tr>
            <td>${$msg('SELECT_MULTIPLE_NODES')}</td>
            <td>Ctrl + Mouse Click</td>
            <td>Ctrl + Mouse Click</td>
        </tr>
        <tr>
            <td>${$msg('UNDO_EDITION')}</td>
            <td>Ctrl + z</td>
            <td>⌘ + z</td>
        </tr>
        <tr>
            <td>${$msg('REDO_EDITION')}</td>
            <td>Ctrl + Shift + z</td>
            <td>⌘ + Shift + z</td>
        </tr>
        <tr>
            <td>${$msg('SELECT_ALL_TOPIC')}</td>
            <td>Ctrl + a</td>
            <td>⌘ + a</td>
        </tr>
        <tr>
            <td>${$msg('CANCEL_TEXT_CHANGES')}</td>
            <td>Esc</td>
            <td>Esc</td>
        </tr>
        <tr>
            <td>${$msg('DESELECT_ALL_TOPIC')}</td>
            <td>Ctrl + Shift + a</td>
            <td>⌘ + Shift + a</td>
        </tr>
        <tr>
            <td>${$msg('CHANGE_TEXT_ITALIC')}</td>
            <td>Ctrl + i</td>
            <td>⌘ + i</td>
        </tr>
        <tr>
            <td>${$msg('CHANGE_TEXT_BOLD')}</td>
            <td>Ctrl + b</td>
            <td>⌘ + b</td>
        </tr>
        <tr>
            <td>${$msg('TOPIC_NOTE')}</td>
            <td>Ctrl + k</td>
            <td>⌘ + k</td>
        </tr>
        <tr>
            <td>${$msg('TOPIC_LINK')}</td>
            <td>Ctrl + l</td>
            <td>⌘ + l</td>
        </tr>
        </tbody>
    </table>
</div>`);
        this.show();
    }
}

export default KeyboardShortcutDialog;