jiti-meet/modules/keyboardshortcut/keyboardshortcut.js

/* global APP, $ */
//maps keycode to character, id of popover for given function and function
var shortcuts = {};
function initShortcutHandlers() {
    shortcuts = {
        27: {
            character: "Esc",
            function: function() {
                APP.UI.showKeyboardShortcutsPanel(false);
            }
        },
        67: {
            character: "C",
            id: "toggleChatPopover",
            function: function() {
                APP.UI.toggleChat();
            }
        },
        68: {
            character: "D",
            id: "toggleDesktopSharingPopover",
            function: function () {
                APP.conference.toggleScreenSharing();
            }
        },
        70: {
            character: "F",
            id: "filmstripPopover",
            function: function() {
                APP.UI.toggleFilmStrip();
            }
        },
        77: {
            character: "M",
            id: "mutePopover",
            function: function() {
                APP.conference.toggleAudioMuted();
            }
        },
        82: {
            character: "R",
            function: function() {
                APP.conference.maybeToggleRaisedHand();
            }

        },
        84: {
            character: "T",
            function: function() {
                APP.conference.muteAudio(true);
            }
        },
        86: {
            character: "V",
            id: "toggleVideoPopover",
            function: function() {
                APP.conference.toggleVideoMuted();
            }
        },
        191: {
            character: "/",
            function: function(e) {
                // Only trigger on "?", not on "/".
                if (e.shiftKey) {
                    APP.UI.toggleKeyboardShortcutsPanel();
                }
            }
        }
    };
}

var KeyboardShortcut = {
    init: function () {
        initShortcutHandlers();
        window.onkeyup = function(e) {
            var keycode = e.which;
            if(!($(":focus").is("input[type=text]") ||
                $(":focus").is("input[type=password]") ||
                $(":focus").is("textarea"))) {
                if (typeof shortcuts[keycode] === "object") {
                    shortcuts[keycode].function(e);
                }
                else if (keycode >= "0".charCodeAt(0) &&
                    keycode <= "9".charCodeAt(0)) {
                    APP.UI.clickOnVideo(keycode - "0".charCodeAt(0) + 1);
                }
                //esc while the smileys are visible hides them
            } else if (keycode === 27 &&
                $('#smileysContainer').is(':visible')) {
                APP.UI.toggleSmileys();
            }
        };

        window.onkeydown = function(e) {
            if(!($(":focus").is("input[type=text]") ||
                $(":focus").is("input[type=password]") ||
                $(":focus").is("textarea"))) {
                if(e.which === "T".charCodeAt(0)) {
                    if(APP.conference.isLocalAudioMuted())
                        APP.conference.muteAudio(false);
                }
            }
        };
        var self = this;
        $('body').popover({ selector: '[data-toggle=popover]',
            trigger: 'click hover',
            content: function() {
                return this.getAttribute("content") +
                    self.getShortcut(this.getAttribute("shortcut"));
            }
        });
    },
    /**
     *
     * @param id indicates the popover associated with the shortcut
     * @returns {string} the keyboard shortcut used for the id given
     */
    getShortcut: function (id) {
        for (var keycode in shortcuts) {
            if (shortcuts.hasOwnProperty(keycode)) {
                if (shortcuts[keycode].id === id) {
                    return " (" + shortcuts[keycode].character + ")";
                }
            }
        }
        return "";
    }
};

module.exports = KeyboardShortcut;