/* 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();
});
}