You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
3.6 KiB
94 lines
3.6 KiB
(function() {
|
|
window.onerror = function(message, url, lineNumber) {
|
|
//save error and send to server for example.
|
|
var request = new XMLHttpRequest();
|
|
request.open('POST', '/js_error', true);
|
|
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
|
|
request.send(
|
|
'message=' + encodeURI(message) +
|
|
'&url=' + encodeURI(url) +
|
|
'&lineNumber=' + encodeURI(lineNumber) +
|
|
'&location=' + encodeURI(window.location.href)
|
|
);
|
|
return false;
|
|
};
|
|
Array.prototype.forEach.call(document.querySelectorAll('.number-field,.email-field,.text-field'), function(field) {
|
|
var input = field.querySelector('input');
|
|
var positionLabel = function(input) {
|
|
field.classList[input.value ? 'remove' : 'add']('empty');
|
|
}
|
|
positionLabel(input);
|
|
input.addEventListener('keyup', function(event) { positionLabel(event.target); });
|
|
input.addEventListener('blur', function(event) { field.classList.remove('focused'); });
|
|
input.addEventListener('focus', function(event) { field.classList.add('focused'); });
|
|
});
|
|
var body = document.querySelector('body');
|
|
var primaryContent = document.getElementById('primary-content');
|
|
var overlay = document.getElementById('content-overlay');
|
|
primaryContent.addEventListener('keydown', function(event) {
|
|
event.stopPropagation();
|
|
return false;
|
|
//if (body.classList.contains('has-overlay')) {
|
|
// return false;
|
|
//}
|
|
});
|
|
document.addEventListener('focus', function(event) {
|
|
if (overlay.querySelector('.dlg.open') && !overlay.querySelector('.dlg.open :focus')) {
|
|
overlay.querySelector('.dlg.open').focus();
|
|
}
|
|
}, true);
|
|
function openDlg(dlg, link) {
|
|
body.setAttribute('style', 'width: ' + body.clientWidth + 'px');
|
|
dlg.querySelector('.message').innerHTML = decodeURI(link.dataset.confirmation);
|
|
dlg.querySelector('.confirm').setAttribute('href', link.getAttribute('href'));
|
|
primaryContent.setAttribute('aria-hidden', 'true');
|
|
document.getElementById('overlay').onclick =
|
|
dlg.querySelector('.delete').onclick = function() { closeDlg(dlg); };
|
|
body.classList.add('has-overlay');
|
|
dlg.removeAttribute('aria-hidden');
|
|
dlg.setAttribute('role', 'alertdialog');
|
|
dlg.setAttribute('tabindex', '0');
|
|
dlg.focus();
|
|
setTimeout(function() { dlg.classList.add('open'); }, 100);
|
|
}
|
|
function closeDlg(dlg) {
|
|
setTimeout(function() {
|
|
body.classList.remove('has-overlay');
|
|
body.removeAttribute('style');
|
|
}, 250);
|
|
primaryContent.removeAttribute('aria-hidden');
|
|
dlg.setAttribute('aria-hidden', 'true');
|
|
dlg.removeAttribute('tabindex');
|
|
dlg.classList.remove('open');
|
|
dlg.removeAttribute('role');
|
|
}
|
|
var confirmationDlg = document.getElementById('confirmation-dlg');
|
|
Array.prototype.forEach.call(document.querySelectorAll('a[data-confirmation]'), function(link) {
|
|
link.addEventListener('click', function(event) {
|
|
event.preventDefault();
|
|
openDlg(confirmationDlg, link);
|
|
return false;
|
|
});
|
|
});
|
|
|
|
var errorField = document.querySelector('.input-field.has-error input, .input-field.has-error textarea');
|
|
if (errorField) {
|
|
errorField.focus();
|
|
}
|
|
|
|
var htmlNode = document.documentElement;
|
|
document.addEventListener('keydown', function(event) {
|
|
if (htmlNode.dataset.input != 'kb' &&
|
|
!["input", "textarea", "select", "option"].includes(event.target.nodeName.toLowerCase()) &&
|
|
!event.target.attributes.contenteditable) {
|
|
console.log()
|
|
htmlNode.setAttribute('data-input', 'kb');
|
|
}
|
|
});
|
|
|
|
document.addEventListener('mousemove', function(event) {
|
|
if (htmlNode.dataset.input != 'mouse' && (event.movementX || event.movementY)) {
|
|
htmlNode.setAttribute('data-input', 'mouse');
|
|
}
|
|
});
|
|
})();
|
|
|