127 lines
2.5 KiB
TypeScript
127 lines
2.5 KiB
TypeScript
import $ from 'jquery';
|
|
|
|
// var that holds: 0- if ctrl key is not pressed 1- if ctrl key is pressed
|
|
let ctrlKeyHistory = 0;
|
|
|
|
/**
|
|
* Allows moving around inputs/select by Ctrl+arrows
|
|
*
|
|
* @param {object} event data
|
|
*/
|
|
const onKeyDownArrowsHandler = function (event) {
|
|
var e = event || window.event;
|
|
|
|
var o = (e.srcElement || e.target);
|
|
if (! o) {
|
|
return;
|
|
}
|
|
|
|
if (o.tagName !== 'TEXTAREA' && o.tagName !== 'INPUT' && o.tagName !== 'SELECT') {
|
|
return;
|
|
}
|
|
|
|
if ((e.which !== 17) && (e.which !== 37) && (e.which !== 38) && (e.which !== 39) && (e.which !== 40)) {
|
|
return;
|
|
}
|
|
|
|
if (! o.id) {
|
|
return;
|
|
}
|
|
|
|
if (e.type === 'keyup') {
|
|
if (e.which === 17) {
|
|
ctrlKeyHistory = 0;
|
|
}
|
|
|
|
return;
|
|
} else if (e.type === 'keydown') {
|
|
if (e.which === 17) {
|
|
ctrlKeyHistory = 1;
|
|
}
|
|
}
|
|
|
|
if (ctrlKeyHistory !== 1) {
|
|
return;
|
|
}
|
|
|
|
e.preventDefault();
|
|
|
|
var pos = o.id.split('_');
|
|
if (pos[0] !== 'field' || typeof pos[2] === 'undefined') {
|
|
return;
|
|
}
|
|
|
|
var x = pos[2];
|
|
var y = pos[1];
|
|
|
|
switch (e.keyCode) {
|
|
case 38:
|
|
// up
|
|
y--;
|
|
break;
|
|
case 40:
|
|
// down
|
|
y++;
|
|
break;
|
|
case 37:
|
|
// left
|
|
x--;
|
|
break;
|
|
case 39:
|
|
// right
|
|
x++;
|
|
break;
|
|
default:
|
|
return;
|
|
}
|
|
|
|
var id = 'field_' + y + '_' + x;
|
|
|
|
var nO = document.getElementById(id);
|
|
if (! nO) {
|
|
id = 'field_' + y + '_' + x + '_0';
|
|
nO = document.getElementById(id);
|
|
}
|
|
|
|
// skip non existent fields
|
|
if (! nO) {
|
|
return;
|
|
}
|
|
|
|
nO.focus();
|
|
|
|
if (nO.tagName !== 'SELECT') {
|
|
(nO as HTMLInputElement).select();
|
|
}
|
|
|
|
e.returnValue = false;
|
|
};
|
|
|
|
const KeyHandlerEvents = {
|
|
/**
|
|
* @return {function}
|
|
*/
|
|
off: function () {
|
|
return function () {
|
|
$(document).off('keydown keyup', '#table_columns');
|
|
$(document).off('keydown keyup', 'table.insertRowTable');
|
|
};
|
|
},
|
|
/**
|
|
* @return {function}
|
|
*/
|
|
on: function () {
|
|
return function () {
|
|
$(document).on('keydown keyup', '#table_columns', function (event) {
|
|
onKeyDownArrowsHandler(event.originalEvent);
|
|
});
|
|
|
|
$(document).on('keydown keyup', 'table.insertRowTable', function (event) {
|
|
onKeyDownArrowsHandler(event.originalEvent);
|
|
});
|
|
};
|
|
}
|
|
};
|
|
|
|
export { KeyHandlerEvents };
|
