Modular code for tbl_change.php.
Signed-Off-By: Piyush Vijay <piyushvijay.1997@gmail.com>
This commit is contained in:
Piyush Vijay
parent
5647d8c84c
commit
0f7a7c33c8
392
js/functions.js
392
js/functions.js
@ -87,127 +87,127 @@ $.ajaxPrefilter(function (options, originalOptions, jqXHR) {
|
||||
}
|
||||
});
|
||||
|
||||
/*
|
||||
* Adds a date/time picker to an element
|
||||
*
|
||||
* @param object $this_element a jQuery object pointing to the element
|
||||
*/
|
||||
function PMA_addDatepicker ($this_element, type, options) {
|
||||
var showTimepicker = true;
|
||||
if (type === 'date') {
|
||||
showTimepicker = false;
|
||||
}
|
||||
// /*
|
||||
// * Adds a date/time picker to an element
|
||||
// *
|
||||
// * @param object $this_element a jQuery object pointing to the element
|
||||
// */
|
||||
// function PMA_addDatepicker ($this_element, type, options) {
|
||||
// var showTimepicker = true;
|
||||
// if (type === 'date') {
|
||||
// showTimepicker = false;
|
||||
// }
|
||||
|
||||
var defaultOptions = {
|
||||
showOn: 'button',
|
||||
buttonImage: themeCalendarImage, // defined in js/messages.php
|
||||
buttonImageOnly: true,
|
||||
stepMinutes: 1,
|
||||
stepHours: 1,
|
||||
showSecond: true,
|
||||
showMillisec: true,
|
||||
showMicrosec: true,
|
||||
showTimepicker: showTimepicker,
|
||||
showButtonPanel: false,
|
||||
dateFormat: 'yy-mm-dd', // yy means year with four digits
|
||||
timeFormat: 'HH:mm:ss.lc',
|
||||
constrainInput: false,
|
||||
altFieldTimeOnly: false,
|
||||
showAnim: '',
|
||||
beforeShow: function (input, inst) {
|
||||
// Remember that we came from the datepicker; this is used
|
||||
// in tbl_change.js by verificationsAfterFieldChange()
|
||||
$this_element.data('comes_from', 'datepicker');
|
||||
if ($(input).closest('.cEdit').length > 0) {
|
||||
setTimeout(function () {
|
||||
inst.dpDiv.css({
|
||||
top: 0,
|
||||
left: 0,
|
||||
position: 'relative'
|
||||
});
|
||||
}, 0);
|
||||
}
|
||||
setTimeout(function () {
|
||||
// Fix wrong timepicker z-index, doesn't work without timeout
|
||||
$('#ui-timepicker-div').css('z-index', $('#ui-datepicker-div').css('z-index'));
|
||||
// Integrate tooltip text into dialog
|
||||
var tooltip = $this_element.tooltip('instance');
|
||||
if (typeof tooltip !== 'undefined') {
|
||||
tooltip.disable();
|
||||
var $note = $('<p class="note"></div>');
|
||||
$note.text(tooltip.option('content'));
|
||||
$('div.ui-datepicker').append($note);
|
||||
}
|
||||
}, 0);
|
||||
},
|
||||
onSelect: function () {
|
||||
$this_element.data('datepicker').inline = true;
|
||||
},
|
||||
onClose: function (dateText, dp_inst) {
|
||||
// The value is no more from the date picker
|
||||
$this_element.data('comes_from', '');
|
||||
if (typeof $this_element.data('datepicker') !== 'undefined') {
|
||||
$this_element.data('datepicker').inline = false;
|
||||
}
|
||||
var tooltip = $this_element.tooltip('instance');
|
||||
if (typeof tooltip !== 'undefined') {
|
||||
tooltip.enable();
|
||||
}
|
||||
}
|
||||
};
|
||||
if (type === 'time') {
|
||||
$this_element.timepicker($.extend(defaultOptions, options));
|
||||
// Add a tip regarding entering MySQL allowed-values for TIME data-type
|
||||
PMA_tooltip($this_element, 'input', PMA_messages.strMysqlAllowedValuesTipTime);
|
||||
} else {
|
||||
$this_element.datetimepicker($.extend(defaultOptions, options));
|
||||
}
|
||||
}
|
||||
// var defaultOptions = {
|
||||
// showOn: 'button',
|
||||
// buttonImage: themeCalendarImage, // defined in js/messages.php
|
||||
// buttonImageOnly: true,
|
||||
// stepMinutes: 1,
|
||||
// stepHours: 1,
|
||||
// showSecond: true,
|
||||
// showMillisec: true,
|
||||
// showMicrosec: true,
|
||||
// showTimepicker: showTimepicker,
|
||||
// showButtonPanel: false,
|
||||
// dateFormat: 'yy-mm-dd', // yy means year with four digits
|
||||
// timeFormat: 'HH:mm:ss.lc',
|
||||
// constrainInput: false,
|
||||
// altFieldTimeOnly: false,
|
||||
// showAnim: '',
|
||||
// beforeShow: function (input, inst) {
|
||||
// // Remember that we came from the datepicker; this is used
|
||||
// // in tbl_change.js by verificationsAfterFieldChange()
|
||||
// $this_element.data('comes_from', 'datepicker');
|
||||
// if ($(input).closest('.cEdit').length > 0) {
|
||||
// setTimeout(function () {
|
||||
// inst.dpDiv.css({
|
||||
// top: 0,
|
||||
// left: 0,
|
||||
// position: 'relative'
|
||||
// });
|
||||
// }, 0);
|
||||
// }
|
||||
// setTimeout(function () {
|
||||
// // Fix wrong timepicker z-index, doesn't work without timeout
|
||||
// $('#ui-timepicker-div').css('z-index', $('#ui-datepicker-div').css('z-index'));
|
||||
// // Integrate tooltip text into dialog
|
||||
// var tooltip = $this_element.tooltip('instance');
|
||||
// if (typeof tooltip !== 'undefined') {
|
||||
// tooltip.disable();
|
||||
// var $note = $('<p class="note"></div>');
|
||||
// $note.text(tooltip.option('content'));
|
||||
// $('div.ui-datepicker').append($note);
|
||||
// }
|
||||
// }, 0);
|
||||
// },
|
||||
// onSelect: function () {
|
||||
// $this_element.data('datepicker').inline = true;
|
||||
// },
|
||||
// onClose: function (dateText, dp_inst) {
|
||||
// // The value is no more from the date picker
|
||||
// $this_element.data('comes_from', '');
|
||||
// if (typeof $this_element.data('datepicker') !== 'undefined') {
|
||||
// $this_element.data('datepicker').inline = false;
|
||||
// }
|
||||
// var tooltip = $this_element.tooltip('instance');
|
||||
// if (typeof tooltip !== 'undefined') {
|
||||
// tooltip.enable();
|
||||
// }
|
||||
// }
|
||||
// };
|
||||
// if (type === 'time') {
|
||||
// $this_element.timepicker($.extend(defaultOptions, options));
|
||||
// // Add a tip regarding entering MySQL allowed-values for TIME data-type
|
||||
// PMA_tooltip($this_element, 'input', PMA_messages.strMysqlAllowedValuesTipTime);
|
||||
// } else {
|
||||
// $this_element.datetimepicker($.extend(defaultOptions, options));
|
||||
// }
|
||||
// }
|
||||
|
||||
/**
|
||||
* Add a date/time picker to each element that needs it
|
||||
* (only when jquery-ui-timepicker-addon.js is loaded)
|
||||
*/
|
||||
function addDateTimePicker () {
|
||||
if ($.timepicker !== undefined) {
|
||||
$('input.timefield, input.datefield, input.datetimefield').each(function () {
|
||||
var decimals = $(this).parent().attr('data-decimals');
|
||||
var type = $(this).parent().attr('data-type');
|
||||
// /**
|
||||
// * Add a date/time picker to each element that needs it
|
||||
// * (only when jquery-ui-timepicker-addon.js is loaded)
|
||||
// */
|
||||
// function addDateTimePicker () {
|
||||
// if ($.timepicker !== undefined) {
|
||||
// $('input.timefield, input.datefield, input.datetimefield').each(function () {
|
||||
// var decimals = $(this).parent().attr('data-decimals');
|
||||
// var type = $(this).parent().attr('data-type');
|
||||
|
||||
var showMillisec = false;
|
||||
var showMicrosec = false;
|
||||
var timeFormat = 'HH:mm:ss';
|
||||
var hourMax = 23;
|
||||
// check for decimal places of seconds
|
||||
if (decimals > 0 && type.indexOf('time') !== -1) {
|
||||
if (decimals > 3) {
|
||||
showMillisec = true;
|
||||
showMicrosec = true;
|
||||
timeFormat = 'HH:mm:ss.lc';
|
||||
} else {
|
||||
showMillisec = true;
|
||||
timeFormat = 'HH:mm:ss.l';
|
||||
}
|
||||
}
|
||||
if (type === 'time') {
|
||||
hourMax = 99;
|
||||
}
|
||||
PMA_addDatepicker($(this), type, {
|
||||
showMillisec: showMillisec,
|
||||
showMicrosec: showMicrosec,
|
||||
timeFormat: timeFormat,
|
||||
hourMax: hourMax
|
||||
});
|
||||
// Add a tip regarding entering MySQL allowed-values
|
||||
// for TIME and DATE data-type
|
||||
if ($(this).hasClass('timefield')) {
|
||||
PMA_tooltip($(this), 'input', PMA_messages.strMysqlAllowedValuesTipTime);
|
||||
} else if ($(this).hasClass('datefield')) {
|
||||
PMA_tooltip($(this), 'input', PMA_messages.strMysqlAllowedValuesTipDate);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
// var showMillisec = false;
|
||||
// var showMicrosec = false;
|
||||
// var timeFormat = 'HH:mm:ss';
|
||||
// var hourMax = 23;
|
||||
// // check for decimal places of seconds
|
||||
// if (decimals > 0 && type.indexOf('time') !== -1) {
|
||||
// if (decimals > 3) {
|
||||
// showMillisec = true;
|
||||
// showMicrosec = true;
|
||||
// timeFormat = 'HH:mm:ss.lc';
|
||||
// } else {
|
||||
// showMillisec = true;
|
||||
// timeFormat = 'HH:mm:ss.l';
|
||||
// }
|
||||
// }
|
||||
// if (type === 'time') {
|
||||
// hourMax = 99;
|
||||
// }
|
||||
// PMA_addDatepicker($(this), type, {
|
||||
// showMillisec: showMillisec,
|
||||
// showMicrosec: showMicrosec,
|
||||
// timeFormat: timeFormat,
|
||||
// hourMax: hourMax
|
||||
// });
|
||||
// // Add a tip regarding entering MySQL allowed-values
|
||||
// // for TIME and DATE data-type
|
||||
// if ($(this).hasClass('timefield')) {
|
||||
// PMA_tooltip($(this), 'input', PMA_messages.strMysqlAllowedValuesTipTime);
|
||||
// } else if ($(this).hasClass('datefield')) {
|
||||
// PMA_tooltip($(this), 'input', PMA_messages.strMysqlAllowedValuesTipDate);
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
|
||||
/**
|
||||
* Handle redirect and reload flags sent as part of AJAX requests
|
||||
@ -999,93 +999,93 @@ AJAX.registerOnload('functions.js', function () {
|
||||
updateTimeout = window.setTimeout(UpdateIdleTime, interval);
|
||||
}
|
||||
});
|
||||
/**
|
||||
* Unbind all event handlers before tearing down a page
|
||||
*/
|
||||
AJAX.registerTeardown('functions.js', function () {
|
||||
$(document).off('click', 'input:checkbox.checkall');
|
||||
});
|
||||
AJAX.registerOnload('functions.js', function () {
|
||||
/**
|
||||
* Row marking in horizontal mode (use "on" so that it works also for
|
||||
* next pages reached via AJAX); a tr may have the class noclick to remove
|
||||
* this behavior.
|
||||
*/
|
||||
// /**
|
||||
// * Unbind all event handlers before tearing down a page
|
||||
// */
|
||||
// AJAX.registerTeardown('functions.js', function () {
|
||||
// $(document).off('click', 'input:checkbox.checkall');
|
||||
// });
|
||||
// AJAX.registerOnload('functions.js', function () {
|
||||
// /**
|
||||
// * Row marking in horizontal mode (use "on" so that it works also for
|
||||
// * next pages reached via AJAX); a tr may have the class noclick to remove
|
||||
// * this behavior.
|
||||
// */
|
||||
|
||||
$(document).on('click', 'input:checkbox.checkall', function (e) {
|
||||
$this = $(this);
|
||||
var $tr = $this.closest('tr');
|
||||
var $table = $this.closest('table');
|
||||
// $(document).on('click', 'input:checkbox.checkall', function (e) {
|
||||
// $this = $(this);
|
||||
// var $tr = $this.closest('tr');
|
||||
// var $table = $this.closest('table');
|
||||
|
||||
if (!e.shiftKey || last_clicked_row === -1) {
|
||||
// usual click
|
||||
// if (!e.shiftKey || last_clicked_row === -1) {
|
||||
// // usual click
|
||||
|
||||
var $checkbox = $tr.find(':checkbox.checkall');
|
||||
var checked = $this.prop('checked');
|
||||
$checkbox.prop('checked', checked).trigger('change');
|
||||
if (checked) {
|
||||
$tr.addClass('marked');
|
||||
} else {
|
||||
$tr.removeClass('marked');
|
||||
}
|
||||
last_click_checked = checked;
|
||||
// var $checkbox = $tr.find(':checkbox.checkall');
|
||||
// var checked = $this.prop('checked');
|
||||
// $checkbox.prop('checked', checked).trigger('change');
|
||||
// if (checked) {
|
||||
// $tr.addClass('marked');
|
||||
// } else {
|
||||
// $tr.removeClass('marked');
|
||||
// }
|
||||
// last_click_checked = checked;
|
||||
|
||||
// remember the last clicked row
|
||||
last_clicked_row = last_click_checked ? $table.find('tr:not(.noclick)').index($tr) : -1;
|
||||
last_shift_clicked_row = -1;
|
||||
} else {
|
||||
// handle the shift click
|
||||
PMA_clearSelection();
|
||||
var start;
|
||||
var end;
|
||||
// // remember the last clicked row
|
||||
// last_clicked_row = last_click_checked ? $table.find('tr:not(.noclick)').index($tr) : -1;
|
||||
// last_shift_clicked_row = -1;
|
||||
// } else {
|
||||
// // handle the shift click
|
||||
// PMA_clearSelection();
|
||||
// var start;
|
||||
// var end;
|
||||
|
||||
// clear last shift click result
|
||||
if (last_shift_clicked_row >= 0) {
|
||||
if (last_shift_clicked_row >= last_clicked_row) {
|
||||
start = last_clicked_row;
|
||||
end = last_shift_clicked_row;
|
||||
} else {
|
||||
start = last_shift_clicked_row;
|
||||
end = last_clicked_row;
|
||||
}
|
||||
$tr.parent().find('tr:not(.noclick)')
|
||||
.slice(start, end + 1)
|
||||
.removeClass('marked')
|
||||
.find(':checkbox')
|
||||
.prop('checked', false)
|
||||
.trigger('change');
|
||||
}
|
||||
// // clear last shift click result
|
||||
// if (last_shift_clicked_row >= 0) {
|
||||
// if (last_shift_clicked_row >= last_clicked_row) {
|
||||
// start = last_clicked_row;
|
||||
// end = last_shift_clicked_row;
|
||||
// } else {
|
||||
// start = last_shift_clicked_row;
|
||||
// end = last_clicked_row;
|
||||
// }
|
||||
// $tr.parent().find('tr:not(.noclick)')
|
||||
// .slice(start, end + 1)
|
||||
// .removeClass('marked')
|
||||
// .find(':checkbox')
|
||||
// .prop('checked', false)
|
||||
// .trigger('change');
|
||||
// }
|
||||
|
||||
// handle new shift click
|
||||
var curr_row = $table.find('tr:not(.noclick)').index($tr);
|
||||
if (curr_row >= last_clicked_row) {
|
||||
start = last_clicked_row;
|
||||
end = curr_row;
|
||||
} else {
|
||||
start = curr_row;
|
||||
end = last_clicked_row;
|
||||
}
|
||||
$tr.parent().find('tr:not(.noclick)')
|
||||
.slice(start, end)
|
||||
.addClass('marked')
|
||||
.find(':checkbox')
|
||||
.prop('checked', true)
|
||||
.trigger('change');
|
||||
// // handle new shift click
|
||||
// var curr_row = $table.find('tr:not(.noclick)').index($tr);
|
||||
// if (curr_row >= last_clicked_row) {
|
||||
// start = last_clicked_row;
|
||||
// end = curr_row;
|
||||
// } else {
|
||||
// start = curr_row;
|
||||
// end = last_clicked_row;
|
||||
// }
|
||||
// $tr.parent().find('tr:not(.noclick)')
|
||||
// .slice(start, end)
|
||||
// .addClass('marked')
|
||||
// .find(':checkbox')
|
||||
// .prop('checked', true)
|
||||
// .trigger('change');
|
||||
|
||||
// remember the last shift clicked row
|
||||
last_shift_clicked_row = curr_row;
|
||||
}
|
||||
});
|
||||
// // remember the last shift clicked row
|
||||
// last_shift_clicked_row = curr_row;
|
||||
// }
|
||||
// });
|
||||
|
||||
addDateTimePicker();
|
||||
// addDateTimePicker();
|
||||
|
||||
/**
|
||||
* Add attribute to text boxes for iOS devices (based on bugID: 3508912)
|
||||
*/
|
||||
if (navigator.userAgent.match(/(iphone|ipod|ipad)/i)) {
|
||||
$('input[type=text]').attr('autocapitalize', 'off').attr('autocorrect', 'off');
|
||||
}
|
||||
});
|
||||
// /**
|
||||
// * Add attribute to text boxes for iOS devices (based on bugID: 3508912)
|
||||
// */
|
||||
// if (navigator.userAgent.match(/(iphone|ipod|ipad)/i)) {
|
||||
// $('input[type=text]').attr('autocapitalize', 'off').attr('autocorrect', 'off');
|
||||
// }
|
||||
// });
|
||||
|
||||
/**
|
||||
* Checks/unchecks all options of a <select> element
|
||||
|
||||
@ -20,6 +20,8 @@ import { checkTableEditForm, PMA_checkReservedWordColumns } from './functions/Ta
|
||||
import { PMA_adjustTotals } from './functions/Database/Structure';
|
||||
import { PMA_verifyColumnsProperties, PMA_hideShowConnection } from './functions/Table/TableColumns';
|
||||
|
||||
import { addDateTimePicker } from './utils/DateTime';
|
||||
|
||||
/**
|
||||
* Here we register a function that will remove the onsubmit event from all
|
||||
* forms that will be handled by the generic page loader. We then save this
|
||||
@ -493,3 +495,110 @@ export function onloadCreateTable () {
|
||||
});
|
||||
}
|
||||
/* *************************************** CREATE TABLE STARTS *************************************** */
|
||||
|
||||
/* ************************************** HANDLE CHECKALL CLICK ************************************** */
|
||||
/**
|
||||
* True if last click is to check a row.
|
||||
*/
|
||||
var last_click_checked = false;
|
||||
|
||||
/**
|
||||
* Zero-based index of last clicked row.
|
||||
* Used to handle the shift + click event in the code above.
|
||||
*/
|
||||
var last_clicked_row = -1;
|
||||
|
||||
/**
|
||||
* Zero-based index of last shift clicked row.
|
||||
*/
|
||||
var last_shift_clicked_row = -1;
|
||||
|
||||
/**
|
||||
* Unbind all event handlers before tearing down a page
|
||||
*/
|
||||
export function teadownFunctions () {
|
||||
$(document).off('click', 'input:checkbox.checkall');
|
||||
}
|
||||
|
||||
export function onloadFunctions () {
|
||||
/**
|
||||
* Row marking in horizontal mode (use "on" so that it works also for
|
||||
* next pages reached via AJAX); a tr may have the class noclick to remove
|
||||
* this behavior.
|
||||
*/
|
||||
|
||||
$(document).on('click', 'input:checkbox.checkall', function (e) {
|
||||
var $this = $(this);
|
||||
var $tr = $this.closest('tr');
|
||||
var $table = $this.closest('table');
|
||||
|
||||
if (!e.shiftKey || last_clicked_row === -1) {
|
||||
// usual click
|
||||
|
||||
var $checkbox = $tr.find(':checkbox.checkall');
|
||||
var checked = $this.prop('checked');
|
||||
$checkbox.prop('checked', checked).trigger('change');
|
||||
if (checked) {
|
||||
$tr.addClass('marked');
|
||||
} else {
|
||||
$tr.removeClass('marked');
|
||||
}
|
||||
last_click_checked = checked;
|
||||
|
||||
// remember the last clicked row
|
||||
last_clicked_row = last_click_checked ? $table.find('tr:not(.noclick)').index($tr) : -1;
|
||||
last_shift_clicked_row = -1;
|
||||
} else {
|
||||
// handle the shift click
|
||||
PMA_clearSelection();
|
||||
var start;
|
||||
var end;
|
||||
|
||||
// clear last shift click result
|
||||
if (last_shift_clicked_row >= 0) {
|
||||
if (last_shift_clicked_row >= last_clicked_row) {
|
||||
start = last_clicked_row;
|
||||
end = last_shift_clicked_row;
|
||||
} else {
|
||||
start = last_shift_clicked_row;
|
||||
end = last_clicked_row;
|
||||
}
|
||||
$tr.parent().find('tr:not(.noclick)')
|
||||
.slice(start, end + 1)
|
||||
.removeClass('marked')
|
||||
.find(':checkbox')
|
||||
.prop('checked', false)
|
||||
.trigger('change');
|
||||
}
|
||||
|
||||
// handle new shift click
|
||||
var curr_row = $table.find('tr:not(.noclick)').index($tr);
|
||||
if (curr_row >= last_clicked_row) {
|
||||
start = last_clicked_row;
|
||||
end = curr_row;
|
||||
} else {
|
||||
start = curr_row;
|
||||
end = last_clicked_row;
|
||||
}
|
||||
$tr.parent().find('tr:not(.noclick)')
|
||||
.slice(start, end)
|
||||
.addClass('marked')
|
||||
.find(':checkbox')
|
||||
.prop('checked', true)
|
||||
.trigger('change');
|
||||
|
||||
// remember the last shift clicked row
|
||||
last_shift_clicked_row = curr_row;
|
||||
}
|
||||
});
|
||||
|
||||
addDateTimePicker();
|
||||
|
||||
/**
|
||||
* Add attribute to text boxes for iOS devices (based on bugID: 3508912)
|
||||
*/
|
||||
if (navigator.userAgent.match(/(iphone|ipod|ipad)/i)) {
|
||||
$('input[type=text]').attr('autocapitalize', 'off').attr('autocorrect', 'off');
|
||||
}
|
||||
}
|
||||
/* ************************************** HANDLE CHECKALL CLICK ************************************** */
|
||||
|
||||
296
js/src/functions/Table/TableChange.js
Normal file
296
js/src/functions/Table/TableChange.js
Normal file
@ -0,0 +1,296 @@
|
||||
import { PMA_Messages as PMA_messages } from '../../variables/export_variables';
|
||||
import { $ } from '../../utils/extend_jquery';
|
||||
|
||||
/**
|
||||
* Modify form controls when the "NULL" checkbox is checked
|
||||
*
|
||||
* @param theType string the MySQL field type
|
||||
* @param urlField string the urlencoded field name - OBSOLETE
|
||||
* @param md5Field string the md5 hashed field name
|
||||
* @param multi_edit string the multi_edit row sequence number
|
||||
*
|
||||
* @return boolean always true
|
||||
*/
|
||||
export function nullify (theType, urlField, md5Field, multi_edit) {
|
||||
var rowForm = document.forms.insertForm;
|
||||
|
||||
if (typeof(rowForm.elements['funcs' + multi_edit + '[' + md5Field + ']']) !== 'undefined') {
|
||||
rowForm.elements['funcs' + multi_edit + '[' + md5Field + ']'].selectedIndex = -1;
|
||||
}
|
||||
|
||||
// "ENUM" field with more than 20 characters
|
||||
if (theType === 1) {
|
||||
rowForm.elements['fields' + multi_edit + '[' + md5Field + ']'][1].selectedIndex = -1;
|
||||
// Other "ENUM" field
|
||||
} else if (theType === 2) {
|
||||
var elts = rowForm.elements['fields' + multi_edit + '[' + md5Field + ']'];
|
||||
// when there is just one option in ENUM:
|
||||
if (elts.checked) {
|
||||
elts.checked = false;
|
||||
} else {
|
||||
var elts_cnt = elts.length;
|
||||
for (var i = 0; i < elts_cnt; i++) {
|
||||
elts[i].checked = false;
|
||||
} // end for
|
||||
} // end if
|
||||
// "SET" field
|
||||
} else if (theType === 3) {
|
||||
rowForm.elements['fields' + multi_edit + '[' + md5Field + '][]'].selectedIndex = -1;
|
||||
// Foreign key field (drop-down)
|
||||
} else if (theType === 4) {
|
||||
rowForm.elements['fields' + multi_edit + '[' + md5Field + ']'].selectedIndex = -1;
|
||||
// foreign key field (with browsing icon for foreign values)
|
||||
} else if (theType === 6) {
|
||||
rowForm.elements['fields' + multi_edit + '[' + md5Field + ']'].value = '';
|
||||
// Other field types
|
||||
} else /* if (theType === 5)*/ {
|
||||
rowForm.elements['fields' + multi_edit + '[' + 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 (num) {
|
||||
num = parseInt(num, 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
|
||||
*/
|
||||
export function isDate (val, tmstmp) {
|
||||
val = val.replace(/[.|*|^|+|//|@]/g, '-');
|
||||
var arrayVal = val.split('-');
|
||||
for (var a = 0; a < arrayVal.length; a++) {
|
||||
if (arrayVal[a].length === 1) {
|
||||
arrayVal[a] = fractionReplace(arrayVal[a]);
|
||||
}
|
||||
}
|
||||
val = 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 (val.length === 8) {
|
||||
pos = 0;
|
||||
}
|
||||
if (dtexp.test(val)) {
|
||||
var month = parseInt(val.substring(pos + 3, pos + 5), 10);
|
||||
var day = parseInt(val.substring(pos + 6, pos + 8), 10);
|
||||
var year = parseInt(val.substring(0, pos + 2), 10);
|
||||
if (month === 2 && day > daysInFebruary(year)) {
|
||||
return false;
|
||||
}
|
||||
if (val.substring(0, pos + 2).length === 2) {
|
||||
year = parseInt('20' + val.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
|
||||
*/
|
||||
export 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]);
|
||||
}
|
||||
}
|
||||
val = 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(val);
|
||||
}
|
||||
|
||||
/**
|
||||
* To check whether insert section is ignored or not
|
||||
*/
|
||||
function checkForCheckbox (multi_edit) {
|
||||
if ($('#insert_ignore_' + multi_edit).length) {
|
||||
return $('#insert_ignore_' + multi_edit).is(':unchecked');
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
export function verificationsAfterFieldChange (urlField, multi_edit, theType) {
|
||||
var evt = window.event || arguments.callee.caller.arguments[0];
|
||||
var target = evt.target || evt.srcElement;
|
||||
var $this_input = $(':input[name^=\'fields[multi_edit][' + multi_edit + '][' +
|
||||
urlField + ']\']');
|
||||
// the function drop-down that corresponds to this input field
|
||||
var $this_function = $('select[name=\'funcs[multi_edit][' + multi_edit + '][' +
|
||||
urlField + ']\']');
|
||||
var function_selected = false;
|
||||
if (typeof $this_function.val() !== 'undefined' &&
|
||||
$this_function.val() !== null &&
|
||||
$this_function.val().length > 0
|
||||
) {
|
||||
function_selected = true;
|
||||
}
|
||||
|
||||
// To generate the textbox that can take the salt
|
||||
var new_salt_box = '<br><input type=text name=salt[multi_edit][' + multi_edit + '][' + urlField + ']' +
|
||||
' id=salt_' + target.id + ' placeholder=\'' + PMA_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)) {
|
||||
$this_input.after(new_salt_box);
|
||||
}
|
||||
} else {
|
||||
// Remove the textbox for salt
|
||||
$('#salt_' + target.id).prev('br').remove();
|
||||
$('#salt_' + target.id).remove();
|
||||
}
|
||||
|
||||
// call validate before adding rules
|
||||
$($this_input[0].form).validate();
|
||||
|
||||
if (target.value === 'AES_DECRYPT'
|
||||
|| target.value === 'AES_ENCRYPT'
|
||||
|| target.value === 'MD5') {
|
||||
$('#' + target.id).rules('add', {
|
||||
validationFunctionForFuns: {
|
||||
param: $this_input,
|
||||
depends: function () {
|
||||
return checkForCheckbox(multi_edit);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Unchecks the corresponding "NULL" control
|
||||
$('input[name=\'fields_null[multi_edit][' + multi_edit + '][' + urlField + ']\']').prop('checked', false);
|
||||
|
||||
// Unchecks the Ignore checkbox for the current row
|
||||
$('input[name=\'insert_ignore_' + multi_edit + '\']').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 (function_selected) {
|
||||
$this_input.removeAttr('min');
|
||||
$this_input.removeAttr('max');
|
||||
// @todo: put back attributes if corresponding function is deselected
|
||||
}
|
||||
|
||||
if ($this_input.data('rulesadded') === null && ! function_selected) {
|
||||
// validate for date time
|
||||
if (theType === 'datetime' || theType === 'time' || theType === 'date' || theType === 'timestamp') {
|
||||
$this_input.rules('add', {
|
||||
validationFunctionForDateTime: {
|
||||
param: theType,
|
||||
depends: function () {
|
||||
return checkForCheckbox(multi_edit);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
// validation for integer type
|
||||
if ($this_input.data('type') === 'INT') {
|
||||
var mini = parseInt($this_input.attr('min'));
|
||||
var maxi = parseInt($this_input.attr('max'));
|
||||
$this_input.rules('add', {
|
||||
number: {
|
||||
param : true,
|
||||
depends: function () {
|
||||
return checkForCheckbox(multi_edit);
|
||||
}
|
||||
},
|
||||
min: {
|
||||
param: mini,
|
||||
depends: function () {
|
||||
if (isNaN($this_input.val())) {
|
||||
return false;
|
||||
} else {
|
||||
return checkForCheckbox(multi_edit);
|
||||
}
|
||||
}
|
||||
},
|
||||
max: {
|
||||
param: maxi,
|
||||
depends: function () {
|
||||
if (isNaN($this_input.val())) {
|
||||
return false;
|
||||
} else {
|
||||
return checkForCheckbox(multi_edit);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
// validation for CHAR types
|
||||
} else if ($this_input.data('type') === 'CHAR') {
|
||||
var maxlen = $this_input.data('maxlength');
|
||||
if (typeof maxlen !== 'undefined') {
|
||||
if (maxlen <= 4) {
|
||||
maxlen = charExceptionHandling;
|
||||
}
|
||||
$this_input.rules('add', {
|
||||
maxlength: {
|
||||
param: maxlen,
|
||||
depends: function () {
|
||||
return checkForCheckbox(multi_edit);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
// validate binary & blob types
|
||||
} else if ($this_input.data('type') === 'HEX') {
|
||||
$this_input.rules('add', {
|
||||
validationFunctionForHex: {
|
||||
param: true,
|
||||
depends: function () {
|
||||
return checkForCheckbox(multi_edit);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
$this_input.data('rulesadded', true);
|
||||
} else if ($this_input.data('rulesadded') === true && function_selected) {
|
||||
// remove any rules added
|
||||
$this_input.rules('remove');
|
||||
// remove any error messages
|
||||
$this_input
|
||||
.removeClass('error')
|
||||
.removeAttr('aria-invalid')
|
||||
.siblings('.error')
|
||||
.remove();
|
||||
$this_input.data('rulesadded', null);
|
||||
}
|
||||
}
|
||||
|
||||
window.verificationsAfterFieldChange = verificationsAfterFieldChange;
|
||||
/* End of fields validation*/
|
||||
17
js/src/functions/Table/TableSelect.js
Normal file
17
js/src/functions/Table/TableSelect.js
Normal file
@ -0,0 +1,17 @@
|
||||
export function changeValueFieldType (elem, searchIndex) {
|
||||
var fieldsValue = $('select#fieldID_' + searchIndex);
|
||||
if (0 === fieldsValue.size()) {
|
||||
return;
|
||||
}
|
||||
|
||||
var type = $(elem).val();
|
||||
if ('IN (...)' === type ||
|
||||
'NOT IN (...)' === type ||
|
||||
'BETWEEN' === type ||
|
||||
'NOT BETWEEN' === type
|
||||
) {
|
||||
$('#fieldID_' + searchIndex).attr('multiple', '');
|
||||
} else {
|
||||
$('#fieldID_' + searchIndex).removeAttr('multiple');
|
||||
}
|
||||
}
|
||||
409
js/src/tbl_change.js
Normal file
409
js/src/tbl_change.js
Normal file
@ -0,0 +1,409 @@
|
||||
/* vim: set expandtab sw=4 ts=4 sts=4: */
|
||||
import {
|
||||
isDate,
|
||||
isTime,
|
||||
nullify,
|
||||
verificationsAfterFieldChange
|
||||
} from './functions/Table/TableChange';
|
||||
import { PMA_Messages as PMA_messages } from './variables/export_variables';
|
||||
import { addDateTimePicker } from './utils/DateTime';
|
||||
import { AJAX } from './ajax';
|
||||
import { $, extendingValidatorMessages } from './utils/extend_jquery';
|
||||
|
||||
/**
|
||||
* @fileoverview function used in table data manipulation pages
|
||||
*
|
||||
* @requires jQuery
|
||||
* @requires jQueryUI
|
||||
* @requires js/functions.js
|
||||
*
|
||||
*/
|
||||
|
||||
/**
|
||||
* Unbind all event handlers before tearing down a page
|
||||
*/
|
||||
export function teardownTblChange () {
|
||||
$(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.
|
||||
*/
|
||||
export function onloadTblChange () {
|
||||
if ($('#insertForm').length) {
|
||||
// validate the comment form when it is submitted
|
||||
$('#insertForm').validate();
|
||||
jQuery.validator.addMethod('validationFunctionForHex', function (value, element) {
|
||||
return value.match(/^[a-f0-9]*$/i) !== null;
|
||||
});
|
||||
|
||||
jQuery.validator.addMethod('validationFunctionForFuns', function (value, element, options) {
|
||||
if (value.substring(0, 3) === 'AES' && options.data('type') !== 'HEX') {
|
||||
return false;
|
||||
}
|
||||
|
||||
return !(value.substring(0, 3) === 'MD5' &&
|
||||
typeof options.data('maxlength') !== 'undefined' &&
|
||||
options.data('maxlength') < 32);
|
||||
});
|
||||
|
||||
jQuery.validator.addMethod('validationFunctionForDateTime', function (value, element, options) {
|
||||
var dt_value = value;
|
||||
var theType = options;
|
||||
if (theType === 'date') {
|
||||
return isDate(dt_value);
|
||||
} else if (theType === 'time') {
|
||||
return isTime(dt_value);
|
||||
} else if (theType === 'datetime' || theType === 'timestamp') {
|
||||
var tmstmp = false;
|
||||
dt_value = dt_value.trim();
|
||||
if (dt_value === 'CURRENT_TIMESTAMP' || dt_value === 'current_timestamp()') {
|
||||
return true;
|
||||
}
|
||||
if (theType === 'timestamp') {
|
||||
tmstmp = true;
|
||||
}
|
||||
if (dt_value === '0000-00-00 00:00:00') {
|
||||
return true;
|
||||
}
|
||||
var dv = dt_value.indexOf(' ');
|
||||
if (dv === -1) { // Only the date component, which is valid
|
||||
return isDate(dt_value, tmstmp);
|
||||
}
|
||||
|
||||
return isDate(dt_value.substring(0, dv), tmstmp) &&
|
||||
isTime(dt_value.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 input_name = $span.parent('td').children('input[type=\'text\']').attr('name');
|
||||
|
||||
openGISEditor();
|
||||
if (!gisEditorLoaded) {
|
||||
loadJSAndGISEditor(value, field, type, input_name);
|
||||
} else {
|
||||
loadGISEditor(value, field, type, input_name);
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Forced validation check of fields
|
||||
*/
|
||||
$(document).on('click','input[name^=\'insert_ignore_\']', function (event) {
|
||||
$('#insertForm').valid();
|
||||
});
|
||||
|
||||
/**
|
||||
* Uncheck the null checkbox as geometry data is placed on the input field
|
||||
*/
|
||||
$(document).on('click', 'input[name=\'gis_data[save]\']', function (event) {
|
||||
var input_name = $('form#gis_data_editor_form').find('input[name=\'input_name\']').val();
|
||||
var $null_checkbox = $('input[name=\'' + input_name + '\']').parents('tr').find('.checkbox_null');
|
||||
$null_checkbox.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 tbl_change.php
|
||||
$(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 auto_increment_column = $table.find('input[name^="auto_increment"]');
|
||||
auto_increment_column.each(function () {
|
||||
var $thisElemAIField = $(this);
|
||||
var thisElemName = $thisElemAIField.attr('name');
|
||||
|
||||
var prev_value_field = $table.find('input[name="' + thisElemName.replace('auto_increment', 'fields_prev') + '"]');
|
||||
var value_field = $table.find('input[name="' + thisElemName.replace('auto_increment', 'fields') + '"]');
|
||||
var previous_value = $(prev_value_field).val();
|
||||
if (previous_value !== undefined) {
|
||||
if (thisElemSubmitTypeVal === 'insert'
|
||||
|| thisElemSubmitTypeVal === 'insertignore'
|
||||
|| thisElemSubmitTypeVal === 'showinsert'
|
||||
) {
|
||||
$(value_field).val(0);
|
||||
} else {
|
||||
$(value_field).val(previous_value);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Continue Insertion form
|
||||
*/
|
||||
$(document).on('change', '#insert_rows', function (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 curr_rows = $('table.insertRowTable').length;
|
||||
/**
|
||||
* @var target_rows Number of rows the user wants
|
||||
*/
|
||||
var target_rows = $('#insert_rows').val();
|
||||
|
||||
// remove all datepickers
|
||||
$('input.datefield, input.datetimefield').each(function () {
|
||||
$(this).datepicker('destroy');
|
||||
});
|
||||
|
||||
if (curr_rows < target_rows) {
|
||||
var tempIncrementIndex = function () {
|
||||
var $this_element = $(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 this_name = $this_element.attr('name');
|
||||
/** split {@link this_name} at [10], so we have the parts that can be concatenated later */
|
||||
var name_parts = this_name.split(/\[\d+\]/);
|
||||
/** extract the [10] from {@link name_parts} */
|
||||
var old_row_index_string = this_name.match(/\[\d+\]/)[0];
|
||||
/** extract 10 - had to split into two steps to accomodate double digits */
|
||||
var old_row_index = parseInt(old_row_index_string.match(/\d+/)[0], 10);
|
||||
|
||||
/** calculate next index i.e. 11 */
|
||||
new_row_index = old_row_index + 1;
|
||||
/** generate the new name i.e. funcs[multi_edit][11][foobarbaz] */
|
||||
var new_name = name_parts[0] + '[' + new_row_index + ']' + name_parts[1];
|
||||
|
||||
var hashed_field = name_parts[1].match(/\[(.+)\]/)[1];
|
||||
$this_element.attr('name', new_name);
|
||||
|
||||
/** If element is select[name*='funcs'], update id */
|
||||
if ($this_element.is('select[name*=\'funcs\']')) {
|
||||
var this_id = $this_element.attr('id');
|
||||
var id_parts = this_id.split(/\_/);
|
||||
var old_id_index = id_parts[1];
|
||||
var prevSelectedValue = $('#field_' + old_id_index + '_1').val();
|
||||
var new_id_index = parseInt(old_id_index) + columnCount;
|
||||
var new_id = 'field_' + new_id_index + '_1';
|
||||
$this_element.attr('id', new_id);
|
||||
$this_element.find('option').filter(function () {
|
||||
return $(this).text() === prevSelectedValue;
|
||||
}).attr('selected','selected');
|
||||
|
||||
// If salt field is there then update its id.
|
||||
var nextSaltInput = $this_element.parent().next('td').next('td').find('input[name*=\'salt\']');
|
||||
if (nextSaltInput.length !== 0) {
|
||||
nextSaltInput.attr('id', 'salt_' + new_id);
|
||||
}
|
||||
}
|
||||
|
||||
// handle input text fields and textareas
|
||||
if ($this_element.is('.textfield') || $this_element.is('.char') || $this_element.is('textarea')) {
|
||||
// do not remove the 'value' attribute for ENUM columns
|
||||
// special handling for radio fields after updating ids to unique - see below
|
||||
if ($this_element.closest('tr').find('span.column_type').html() !== 'enum') {
|
||||
$this_element.val($this_element.closest('tr').find('span.default_value').html());
|
||||
}
|
||||
$this_element
|
||||
.off('change')
|
||||
// Remove onchange attribute that was placed
|
||||
// by tbl_change.php; it refers to the wrong row index
|
||||
.attr('onchange', null)
|
||||
// Keep these values to be used when the element
|
||||
// will change
|
||||
.data('hashed_field', hashed_field)
|
||||
.data('new_row_index', new_row_index)
|
||||
.on('change', function () {
|
||||
var $changed_element = $(this);
|
||||
verificationsAfterFieldChange(
|
||||
$changed_element.data('hashed_field'),
|
||||
$changed_element.data('new_row_index'),
|
||||
$changed_element.closest('tr').find('span.column_type').html()
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
if ($this_element.is('.checkbox_null')) {
|
||||
$this_element
|
||||
// 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', hashed_field)
|
||||
.data('new_row_index', new_row_index)
|
||||
.on('click', function () {
|
||||
var $changed_element = $(this);
|
||||
nullify(
|
||||
$changed_element.siblings('.nullify_code').val(),
|
||||
$this_element.closest('tr').find('input:hidden').first().val(),
|
||||
$changed_element.data('hashed_field'),
|
||||
'[multi_edit][' + $changed_element.data('new_row_index') + ']'
|
||||
);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
var tempReplaceAnchor = function () {
|
||||
var $anchor = $(this);
|
||||
var new_value = 'rownumber=' + new_row_index;
|
||||
// needs improvement in case something else inside
|
||||
// the href contains this pattern
|
||||
var new_href = $anchor.attr('href').replace(/rownumber=\d+/, new_value);
|
||||
$anchor.attr('href', new_href);
|
||||
};
|
||||
|
||||
while (curr_rows < target_rows) {
|
||||
/**
|
||||
* @var $last_row Object referring to the last row
|
||||
*/
|
||||
var $last_row = $('#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 new_row_index = 0;
|
||||
|
||||
// Clone the insert tables
|
||||
$last_row
|
||||
.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);
|
||||
|
||||
// Insert/Clone the ignore checkboxes
|
||||
if (curr_rows === 1) {
|
||||
$('<input id="insert_ignore_1" type="checkbox" name="insert_ignore_1" checked="checked" />')
|
||||
.insertBefore('table.insertRowTable:last')
|
||||
.after('<label for="insert_ignore_1">' + PMA_messages.strIgnore + '</label>');
|
||||
} else {
|
||||
/**
|
||||
* @var $last_checkbox Object reference to the last checkbox in #insertForm
|
||||
*/
|
||||
var $last_checkbox = $('#insertForm').children('input:checkbox:last');
|
||||
|
||||
/** name of {@link $last_checkbox} */
|
||||
var last_checkbox_name = $last_checkbox.attr('name');
|
||||
/** index of {@link $last_checkbox} */
|
||||
var last_checkbox_index = parseInt(last_checkbox_name.match(/\d+/), 10);
|
||||
/** name of new {@link $last_checkbox} */
|
||||
var new_name = last_checkbox_name.replace(/\d+/, last_checkbox_index + 1);
|
||||
|
||||
$('<br/><div class="clearfloat"></div>')
|
||||
.insertBefore('table.insertRowTable:last');
|
||||
|
||||
$last_checkbox
|
||||
.clone()
|
||||
.attr({ 'id': new_name, 'name': new_name })
|
||||
.prop('checked', true)
|
||||
.insertBefore('table.insertRowTable:last');
|
||||
|
||||
$('label[for^=insert_ignore]:last')
|
||||
.clone()
|
||||
.attr('for', new_name)
|
||||
.insertBefore('table.insertRowTable:last');
|
||||
|
||||
$('<br/>')
|
||||
.insertBefore('table.insertRowTable:last');
|
||||
}
|
||||
curr_rows++;
|
||||
}
|
||||
// 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');
|
||||
|
||||
// special handling for radio fields after updating ids to unique
|
||||
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);
|
||||
}
|
||||
}
|
||||
});
|
||||
$('.control_at_footer')
|
||||
.each(function () {
|
||||
tabindex++;
|
||||
$(this).attr('tabindex', tabindex);
|
||||
});
|
||||
} else if (curr_rows > target_rows) {
|
||||
/**
|
||||
* Displays alert if data loss possible on decrease
|
||||
* of rows.
|
||||
*/
|
||||
var checkLock = jQuery.isEmptyObject(AJAX.lockedTargets);
|
||||
if (checkLock || confirm(PMA_messages.strConfirmRowChange) === true) {
|
||||
while (curr_rows > target_rows) {
|
||||
$('input[id^=insert_ignore]:last')
|
||||
.nextUntil('fieldset')
|
||||
.addBack()
|
||||
.remove();
|
||||
curr_rows--;
|
||||
}
|
||||
} else {
|
||||
document.getElementById('insert_rows').value = curr_rows;
|
||||
}
|
||||
}
|
||||
// Add all the required datepickers back
|
||||
addDateTimePicker();
|
||||
});
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user
