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.
836 lines
28 KiB
836 lines
28 KiB
/** |
|
* @fileoverview function used in table data manipulation pages |
|
* |
|
* @requires jQuery |
|
* @requires jQueryUI |
|
* @requires js/functions.js |
|
* |
|
*/ |
|
|
|
/* global extendingValidatorMessages */ |
|
// templates/javascript/variables.twig |
|
|
|
/* global openGISEditor, gisEditorLoaded, loadJSAndGISEditor, loadGISEditor */ |
|
// js/gis_data_editor.js |
|
|
|
/** |
|
* Modify form controls when the "NULL" checkbox is checked |
|
* |
|
* @param {string} theType the MySQL field type |
|
* @param {string} urlField the urlencoded field name - OBSOLETE |
|
* @param {string} md5Field the md5 hashed field name |
|
* @param {string} multiEdit the multi_edit row sequence number |
|
* |
|
* @return {boolean} always true |
|
*/ |
|
function nullify(theType, urlField, md5Field, multiEdit) { |
|
var 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) { |
|
var elts = rowForm.elements['fields' + multiEdit + '[' + md5Field + ']']; // when there is just one option in ENUM: |
|
|
|
if (elts.checked) { |
|
elts.checked = false; |
|
} else { |
|
var eltsCnt = elts.length; |
|
|
|
for (var 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) { |
|
var 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) { |
|
var value = val.replace(/[.|*|^|+|//|@]/g, '-'); |
|
var arrayVal = value.split('-'); |
|
|
|
for (var a = 0; a < arrayVal.length; a++) { |
|
if (arrayVal[a].length === 1) { |
|
arrayVal[a] = fractionReplace(arrayVal[a]); |
|
} |
|
} |
|
|
|
value = arrayVal.join('-'); |
|
var pos = 2; |
|
var 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)) { |
|
var month = parseInt(value.substring(pos + 3, pos + 5), 10); |
|
var day = parseInt(value.substring(pos + 6, pos + 8), 10); |
|
var 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) { |
|
var arrayVal = val.split(':'); |
|
|
|
for (var a = 0, l = arrayVal.length; a < l; a++) { |
|
if (arrayVal[a].length === 1) { |
|
arrayVal[a] = fractionReplace(arrayVal[a]); |
|
} |
|
} |
|
|
|
var newVal = arrayVal.join(':'); |
|
var 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) { |
|
var $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().trim()); |
|
var 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 |
|
|
|
jQuery.validator.addMethod('validationFunctionForMultipleInt', function (value) { |
|
return value.match(/^(?:(?:\d\s*)|\s*)+(?:,\s*\d+)*$/i) !== null; |
|
}, Messages.strEnterValidNumber); |
|
validateMultipleIntField($thisInput, true); |
|
} else { |
|
$(searchFormId).validate({ |
|
// update errors as we write |
|
onkeyup: function (element) { |
|
$(element).valid(); |
|
} |
|
}); |
|
validateIntField($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 |
|
* @return {void} |
|
*/ |
|
|
|
|
|
function validateMultipleIntField(jqueryInput, returnValueIfFine) { |
|
// 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 |
|
* @return {void} |
|
*/ |
|
|
|
|
|
function validateIntField(jqueryInput, returnValueIfIsNumber) { |
|
var mini = parseInt(jqueryInput.data('min')); |
|
var maxi = parseInt(jqueryInput.data('max')); // removing previous rules |
|
|
|
jqueryInput.rules('remove'); |
|
jqueryInput.rules('add', { |
|
number: { |
|
param: true, |
|
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; |
|
} |
|
} |
|
} |
|
}); |
|
} |
|
|
|
function verificationsAfterFieldChange(urlField, multiEdit, theType) { |
|
var evt = window.event || arguments.callee.caller.arguments[0]; |
|
var target = evt.target || evt.srcElement; |
|
var $thisInput = $(':input[name^=\'fields[multi_edit][' + multiEdit + '][' + urlField + ']\']'); // the function drop-down that corresponds to this input field |
|
|
|
var $thisFunction = $('select[name=\'funcs[multi_edit][' + multiEdit + '][' + urlField + ']\']'); |
|
var functionSelected = false; |
|
|
|
if (typeof $thisFunction.val() !== 'undefined' && $thisFunction.val() !== null && $thisFunction.val().length > 0) { |
|
functionSelected = true; |
|
} // To generate the textbox that can take the salt |
|
|
|
|
|
var newSaltBox = '<br><input type=text name=salt[multi_edit][' + multiEdit + '][' + urlField + ']' + ' id=salt_' + target.id + ' placeholder=\'' + 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') { |
|
if (!$('#salt_' + target.id).length) { |
|
$thisInput.after(newSaltBox); |
|
} |
|
} else { |
|
// Remove the textbox for salt |
|
$('#salt_' + target.id).prev('br').remove(); |
|
$('#salt_' + target.id).remove(); |
|
} // 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.substring(0, 3) === 'int') { |
|
// Add note when HEX function is selected on a int |
|
var newHexInfo = '<br><p id="note' + target.id + '">' + 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); |
|
var charExceptionHandling; |
|
|
|
if (theType.substring(0, 4) === 'char') { |
|
charExceptionHandling = theType.substring(5, 6); |
|
} else if (theType.substring(0, 7) === 'varchar') { |
|
charExceptionHandling = theType.substring(8, 9); |
|
} |
|
|
|
if (functionSelected) { |
|
$thisInput.removeAttr('min'); |
|
$thisInput.removeAttr('max'); // @todo: put back attributes if corresponding function is deselected |
|
} |
|
|
|
if ($thisInput.data('rulesadded') === null && !functionSelected) { |
|
// call validate before adding rules |
|
$($thisInput[0].form).validate(); // validate for date time |
|
|
|
if (theType === 'datetime' || theType === 'time' || theType === 'date' || theType === 'timestamp') { |
|
$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') { |
|
var 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', 'span.open_gis_editor'); |
|
$(document).off('click', 'input[name^=\'insert_ignore_\']'); |
|
$(document).off('click', 'input[name=\'gis_data[save]\']'); |
|
$(document).off('click', 'input.checkbox_null'); |
|
$('select[name="submit_type"]').off('change'); |
|
$(document).off('change', '#insert_rows'); |
|
}); |
|
/** |
|
* 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(); |
|
jQuery.validator.addMethod('validationFunctionForHex', function (value) { |
|
return value.match(/^[a-f0-9]*$/i) !== null; |
|
}); |
|
jQuery.validator.addMethod('validationFunctionForMd5', function (value, element, options) { |
|
return !(value.substring(0, 3) === 'MD5' && typeof options.data('maxlength') !== 'undefined' && options.data('maxlength') < 32); |
|
}); |
|
jQuery.validator.addMethod('validationFunctionForAesDesEncrypt', function (value, element, options) { |
|
var funType = value.substring(0, 3); |
|
|
|
if (funType !== 'AES' && funType !== 'DES') { |
|
return false; |
|
} |
|
|
|
var dataType = options.data('type'); |
|
|
|
if (dataType === 'HEX' || dataType === 'CHAR') { |
|
return true; |
|
} |
|
|
|
return false; |
|
}); |
|
jQuery.validator.addMethod('validationFunctionForDateTime', function (value, element, options) { |
|
var dtValue = value; |
|
var theType = options; |
|
|
|
if (theType === 'date') { |
|
return isDate(dtValue); |
|
} else if (theType === 'time') { |
|
return isTime(dtValue); |
|
} else if (theType === 'datetime' || theType === 'timestamp') { |
|
var 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; |
|
} |
|
|
|
var 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 |
|
*/ |
|
|
|
|
|
extendingValidatorMessages(); |
|
$.datepicker.initialized = false; |
|
$(document).on('click', 'span.open_gis_editor', function (event) { |
|
event.preventDefault(); |
|
var $span = $(this); // Current value |
|
|
|
var value = $span.parent('td').children('input[type=\'text\']').val(); // Field name |
|
|
|
var field = $span.parents('tr').children('td').first().find('input[type=\'hidden\']').val(); // Column type |
|
|
|
var type = $span.parents('tr').find('span.column_type').text(); // Names of input field and null checkbox |
|
|
|
var inputName = $span.parent('td').children('input[type=\'text\']').attr('name'); |
|
openGISEditor(); |
|
|
|
if (!gisEditorLoaded) { |
|
loadJSAndGISEditor(value, field, type, inputName); |
|
} else { |
|
loadGISEditor(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', 'input[name=\'gis_data[save]\']', function () { |
|
var inputName = $('form#gis_data_editor_form').find('input[name=\'input_name\']').val(); |
|
var currentRow = $('input[name=\'' + inputName + '\']').parents('tr'); |
|
var $nullCheckbox = currentRow.find('.checkbox_null'); |
|
$nullCheckbox.prop('checked', false); |
|
var 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).closest('tr').find('input:hidden').first().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 () { |
|
var thisElemSubmitTypeVal = $(this).val(); |
|
var $table = $('table.insertRowTable'); |
|
var autoIncrementColumn = $table.find('input[name^="auto_increment"]'); |
|
autoIncrementColumn.each(function () { |
|
var $thisElemAIField = $(this); |
|
var thisElemName = $thisElemAIField.attr('name'); |
|
var prevValueField = $table.find('input[name="' + thisElemName.replace('auto_increment', 'fields_prev') + '"]'); |
|
var valueField = $table.find('input[name="' + thisElemName.replace('auto_increment', 'fields') + '"]'); |
|
var 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) { |
|
var 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. |
|
*/ |
|
|
|
var columnCount = $('table.insertRowTable').first().find('tr').has('input[name*=\'fields_name\']').length; |
|
/** |
|
* @var curr_rows Number of current insert rows already on page |
|
*/ |
|
|
|
var currRows = $('table.insertRowTable').length; |
|
/** |
|
* @var target_rows Number of rows the user wants |
|
*/ |
|
|
|
var targetRows = $('#insert_rows').val(); // remove all datepickers |
|
|
|
$('input.datefield, input.datetimefield').each(function () { |
|
$(this).datepicker('destroy'); |
|
}); |
|
|
|
if (currRows < targetRows) { |
|
var tempIncrementIndex = function () { |
|
var $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 |
|
*/ |
|
|
|
var thisName = $thisElement.attr('name'); |
|
/** split {@link thisName} at [10], so we have the parts that can be concatenated later */ |
|
|
|
var nameParts = thisName.split(/\[\d+\]/); |
|
/** extract the [10] from {@link nameParts} */ |
|
|
|
var oldRowIndexString = thisName.match(/\[\d+\]/)[0]; |
|
/** extract 10 - had to split into two steps to accomodate double digits */ |
|
|
|
var 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] */ |
|
|
|
var newName = nameParts[0] + '[' + newRowIndex + ']' + nameParts[1]; |
|
var hashedField = nameParts[1].match(/\[(.+)\]/)[1]; |
|
$thisElement.attr('name', newName); |
|
/** If element is select[name*='funcs'], update id */ |
|
|
|
if ($thisElement.is('select[name*=\'funcs\']')) { |
|
var thisId = $thisElement.attr('id'); |
|
var idParts = thisId.split(/_/); |
|
var oldIdIndex = idParts[1]; |
|
var prevSelectedValue = $('#field_' + oldIdIndex + '_1').val(); |
|
var newIdIndex = parseInt(oldIdIndex) + columnCount; |
|
var 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. |
|
|
|
var 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 () { |
|
var $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 () { |
|
var $changedElement = $(this); |
|
nullify($changedElement.siblings('.nullify_code').val(), $thisElement.closest('tr').find('input:hidden').first().val(), $changedElement.data('hashed_field'), '[multi_edit][' + $changedElement.data('new_row_index') + ']'); |
|
}); |
|
} |
|
}; |
|
|
|
var tempReplaceAnchor = function () { |
|
var $anchor = $(this); |
|
var newValue = 'rownumber=' + newRowIndex; // needs improvement in case something else inside |
|
// the href contains this pattern |
|
|
|
var newHref = $anchor.attr('href').replace(/rownumber=\d+/, newValue); |
|
$anchor.attr('href', newHref); |
|
}; |
|
|
|
var 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 |
|
*/ |
|
var $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) |
|
|
|
var newRowIndex = 0; |
|
var $checkedValue = $lastRow.find('input:checked').val(); // Clone the insert tables |
|
|
|
$lastRow.clone(true, true).insertBefore('#actions_panel').find('input[name*=multi_edit],select[name*=multi_edit],textarea[name*=multi_edit]').each(tempIncrementIndex).end().find('.foreign_values_anchor').each(tempReplaceAnchor); |
|
var $oldRow = $lastRow.find('.textfield'); |
|
$oldRow.each(restoreValue); // set the value of enum field of new row to default |
|
|
|
var $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="checked">').insertBefore($('table.insertRowTable').last()).after('<label for="insert_ignore_1">' + Messages.strIgnore + '</label>'); |
|
} else { |
|
/** |
|
* @var $last_checkbox Object reference to the last checkbox in #insertForm |
|
*/ |
|
var $lastCheckbox = $('#insertForm').children('input:checkbox').last(); |
|
/** name of {@link $lastCheckbox} */ |
|
|
|
var lastCheckboxName = $lastCheckbox.attr('name'); |
|
/** index of {@link $lastCheckbox} */ |
|
|
|
var lastCheckboxIndex = parseInt(lastCheckboxName.match(/\d+/), 10); |
|
/** name of new {@link $lastCheckbox} */ |
|
|
|
var newName = lastCheckboxName.replace(/\d+/, lastCheckboxIndex + 1); |
|
$('<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 |
|
|
|
|
|
var 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. |
|
*/ |
|
var checkLock = jQuery.isEmptyObject(AJAX.lockedTargets); |
|
|
|
if (checkLock || confirm(Messages.strConfirmRowChange) === true) { |
|
while (currRows > targetRows) { |
|
$('input[id^=insert_ignore]').last().nextUntil('fieldset').addBack().remove(); |
|
currRows--; |
|
} |
|
} else { |
|
document.getElementById('insert_rows').value = currRows; |
|
} |
|
} // Add all the required datepickers back |
|
|
|
|
|
Functions.addDateTimePicker(); |
|
} // eslint-disable-next-line no-unused-vars |
|
|
|
|
|
function changeValueFieldType(elem, searchIndex) { |
|
var fieldsValue = $('input#fieldID_' + searchIndex); |
|
|
|
if (0 === fieldsValue.size()) { |
|
return; |
|
} |
|
|
|
var 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); |
|
} |
|
} |