keybindings.js

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

/* Tabulator v4.5.3 (c) Oliver Folkerd */

var Keybindings = function Keybindings(table) {
    this.table = table; //hold Tabulator object
    this.watchKeys = null;
    this.pressedKeys = null;
    this.keyupBinding = false;
    this.keydownBinding = false;
};

Keybindings.prototype.initialize = function () {
    var bindings = this.table.options.keybindings,
        mergedBindings = {};

    this.watchKeys = {};
    this.pressedKeys = [];

    if (bindings !== false) {

        for (var key in this.bindings) {
            mergedBindings[key] = this.bindings[key];
        }

        if (Object.keys(bindings).length) {

            for (var _key in bindings) {
                mergedBindings[_key] = bindings[_key];
            }
        }

        this.mapBindings(mergedBindings);
        this.bindEvents();
    }
};

Keybindings.prototype.mapBindings = function (bindings) {
    var _this = this;

    var self = this;

    var _loop = function _loop(key) {

        if (_this.actions[key]) {

            if (bindings[key]) {

                if (_typeof(bindings[key]) !== "object") {
                    bindings[key] = [bindings[key]];
                }

                bindings[key].forEach(function (binding) {
                    self.mapBinding(key, binding);
                });
            }
        } else {
            console.warn("Key Binding Error - no such action:", key);
        }
    };

    for (var key in bindings) {
        _loop(key);
    }
};

Keybindings.prototype.mapBinding = function (action, symbolsList) {
    var self = this;

    var binding = {
        action: this.actions[action],
        keys: [],
        ctrl: false,
        shift: false
    };

    var symbols = symbolsList.toString().toLowerCase().split(" ").join("").split("+");

    symbols.forEach(function (symbol) {
        switch (symbol) {
            case "ctrl":
                binding.ctrl = true;
                break;

            case "shift":
                binding.shift = true;
                break;

            default:
                symbol = parseInt(symbol);
                binding.keys.push(symbol);

                if (!self.watchKeys[symbol]) {
                    self.watchKeys[symbol] = [];
                }

                self.watchKeys[symbol].push(binding);
        }
    });
};

Keybindings.prototype.bindEvents = function () {
    var self = this;

    this.keyupBinding = function (e) {
        var code = e.keyCode;
        var bindings = self.watchKeys[code];

        if (bindings) {

            self.pressedKeys.push(code);

            bindings.forEach(function (binding) {
                self.checkBinding(e, binding);
            });
        }
    };

    this.keydownBinding = function (e) {
        var code = e.keyCode;
        var bindings = self.watchKeys[code];

        if (bindings) {

            var index = self.pressedKeys.indexOf(code);

            if (index > -1) {
                self.pressedKeys.splice(index, 1);
            }
        }
    };

    this.table.element.addEventListener("keydown", this.keyupBinding);

    this.table.element.addEventListener("keyup", this.keydownBinding);
};

Keybindings.prototype.clearBindings = function () {
    if (this.keyupBinding) {
        this.table.element.removeEventListener("keydown", this.keyupBinding);
    }

    if (this.keydownBinding) {
        this.table.element.removeEventListener("keyup", this.keydownBinding);
    }
};

Keybindings.prototype.checkBinding = function (e, binding) {
    var self = this,
        match = true;

    if (e.ctrlKey == binding.ctrl && e.shiftKey == binding.shift) {
        binding.keys.forEach(function (key) {
            var index = self.pressedKeys.indexOf(key);

            if (index == -1) {
                match = false;
            }
        });

        if (match) {
            binding.action.call(self, e);
        }

        return true;
    }

    return false;
};

//default bindings
Keybindings.prototype.bindings = {
    navPrev: "shift + 9",
    navNext: 9,
    navUp: 38,
    navDown: 40,
    scrollPageUp: 33,
    scrollPageDown: 34,
    scrollToStart: 36,
    scrollToEnd: 35,
    undo: "ctrl + 90",
    redo: "ctrl + 89",
    copyToClipboard: "ctrl + 67"
};

//default actions
Keybindings.prototype.actions = {
    keyBlock: function keyBlock(e) {
        e.stopPropagation();
        e.preventDefault();
    },
    scrollPageUp: function scrollPageUp(e) {
        var rowManager = this.table.rowManager,
            newPos = rowManager.scrollTop - rowManager.height,
            scrollMax = rowManager.element.scrollHeight;

        e.preventDefault();

        if (rowManager.displayRowsCount) {
            if (newPos >= 0) {
                rowManager.element.scrollTop = newPos;
            } else {
                rowManager.scrollToRow(rowManager.getDisplayRows()[0]);
            }
        }

        this.table.element.focus();
    },
    scrollPageDown: function scrollPageDown(e) {
        var rowManager = this.table.rowManager,
            newPos = rowManager.scrollTop + rowManager.height,
            scrollMax = rowManager.element.scrollHeight;

        e.preventDefault();

        if (rowManager.displayRowsCount) {
            if (newPos <= scrollMax) {
                rowManager.element.scrollTop = newPos;
            } else {
                rowManager.scrollToRow(rowManager.getDisplayRows()[rowManager.displayRowsCount - 1]);
            }
        }

        this.table.element.focus();
    },
    scrollToStart: function scrollToStart(e) {
        var rowManager = this.table.rowManager;

        e.preventDefault();

        if (rowManager.displayRowsCount) {
            rowManager.scrollToRow(rowManager.getDisplayRows()[0]);
        }

        this.table.element.focus();
    },
    scrollToEnd: function scrollToEnd(e) {
        var rowManager = this.table.rowManager;

        e.preventDefault();

        if (rowManager.displayRowsCount) {
            rowManager.scrollToRow(rowManager.getDisplayRows()[rowManager.displayRowsCount - 1]);
        }

        this.table.element.focus();
    },
    navPrev: function navPrev(e) {
        var cell = false;

        if (this.table.modExists("edit")) {
            cell = this.table.modules.edit.currentCell;

            if (cell) {
                e.preventDefault();
                cell.nav().prev();
            }
        }
    },

    navNext: function navNext(e) {
        var cell = false;
        var newRow = this.table.options.tabEndNewRow;
        var nav;

        if (this.table.modExists("edit")) {
            cell = this.table.modules.edit.currentCell;

            if (cell) {
                e.preventDefault();

                nav = cell.nav();

                if (!nav.next()) {
                    if (newRow) {
                        if (newRow === true) {
                            newRow = this.table.addRow({});
                        } else {
                            if (typeof newRow == "function") {
                                newRow = this.table.addRow(newRow(cell.row.getComponent()));
                            } else {
                                newRow = this.table.addRow(newRow);
                            }
                        }

                        newRow.then(function () {
                            nav.next();
                        });
                    }
                }
            }
        }
    },

    navLeft: function navLeft(e) {
        var cell = false;

        if (this.table.modExists("edit")) {
            cell = this.table.modules.edit.currentCell;

            if (cell) {
                e.preventDefault();
                cell.nav().left();
            }
        }
    },

    navRight: function navRight(e) {
        var cell = false;

        if (this.table.modExists("edit")) {
            cell = this.table.modules.edit.currentCell;

            if (cell) {
                e.preventDefault();
                cell.nav().right();
            }
        }
    },

    navUp: function navUp(e) {
        var cell = false;

        if (this.table.modExists("edit")) {
            cell = this.table.modules.edit.currentCell;

            if (cell) {
                e.preventDefault();
                cell.nav().up();
            }
        }
    },

    navDown: function navDown(e) {
        var cell = false;

        if (this.table.modExists("edit")) {
            cell = this.table.modules.edit.currentCell;

            if (cell) {
                e.preventDefault();
                cell.nav().down();
            }
        }
    },

    undo: function undo(e) {
        var cell = false;
        if (this.table.options.history && this.table.modExists("history") && this.table.modExists("edit")) {

            cell = this.table.modules.edit.currentCell;

            if (!cell) {
                e.preventDefault();
                this.table.modules.history.undo();
            }
        }
    },

    redo: function redo(e) {
        var cell = false;
        if (this.table.options.history && this.table.modExists("history") && this.table.modExists("edit")) {

            cell = this.table.modules.edit.currentCell;

            if (!cell) {
                e.preventDefault();
                this.table.modules.history.redo();
            }
        }
    },

    copyToClipboard: function copyToClipboard(e) {
        if (!this.table.modules.edit.currentCell) {
            if (this.table.modExists("clipboard", true)) {
                this.table.modules.clipboard.copy(!this.table.options.selectable || this.table.options.selectable == "highlight" ? "active" : "selected", null, null, null, true);
            }
        }
    }
};

Tabulator.prototype.registerModule("keybindings", Keybindings);