0d843e68fe
Most of the changes were done by PhpStorm. Signed-off-by: Maurício Meneghini Fauth <mauricio@mfauth.net>
1007 lines
36 KiB
TypeScript
1007 lines
36 KiB
TypeScript
import $ from 'jquery';
|
|
import { AJAX } from '../modules/ajax.ts';
|
|
import { addDateTimePicker } from '../modules/functions.ts';
|
|
|
|
/**
|
|
* @fileoverview function used in table data manipulation pages
|
|
*
|
|
* @requires jQueryUI
|
|
*/
|
|
|
|
/**
|
|
* Modify form controls when the "NULL" checkbox is checked
|
|
*
|
|
* @param {string} theType the MySQL field type
|
|
* @param {string} md5Field the md5 hashed field name
|
|
* @param {string} multiEdit the multi_edit row sequence number
|
|
*
|
|
* @return {boolean} always true
|
|
*/
|
|
function nullify (theType, md5Field, multiEdit) {
|
|
// @ts-ignore
|
|
const rowForm = document.forms.insertForm;
|
|
|
|
if (typeof (rowForm.elements['funcs' + multiEdit + '[' + md5Field + ']']) !== 'undefined') {
|
|
rowForm.elements['funcs' + multiEdit + '[' + md5Field + ']'].selectedIndex = -1;
|
|
}
|
|
|
|
// "ENUM" field with more than 20 characters
|
|
if (Number(theType) === 1) {
|
|
rowForm.elements['fields' + multiEdit + '[' + md5Field + ']'][1].selectedIndex = -1;
|
|
// Other "ENUM" field
|
|
} else if (Number(theType) === 2) {
|
|
const elts = rowForm.elements['fields' + multiEdit + '[' + md5Field + ']'];
|
|
// when there is just one option in ENUM:
|
|
if (elts.checked) {
|
|
elts.checked = false;
|
|
} else {
|
|
const eltsCnt = elts.length;
|
|
for (let i = 0; i < eltsCnt; i++) {
|
|
elts[i].checked = false;
|
|
} // end for
|
|
} // end if
|
|
// "SET" field
|
|
} else if (Number(theType) === 3) {
|
|
rowForm.elements['fields' + multiEdit + '[' + md5Field + '][]'].selectedIndex = -1;
|
|
// Foreign key field (drop-down)
|
|
} else if (Number(theType) === 4) {
|
|
rowForm.elements['fields' + multiEdit + '[' + md5Field + ']'].selectedIndex = -1;
|
|
// foreign key field (with browsing icon for foreign values)
|
|
} else if (Number(theType) === 6) {
|
|
rowForm.elements['fields' + multiEdit + '[' + md5Field + ']'].value = '';
|
|
// Other field types
|
|
} else /* if (theType === 5)*/ {
|
|
rowForm.elements['fields' + multiEdit + '[' + md5Field + ']'].value = '';
|
|
} // end if... else if... else
|
|
|
|
return true;
|
|
} // end of the 'nullify()' function
|
|
|
|
/**
|
|
* javascript DateTime format validation.
|
|
* its used to prevent adding default (0000-00-00 00:00:00) to database when user enter wrong values
|
|
* Start of validation part
|
|
*/
|
|
// function checks the number of days in febuary
|
|
function daysInFebruary (year) {
|
|
return (((year % 4 === 0) && (((year % 100 !== 0)) || (year % 400 === 0))) ? 29 : 28);
|
|
}
|
|
|
|
// function to convert single digit to double digit
|
|
function fractionReplace (number) {
|
|
const num = parseInt(number, 10);
|
|
|
|
return num >= 1 && num <= 9 ? '0' + num : '00';
|
|
}
|
|
|
|
/* function to check the validity of date
|
|
* The following patterns are accepted in this validation (accepted in mysql as well)
|
|
* 1) 2001-12-23
|
|
* 2) 2001-1-2
|
|
* 3) 02-12-23
|
|
* 4) And instead of using '-' the following punctuations can be used (+,.,*,^,@,/) All these are accepted by mysql as well. Therefore no issues
|
|
*/
|
|
function isDate (val, tmstmp = undefined) {
|
|
let value = val.replace(/[.|*|^|+|//|@]/g, '-');
|
|
const arrayVal = value.split('-');
|
|
for (let a = 0; a < arrayVal.length; a++) {
|
|
if (arrayVal[a].length === 1) {
|
|
arrayVal[a] = fractionReplace(arrayVal[a]);
|
|
}
|
|
}
|
|
|
|
value = arrayVal.join('-');
|
|
let pos = 2;
|
|
const dtexp = new RegExp(/^([0-9]{4})-(((01|03|05|07|08|10|12)-((0[0-9])|([1-2][0-9])|(3[0-1])))|((02|04|06|09|11)-((0[0-9])|([1-2][0-9])|30))|((00)-(00)))$/);
|
|
if (value.length === 8) {
|
|
pos = 0;
|
|
}
|
|
|
|
if (dtexp.test(value)) {
|
|
const month = parseInt(value.substring(pos + 3, pos + 5), 10);
|
|
const day = parseInt(value.substring(pos + 6, pos + 8), 10);
|
|
let year = parseInt(value.substring(0, pos + 2), 10);
|
|
if (month === 2 && day > daysInFebruary(year)) {
|
|
return false;
|
|
}
|
|
|
|
if (value.substring(0, pos + 2).length === 2) {
|
|
year = parseInt('20' + value.substring(0, pos + 2), 10);
|
|
}
|
|
|
|
if (tmstmp === true) {
|
|
if (year < 1978) {
|
|
return false;
|
|
}
|
|
|
|
if (year > 2038 || (year > 2037 && day > 19 && month >= 1) || (year > 2037 && month > 1)) {
|
|
return false;
|
|
}
|
|
}
|
|
} else {
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
/* function to check the validity of time
|
|
* The following patterns are accepted in this validation (accepted in mysql as well)
|
|
* 1) 2:3:4
|
|
* 2) 2:23:43
|
|
* 3) 2:23:43.123456
|
|
*/
|
|
function isTime (val) {
|
|
const arrayVal = val.split(':');
|
|
let a = 0;
|
|
const l = arrayVal.length;
|
|
for (; a < l; a++) {
|
|
if (arrayVal[a].length === 1) {
|
|
arrayVal[a] = fractionReplace(arrayVal[a]);
|
|
}
|
|
}
|
|
|
|
const newVal = arrayVal.join(':');
|
|
const tmexp = new RegExp(/^(-)?(([0-7]?[0-9][0-9])|(8[0-2][0-9])|(83[0-8])):((0[0-9])|([1-5][0-9])):((0[0-9])|([1-5][0-9]))(\.[0-9]{1,6}){0,1}$/);
|
|
|
|
return tmexp.test(newVal);
|
|
}
|
|
|
|
/**
|
|
* To check whether insert section is ignored or not
|
|
* @param {string} multiEdit
|
|
* @return {boolean}
|
|
*/
|
|
function checkForCheckbox (multiEdit) {
|
|
if ($('#insert_ignore_' + multiEdit).length) {
|
|
return $('#insert_ignore_' + multiEdit).is(':unchecked');
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
// used in Search page mostly for INT fields
|
|
// eslint-disable-next-line no-unused-vars
|
|
function verifyAfterSearchFieldChange (index, searchFormId) {
|
|
const $thisInput = $('input[name=\'criteriaValues[' + index + ']\']');
|
|
// Add data-skip-validators attribute to skip validation in changeValueFieldType function
|
|
if ($('#fieldID_' + index).data('data-skip-validators')) {
|
|
$(searchFormId).validate().destroy();
|
|
|
|
return;
|
|
}
|
|
|
|
// validation for integer type
|
|
if ($thisInput.data('type') === 'INT' ||
|
|
$thisInput.data('type') === 'TINYINT') {
|
|
// Trim spaces if it's an integer
|
|
$thisInput.val(($thisInput.val() as string).trim());
|
|
|
|
const hasMultiple = $thisInput.prop('multiple');
|
|
|
|
if (hasMultiple) {
|
|
$(searchFormId).validate({
|
|
// update errors as we write
|
|
onkeyup: function (element) {
|
|
$(element).valid();
|
|
}
|
|
});
|
|
|
|
// validator method for IN(...), NOT IN(...)
|
|
// BETWEEN and NOT BETWEEN
|
|
// See all possible syntaxes in tests of https://regexr.com/7h1eq
|
|
jQuery.validator.addMethod('validationFunctionForMultipleInt', function (value) {
|
|
if (value === '') {
|
|
return true;
|
|
}
|
|
|
|
return value.replace(/ /g,'').match(/^(((0x[0-9a-f]+)|([+-]?([0-9]*\.?[0-9]+|[0-9]+\.?[0-9]*)(e[+-]?[0-9]+)?))(,|$))+$/i) !== null;
|
|
},
|
|
window.Messages.strEnterValidNumber
|
|
);
|
|
|
|
validateMultipleIntField($thisInput, true);
|
|
} else {
|
|
// validator method for INTs
|
|
// See all possible syntaxes in tests of https://regexr.com/7h1ci
|
|
jQuery.validator.addMethod('validationFunctionForInt', function (value) {
|
|
if (value === '') {
|
|
return true;
|
|
}
|
|
|
|
return value.match(/^(0x[0-9a-f]+$)|([+-]?([0-9]*\.?[0-9]+|[0-9]+\.?[0-9]*)(e[+-]?[0-9]+)?)$/i) !== null;
|
|
},
|
|
window.Messages.strEnterValidNumber
|
|
);
|
|
|
|
$(searchFormId).validate({
|
|
// update errors as we write
|
|
onkeyup: function (element) {
|
|
$(element).valid();
|
|
}
|
|
});
|
|
|
|
validateIntField($thisInput, true);
|
|
}
|
|
|
|
// Update error on dropdown change
|
|
$thisInput.valid();
|
|
} else if ($thisInput.data('type') === 'FLOAT') {
|
|
// Trim spaces
|
|
$thisInput.val(($thisInput.val() as string).trim());
|
|
|
|
$(searchFormId).validate({
|
|
// update errors as we write
|
|
onkeyup: function (element) {
|
|
$(element).valid();
|
|
}
|
|
});
|
|
|
|
validateFloatField($thisInput, true);
|
|
// Update error on dropdown change
|
|
$thisInput.valid();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Validate the an input contains multiple int values
|
|
* @param {jQuery} jqueryInput the Jquery object
|
|
* @param {boolean} returnValueIfFine the value to return if the validator passes
|
|
*/
|
|
function validateMultipleIntField (jqueryInput, returnValueIfFine): void {
|
|
// removing previous rules
|
|
jqueryInput.rules('remove');
|
|
|
|
jqueryInput.rules('add', {
|
|
validationFunctionForMultipleInt: {
|
|
param: jqueryInput.value,
|
|
depends: function () {
|
|
return returnValueIfFine;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Validate the an input contains an int value
|
|
* @param {jQuery} jqueryInput the Jquery object
|
|
* @param {boolean} returnValueIfIsNumber the value to return if the validator passes
|
|
*/
|
|
function validateIntField (jqueryInput, returnValueIfIsNumber): void {
|
|
const mini = parseInt(jqueryInput.data('min'));
|
|
const maxi = parseInt(jqueryInput.data('max'));
|
|
// removing previous rules
|
|
jqueryInput.rules('remove');
|
|
|
|
jqueryInput.rules('add', {
|
|
validationFunctionForInt: {
|
|
param: jqueryInput.value,
|
|
depends: function () {
|
|
return returnValueIfIsNumber;
|
|
}
|
|
},
|
|
min: {
|
|
param: mini,
|
|
depends: function () {
|
|
if (isNaN(jqueryInput.val())) {
|
|
return false;
|
|
} else {
|
|
return returnValueIfIsNumber;
|
|
}
|
|
}
|
|
},
|
|
max: {
|
|
param: maxi,
|
|
depends: function () {
|
|
if (isNaN(jqueryInput.val())) {
|
|
return false;
|
|
} else {
|
|
return returnValueIfIsNumber;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Validate the an input contains an float value
|
|
* @param {jQuery} jqueryInput the Jquery object
|
|
* @param {boolean} returnValueIfIsNumber the value to return if the validator passes
|
|
*/
|
|
function validateFloatField (jqueryInput, returnValueIfIsNumber): void {
|
|
// removing previous rules
|
|
jqueryInput.rules('remove');
|
|
|
|
jqueryInput.rules('add', {
|
|
number: {
|
|
param: true,
|
|
depends: function () {
|
|
return returnValueIfIsNumber;
|
|
}
|
|
},
|
|
});
|
|
}
|
|
|
|
function verificationsAfterFieldChange (urlField, multiEdit, theType) {
|
|
const evt = window.event || arguments.callee.caller.arguments[0];
|
|
const target = evt.target || evt.srcElement;
|
|
const $thisInput = ($(':input[name^=\'fields[multi_edit][' + multiEdit + '][' +
|
|
urlField + ']\']') as JQuery<HTMLInputElement>);
|
|
// the function drop-down that corresponds to this input field
|
|
const $thisFunction = ($('select[name=\'funcs[multi_edit][' + multiEdit + '][' +
|
|
urlField + ']\']') as JQuery<HTMLSelectElement>);
|
|
let functionSelected = false;
|
|
if (typeof $thisFunction.val() !== 'undefined' &&
|
|
$thisFunction.val() !== null &&
|
|
($thisFunction.val() as string).length > 0
|
|
) {
|
|
functionSelected = true;
|
|
}
|
|
|
|
// To generate the textbox that can take the salt
|
|
const newSaltBox = '<br><input type=text name=salt[multi_edit][' + multiEdit + '][' + urlField + ']' +
|
|
' id=salt_' + target.id + ' placeholder=\'' + window.Messages.strEncryptionKey + '\'>';
|
|
|
|
// If encrypting or decrypting functions that take salt as input is selected append the new textbox for salt
|
|
if (target.value === 'AES_ENCRYPT' ||
|
|
target.value === 'AES_DECRYPT' ||
|
|
target.value === 'DES_ENCRYPT' ||
|
|
target.value === 'DES_DECRYPT' ||
|
|
target.value === 'ENCRYPT' ||
|
|
target.value === 'SHA2') {
|
|
if (! ($('#salt_' + target.id).length)) {
|
|
$thisInput.after(newSaltBox);
|
|
}
|
|
} else {
|
|
// Remove the textbox for salt
|
|
$('#salt_' + target.id).prev('br').remove();
|
|
$('#salt_' + target.id).remove();
|
|
}
|
|
|
|
let couldFetchRules = false;
|
|
try {
|
|
// See: issue #18792 - In some weird cases the input goes away before it validates
|
|
// And it breaks jquery, this is a well known jquery bug with different trigger schemes
|
|
$('#' + target.id).rules();
|
|
couldFetchRules = true;
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
|
|
if (couldFetchRules) {
|
|
// Remove possible blocking rules if the user changed functions
|
|
$('#' + target.id).rules('remove', 'validationFunctionForMd5');
|
|
$('#' + target.id).rules('remove', 'validationFunctionForAesDesEncrypt');
|
|
|
|
if (target.value === 'MD5') {
|
|
$('#' + target.id).rules('add', {
|
|
validationFunctionForMd5: {
|
|
param: $thisInput,
|
|
depends: function () {
|
|
return checkForCheckbox(multiEdit);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
if (target.value === 'DES_ENCRYPT' || target.value === 'AES_ENCRYPT') {
|
|
$('#' + target.id).rules('add', {
|
|
validationFunctionForAesDesEncrypt: {
|
|
param: $thisInput,
|
|
depends: function () {
|
|
return checkForCheckbox(multiEdit);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
if (target.value === 'HEX' && theType.startsWith('int')) {
|
|
// Add note when HEX function is selected on a int
|
|
const newHexInfo = '<br><p id="note' + target.id + '">' + window.Messages.HexConversionInfo + '</p>';
|
|
if (! $('#note' + target.id).length) {
|
|
$thisInput.after(newHexInfo);
|
|
}
|
|
} else {
|
|
$('#note' + target.id)
|
|
.prev('br')
|
|
.remove();
|
|
|
|
$('#note' + target.id).remove();
|
|
}
|
|
|
|
// Unchecks the corresponding "NULL" control
|
|
$('input[name=\'fields_null[multi_edit][' + multiEdit + '][' + urlField + ']\']').prop('checked', false);
|
|
|
|
// Unchecks the Ignore checkbox for the current row
|
|
$('input[name=\'insert_ignore_' + multiEdit + '\']').prop('checked', false);
|
|
|
|
let charExceptionHandling;
|
|
if (theType.startsWith('char')) {
|
|
charExceptionHandling = theType.substring(5, 6);
|
|
} else if (theType.startsWith('varchar')) {
|
|
charExceptionHandling = theType.substring(8, 9);
|
|
}
|
|
|
|
if (functionSelected) {
|
|
$thisInput.removeAttr('min');
|
|
$thisInput.removeAttr('max');
|
|
// @todo: put back attributes if corresponding function is deselected
|
|
|
|
if ($thisFunction.val() === 'NOW') {
|
|
$thisInput.attr('min', 0);
|
|
$thisInput.attr('max', $thisInput.parent().attr('data-decimals'));
|
|
}
|
|
}
|
|
|
|
if ($thisInput.data('rulesadded') === null && ! functionSelected) {
|
|
// call validate before adding rules
|
|
$($thisInput[0].form).validate();
|
|
// validate for date time
|
|
if (theType.startsWith('time') || theType.startsWith('date')) {
|
|
$thisInput.rules('add', {
|
|
validationFunctionForDateTime: {
|
|
param: theType,
|
|
depends: function () {
|
|
return checkForCheckbox(multiEdit);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// validation for integer type
|
|
if ($thisInput.data('type') === 'INT') {
|
|
validateIntField($thisInput, checkForCheckbox(multiEdit));
|
|
// validation for CHAR types
|
|
} else if ($thisInput.data('type') === 'CHAR') {
|
|
let maxlen = $thisInput.data('maxlength');
|
|
if (typeof maxlen !== 'undefined') {
|
|
if (maxlen <= 4) {
|
|
maxlen = charExceptionHandling;
|
|
}
|
|
|
|
$thisInput.rules('add', {
|
|
maxlength: {
|
|
param: maxlen,
|
|
depends: function () {
|
|
return checkForCheckbox(multiEdit);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
// validate binary & blob types
|
|
} else if ($thisInput.data('type') === 'HEX') {
|
|
$thisInput.rules('add', {
|
|
validationFunctionForHex: {
|
|
param: true,
|
|
depends: function () {
|
|
return checkForCheckbox(multiEdit);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$thisInput.data('rulesadded', true);
|
|
} else if ($thisInput.data('rulesadded') === true && functionSelected) {
|
|
// remove any rules added
|
|
$thisInput.rules('remove');
|
|
// remove any error messages
|
|
$thisInput
|
|
.removeClass('error')
|
|
.removeAttr('aria-invalid')
|
|
.siblings('.error')
|
|
.remove();
|
|
|
|
$thisInput.data('rulesadded', null);
|
|
}
|
|
}
|
|
|
|
/* End of fields validation*/
|
|
|
|
/**
|
|
* Unbind all event handlers before tearing down a page
|
|
*/
|
|
AJAX.registerTeardown('table/change.js', function () {
|
|
$(document).off('click', 'input[name^=\'insert_ignore_\']');
|
|
$(document).off('click', 'button.gis-copy-data');
|
|
$(document).off('click', 'input.checkbox_null');
|
|
$('select[name="submit_type"]').off('change');
|
|
$(document).off('change', '#insert_rows');
|
|
|
|
// Reset grid edit state
|
|
const grid = $('table.table_results').data('pmaGrid');
|
|
|
|
if (grid && typeof grid.resetGridEditState === 'function') {
|
|
grid.resetGridEditState();
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Ajax handlers for Change Table page
|
|
*
|
|
* Actions Ajaxified here:
|
|
* Submit Data to be inserted into the table.
|
|
* Restart insertion with 'N' rows.
|
|
*/
|
|
AJAX.registerOnload('table/change.js', function () {
|
|
if ($('#insertForm').length) {
|
|
// validate the comment form when it is submitted
|
|
$('#insertForm').validate();
|
|
|
|
// validator method for INTs
|
|
// See all possible syntaxes in tests of https://regexr.com/7h1ci
|
|
$.validator.addMethod('validationFunctionForInt', function (value) {
|
|
return value.match(/^([+-]|0x)?([0-9]*\.?[0-9]+|[0-9]+\.?[0-9]*)([eE][+-]?[0-9]+)?$/i) !== null;
|
|
}, window.Messages.strEnterValidNumber);
|
|
|
|
// validator method for IN(...), NOT IN(...)
|
|
// BETWEEN and NOT BETWEEN
|
|
// See all possible syntaxes in tests of https://regexr.com/7h1eq
|
|
$.validator.addMethod('validationFunctionForMultipleInt', function (value) {
|
|
return value.match(/^((([+-]|0x)?([0-9]*\.?[0-9]+|[0-9]+\.?[0-9]*)([eE][+-]?[0-9]+)?(,|$))+)$/i) !== null;
|
|
}, window.Messages.strEnterValidNumber);
|
|
|
|
$.validator.addMethod('validationFunctionForHex', function (value) {
|
|
return value.match(/^[a-f0-9]*$/i) !== null;
|
|
});
|
|
|
|
$.validator.addMethod('validationFunctionForMd5', function (value, element, options) {
|
|
return ! (value.startsWith('MD5') &&
|
|
typeof options.data('maxlength') !== 'undefined' &&
|
|
options.data('maxlength') < 32);
|
|
});
|
|
|
|
$.validator.addMethod('validationFunctionForAesDesEncrypt', function (value, element, options) {
|
|
const funType = value.substring(0, 3);
|
|
if (funType !== 'AES' && funType !== 'DES') {
|
|
return false;
|
|
}
|
|
|
|
const dataType = options.data('type');
|
|
|
|
if (dataType === 'HEX' || dataType === 'CHAR') {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
});
|
|
|
|
$.validator.addMethod('validationFunctionForDateTime', function (value, element, options) {
|
|
let dtValue = value;
|
|
const theType = options;
|
|
if (theType === 'date') {
|
|
return isDate(dtValue);
|
|
} else if (theType === 'time') {
|
|
return isTime(dtValue);
|
|
} else if (theType === 'datetime' || theType === 'timestamp') {
|
|
let tmstmp = false;
|
|
dtValue = dtValue.trim();
|
|
if (dtValue === 'CURRENT_TIMESTAMP' || dtValue === 'current_timestamp()') {
|
|
return true;
|
|
}
|
|
|
|
if (theType === 'timestamp') {
|
|
tmstmp = true;
|
|
}
|
|
|
|
if (dtValue === '0000-00-00 00:00:00') {
|
|
return true;
|
|
}
|
|
|
|
const dv = dtValue.indexOf(' ');
|
|
if (dv === -1) { // Only the date component, which is valid
|
|
return isDate(dtValue, tmstmp);
|
|
}
|
|
|
|
return isDate(dtValue.substring(0, dv), tmstmp) &&
|
|
isTime(dtValue.substring(dv + 1));
|
|
}
|
|
});
|
|
}
|
|
|
|
/*
|
|
* message extending script must be run
|
|
* after initiation of functions
|
|
*/
|
|
window.extendingValidatorMessages();
|
|
|
|
// @ts-ignore
|
|
$.datepicker.initialized = false;
|
|
|
|
const gisEditorModal = document.getElementById('gisEditorModal');
|
|
gisEditorModal?.addEventListener('show.bs.modal', event => {
|
|
// @ts-ignore
|
|
const button = $(event.relatedTarget as HTMLButtonElement);
|
|
// Current value
|
|
const value = button.parent('td').children('input[type=\'text\']').val();
|
|
// Field name
|
|
const field = button.parents('tr').children('td').first().find('input[type=\'hidden\']').val();
|
|
// Column type
|
|
const type = button.parents('tr').find('span.column_type').text();
|
|
// Names of input field and null checkbox
|
|
const inputName = button.parent('td').children('input[type=\'text\']').attr('name');
|
|
|
|
window.openGISEditor(value, field, type, inputName);
|
|
});
|
|
|
|
/**
|
|
* Forced validation check of fields
|
|
*/
|
|
$(document).on('click', 'input[name^=\'insert_ignore_\']', function () {
|
|
$('#insertForm').valid();
|
|
});
|
|
|
|
/**
|
|
* Uncheck the null checkbox as geometry data is placed on the input field
|
|
*/
|
|
$(document).on('click', 'button.gis-copy-data', function () {
|
|
const inputName = $('form#gis_data_editor_form').find('input[name=\'input_name\']').val();
|
|
const currentRow = $('input[name=\'' + inputName + '\']').parents('tr');
|
|
const $nullCheckbox = currentRow.find('.checkbox_null');
|
|
$nullCheckbox.prop('checked', false);
|
|
const rowId = currentRow.find('.open_gis_editor').data('row-id');
|
|
|
|
// Unchecks the Ignore checkbox for the current row
|
|
$('input[name=\'insert_ignore_' + rowId + '\']').prop('checked', false);
|
|
});
|
|
|
|
/**
|
|
* Handles all current checkboxes for Null; this only takes care of the
|
|
* checkboxes on currently displayed rows as the rows generated by
|
|
* "Continue insertion" are handled in the "Continue insertion" code
|
|
*
|
|
*/
|
|
$(document).on('click', 'input.checkbox_null', function () {
|
|
nullify(
|
|
// use hidden fields populated by /table/change
|
|
$(this).siblings('.nullify_code').val(),
|
|
$(this).siblings('.hashed_field').val(),
|
|
$(this).siblings('.multi_edit').val()
|
|
);
|
|
});
|
|
|
|
/**
|
|
* Reset the auto_increment column to 0 when selecting any of the
|
|
* insert options in submit_type-dropdown. Only perform the reset
|
|
* when we are in edit-mode, and not in insert-mode(no previous value
|
|
* available).
|
|
*/
|
|
$('select[name="submit_type"]').on('change', function () {
|
|
const thisElemSubmitTypeVal = $(this).val();
|
|
const $table = $('table.insertRowTable');
|
|
const autoIncrementColumn = $table.find('input[name^="auto_increment"]');
|
|
autoIncrementColumn.each(function () {
|
|
const $thisElemAIField = $(this);
|
|
const thisElemName = $thisElemAIField.attr('name');
|
|
|
|
const prevValueField = $table.find('input[name="' + thisElemName.replace('auto_increment', 'fields_prev') + '"]');
|
|
const valueField = $table.find('input[name="' + thisElemName.replace('auto_increment', 'fields') + '"]');
|
|
const previousValue = $(prevValueField).val();
|
|
if (previousValue !== undefined) {
|
|
if (thisElemSubmitTypeVal === 'insert'
|
|
|| thisElemSubmitTypeVal === 'insertignore'
|
|
|| thisElemSubmitTypeVal === 'showinsert'
|
|
) {
|
|
$(valueField).val(null);
|
|
} else {
|
|
$(valueField).val(previousValue);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Handle ENTER key when press on Continue insert with field
|
|
*/
|
|
$('#insert_rows').on('keypress', function (e) {
|
|
const key = e.which;
|
|
if (key === 13) {
|
|
addNewContinueInsertionFields(e);
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Continue Insertion form
|
|
*/
|
|
$(document).on('change', '#insert_rows', addNewContinueInsertionFields);
|
|
});
|
|
|
|
function addNewContinueInsertionFields (event) {
|
|
event.preventDefault();
|
|
/**
|
|
* @var columnCount Number of number of columns table has.
|
|
*/
|
|
const columnCount = $('table.insertRowTable').first().find('tr').has('input[name*=\'fields_name\']').length;
|
|
/**
|
|
* @var curr_rows Number of current insert rows already on page
|
|
*/
|
|
let currRows = $('table.insertRowTable').length;
|
|
/**
|
|
* @var target_rows Number of rows the user wants
|
|
*/
|
|
const targetRows = Number($('#insert_rows').val());
|
|
|
|
// remove all datepickers
|
|
$('input.datefield, input.datetimefield').each(function () {
|
|
$(this).datepicker('destroy');
|
|
});
|
|
|
|
let newRowIndex: number;
|
|
if (currRows < targetRows) {
|
|
const tempIncrementIndex = function () {
|
|
const $thisElement = $(this);
|
|
/**
|
|
* Extract the index from the name attribute for all input/select fields and increment it
|
|
* name is of format funcs[multi_edit][10][<long random string of alphanum chars>]
|
|
*/
|
|
|
|
/**
|
|
* @var this_name String containing name of the input/select elements
|
|
*/
|
|
const thisName = $thisElement.attr('name');
|
|
/** split {@link thisName} at [10], so we have the parts that can be concatenated later */
|
|
const nameParts = thisName.split(/\[\d+\]/);
|
|
/** extract the [10] from {@link nameParts} */
|
|
const oldRowIndexString = thisName.match(/\[\d+\]/)[0];
|
|
/** extract 10 - had to split into two steps to accomodate double digits */
|
|
const oldRowIndex = parseInt(oldRowIndexString.match(/\d+/)[0], 10);
|
|
|
|
/** calculate next index i.e. 11 */
|
|
newRowIndex = oldRowIndex + 1;
|
|
/** generate the new name i.e. funcs[multi_edit][11][foobarbaz] */
|
|
const newName = nameParts[0] + '[' + newRowIndex + ']' + nameParts[1];
|
|
|
|
const hashedField = nameParts[1].match(/\[(.+)\]/)[1];
|
|
$thisElement.attr('name', newName);
|
|
|
|
/** If element is select[name*='funcs'], update id */
|
|
if ($thisElement.is('select[name*=\'funcs\']')) {
|
|
const thisId = $thisElement.attr('id');
|
|
const idParts = thisId.split(/_/);
|
|
const oldIdIndex = idParts[1];
|
|
const prevSelectedValue = $('#field_' + oldIdIndex + '_1').val();
|
|
const newIdIndex = parseInt(oldIdIndex) + columnCount;
|
|
const newId = 'field_' + newIdIndex + '_1';
|
|
$thisElement.attr('id', newId);
|
|
$thisElement.find('option').filter(function () {
|
|
return $(this).text() === prevSelectedValue;
|
|
}).attr('selected', 'selected');
|
|
|
|
// If salt field is there then update its id.
|
|
const nextSaltInput = $thisElement.parent().next('td').next('td').find('input[name*=\'salt\']');
|
|
if (nextSaltInput.length !== 0) {
|
|
nextSaltInput.attr('id', 'salt_' + newId);
|
|
}
|
|
}
|
|
|
|
// handle input text fields and textareas
|
|
if ($thisElement.is('.textfield') || $thisElement.is('.char') || $thisElement.is('textarea')) {
|
|
// do not remove the 'value' attribute for ENUM columns
|
|
// special handling for radio fields after updating ids to unique - see below
|
|
if ($thisElement.closest('tr').find('span.column_type').html() !== 'enum') {
|
|
$thisElement.val($thisElement.closest('tr').find('span.default_value').html());
|
|
}
|
|
|
|
$thisElement
|
|
.off('change')
|
|
// Remove onchange attribute that was placed
|
|
// by /table/change; it refers to the wrong row index
|
|
.attr('onchange', null)
|
|
// Keep these values to be used when the element
|
|
// will change
|
|
.data('hashed_field', hashedField)
|
|
.data('new_row_index', newRowIndex)
|
|
.on('change', function () {
|
|
const $changedElement = $(this);
|
|
verificationsAfterFieldChange(
|
|
$changedElement.data('hashed_field'),
|
|
$changedElement.data('new_row_index'),
|
|
$changedElement.closest('tr').find('span.column_type').html(),
|
|
);
|
|
});
|
|
}
|
|
|
|
if ($thisElement.is('.checkbox_null')) {
|
|
$thisElement
|
|
// this event was bound earlier by jQuery but
|
|
// to the original row, not the cloned one, so unbind()
|
|
.off('click')
|
|
// Keep these values to be used when the element
|
|
// will be clicked
|
|
.data('hashed_field', hashedField)
|
|
.data('new_row_index', newRowIndex)
|
|
.on('click', function () {
|
|
const $changedElement = $(this);
|
|
nullify(
|
|
$changedElement.siblings('.nullify_code').val(),
|
|
$changedElement.data('hashed_field'),
|
|
'[multi_edit][' + $changedElement.data('new_row_index') + ']',
|
|
);
|
|
});
|
|
}
|
|
};
|
|
|
|
const tempReplaceAnchor = function () {
|
|
const $anchor = $(this);
|
|
const newValue = 'rownumber=' + newRowIndex;
|
|
// needs improvement in case something else inside
|
|
// the href contains this pattern
|
|
const newHref = $anchor.attr('href').replace(/rownumber=\d+/, newValue);
|
|
$anchor.attr('href', newHref);
|
|
};
|
|
|
|
let $checkedValue;
|
|
|
|
const restoreValue = function () {
|
|
if ($(this).closest('tr').find('span.column_type').html() === 'enum') {
|
|
if ($(this).val() === $checkedValue) {
|
|
$(this).prop('checked', true);
|
|
} else {
|
|
$(this).prop('checked', false);
|
|
}
|
|
}
|
|
};
|
|
|
|
while (currRows < targetRows) {
|
|
/**
|
|
* @var $last_row Object referring to the last row
|
|
*/
|
|
const $lastRow = $('#insertForm').find('.insertRowTable').last();
|
|
|
|
// need to access this at more than one level
|
|
// (also needs improvement because it should be calculated
|
|
// just once per cloned row, not once per column)
|
|
newRowIndex = 0;
|
|
$checkedValue = $lastRow.find('input:checked').val();
|
|
|
|
// Clone the insert tables
|
|
$lastRow
|
|
.clone(true, true)
|
|
.insertBefore($('#actions_panel').closest('div'))
|
|
.find('input[name*=multi_edit],select[name*=multi_edit],textarea[name*=multi_edit]')
|
|
.each(tempIncrementIndex)
|
|
.end()
|
|
.find('.foreign_values_anchor')
|
|
.each(tempReplaceAnchor);
|
|
|
|
const $oldRow = $lastRow.find('.textfield');
|
|
$oldRow.each(restoreValue);
|
|
|
|
// set the value of enum field of new row to default
|
|
const $newRow = $('#insertForm').find('.insertRowTable').last();
|
|
$newRow.find('.textfield').each(function () {
|
|
if ($(this).closest('tr').find('span.column_type').html() === 'enum') {
|
|
if ($(this).val() === $(this).closest('tr').find('span.default_value').html()) {
|
|
$(this).prop('checked', true);
|
|
} else {
|
|
$(this).prop('checked', false);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
// Insert/Clone the ignore checkboxes
|
|
if (currRows === 1) {
|
|
$('<input id="insert_ignore_1" type="checkbox" name="insert_ignore_1" checked>')
|
|
.insertBefore($('table.insertRowTable').last())
|
|
.after('<label for="insert_ignore_1">' + window.Messages.strIgnore + '</label>');
|
|
} else {
|
|
/**
|
|
* @var $last_checkbox Object reference to the last checkbox in #insertForm
|
|
*/
|
|
const $lastCheckbox = $('#insertForm').children('input:checkbox').last();
|
|
|
|
/** name of {@link $lastCheckbox} */
|
|
const lastCheckboxName = $lastCheckbox.attr('name');
|
|
/** index of {@link $lastCheckbox} */
|
|
// @ts-ignore
|
|
const lastCheckboxIndex = parseInt(lastCheckboxName.match(/\d+/), 10);
|
|
/** name of new {@link $lastCheckbox} */
|
|
const newName = lastCheckboxName.replace(/\d+/, (lastCheckboxIndex + 1).toString());
|
|
|
|
$('<br><div class="clearfloat"></div>')
|
|
.insertBefore($('table.insertRowTable').last());
|
|
|
|
$lastCheckbox
|
|
.clone()
|
|
.attr({ 'id': newName, 'name': newName })
|
|
.prop('checked', true)
|
|
.insertBefore($('table.insertRowTable').last());
|
|
|
|
$('label[for^=insert_ignore]').last()
|
|
.clone()
|
|
.attr('for', newName)
|
|
.insertBefore($('table.insertRowTable').last());
|
|
|
|
$('<br>')
|
|
.insertBefore($('table.insertRowTable').last());
|
|
}
|
|
|
|
currRows++;
|
|
}
|
|
|
|
// recompute tabindex for text fields and other controls at footer;
|
|
// IMO it's not really important to handle the tabindex for
|
|
// function and Null
|
|
let tabIndex = 0;
|
|
$('.textfield, .char, textarea')
|
|
.each(function () {
|
|
tabIndex++;
|
|
$(this).attr('tabindex', tabIndex);
|
|
// update the IDs of textfields to ensure that they are unique
|
|
$(this).attr('id', 'field_' + tabIndex + '_3');
|
|
});
|
|
|
|
$('.control_at_footer')
|
|
.each(function () {
|
|
tabIndex++;
|
|
$(this).attr('tabindex', tabIndex);
|
|
});
|
|
} else if (currRows > targetRows) {
|
|
/**
|
|
* Displays alert if data loss possible on decrease
|
|
* of rows.
|
|
*/
|
|
const checkLock = $.isEmptyObject(AJAX.lockedTargets);
|
|
if (checkLock || confirm(window.Messages.strConfirmRowChange) === true) {
|
|
while (currRows > targetRows) {
|
|
$('input[id^=insert_ignore]').last()
|
|
.nextUntil('fieldset')
|
|
.addBack()
|
|
.remove();
|
|
|
|
currRows--;
|
|
}
|
|
} else {
|
|
(document.getElementById('insert_rows') as HTMLInputElement).value = currRows.toString();
|
|
}
|
|
}
|
|
|
|
// Add all the required datepickers back
|
|
addDateTimePicker();
|
|
}
|
|
|
|
function changeValueFieldType (elem, searchIndex) {
|
|
const fieldsValue = $('input#fieldID_' + searchIndex);
|
|
// @ts-ignore
|
|
if (0 === fieldsValue.size()) {
|
|
return;
|
|
}
|
|
|
|
const type = $(elem).val();
|
|
|
|
if ('LIKE' === type ||
|
|
'LIKE %...%' === type ||
|
|
'NOT LIKE' === type ||
|
|
'NOT LIKE %...%' === type
|
|
) {
|
|
$('#fieldID_' + searchIndex).data('data-skip-validators', true);
|
|
|
|
return;
|
|
} else {
|
|
$('#fieldID_' + searchIndex).data('data-skip-validators', false);
|
|
}
|
|
|
|
if ('IN (...)' === type ||
|
|
'NOT IN (...)' === type ||
|
|
'BETWEEN' === type ||
|
|
'NOT BETWEEN' === type
|
|
) {
|
|
$('#fieldID_' + searchIndex).prop('multiple', true);
|
|
} else {
|
|
$('#fieldID_' + searchIndex).prop('multiple', false);
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface Window {
|
|
verifyAfterSearchFieldChange: typeof verifyAfterSearchFieldChange;
|
|
verificationsAfterFieldChange: typeof verificationsAfterFieldChange;
|
|
changeValueFieldType: typeof changeValueFieldType;
|
|
}
|
|
}
|
|
|
|
window.verifyAfterSearchFieldChange = verifyAfterSearchFieldChange;
|
|
window.verificationsAfterFieldChange = verificationsAfterFieldChange;
|
|
window.changeValueFieldType = changeValueFieldType;
|
