208 lines
8.2 KiB
JavaScript
208 lines
8.2 KiB
JavaScript
|
/**
|
||
|
|
* for table relation
|
||
|
|
*/
|
||
|
|
|
||
|
|
var TableRelation = {};
|
||
|
|
TableRelation.showHideClauses = function ($thisDropdown) {
|
||
|
|
if ($thisDropdown.val() === '') {
|
||
|
|
$thisDropdown.parent().nextAll('span').hide();
|
||
|
|
} else {
|
||
|
|
if ($thisDropdown.is('select[name^="destination_foreign_column"]')) {
|
||
|
|
$thisDropdown.parent().nextAll('span').show();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Sets dropdown options to values
|
||
|
|
* @param $dropdown
|
||
|
|
* @param values
|
||
|
|
* @param selectedValue
|
||
|
|
* @return {void}
|
||
|
|
*/
|
||
|
|
TableRelation.setDropdownValues = function ($dropdown, values, selectedValue) {
|
||
|
|
$dropdown.empty();
|
||
|
|
var optionsAsString = '';
|
||
|
|
// add an empty string to the beginning for empty selection
|
||
|
|
values.unshift('');
|
||
|
|
$.each(values, function () {
|
||
|
|
optionsAsString += '<option value=\'' + Functions.escapeHtml(this) + '\'' + (selectedValue === Functions.escapeHtml(this) ? ' selected=\'selected\'' : '') + '>' + Functions.escapeHtml(this) + '</option>';
|
||
|
|
});
|
||
|
|
$dropdown.append($(optionsAsString));
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Retrieves and populates dropdowns to the left based on the selected value
|
||
|
|
*
|
||
|
|
* @param $dropdown the dropdown whose value got changed
|
||
|
|
* @return {void}
|
||
|
|
*/
|
||
|
|
TableRelation.getDropdownValues = function ($dropdown) {
|
||
|
|
var foreignDb = null;
|
||
|
|
var foreignTable = null;
|
||
|
|
var $databaseDd;
|
||
|
|
var $tableDd;
|
||
|
|
var $columnDd;
|
||
|
|
var foreign = '';
|
||
|
|
// if the changed dropdown is for foreign key constraints
|
||
|
|
if ($dropdown.is('select[name^="destination_foreign"]')) {
|
||
|
|
$databaseDd = $dropdown.parent().parent().parent().find('select[name^="destination_foreign_db"]');
|
||
|
|
$tableDd = $dropdown.parent().parent().parent().find('select[name^="destination_foreign_table"]');
|
||
|
|
$columnDd = $dropdown.parent().parent().parent().find('select[name^="destination_foreign_column"]');
|
||
|
|
foreign = '_foreign';
|
||
|
|
} else {
|
||
|
|
// internal relations
|
||
|
|
$databaseDd = $dropdown.parent().find('select[name^="destination_db"]');
|
||
|
|
$tableDd = $dropdown.parent().find('select[name^="destination_table"]');
|
||
|
|
$columnDd = $dropdown.parent().find('select[name^="destination_column"]');
|
||
|
|
}
|
||
|
|
|
||
|
|
// if the changed dropdown is a database selector
|
||
|
|
if ($dropdown.is('select[name^="destination' + foreign + '_db"]')) {
|
||
|
|
foreignDb = $dropdown.val();
|
||
|
|
// if no database is selected empty table and column dropdowns
|
||
|
|
if (foreignDb === '') {
|
||
|
|
TableRelation.setDropdownValues($tableDd, []);
|
||
|
|
TableRelation.setDropdownValues($columnDd, []);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
// if a table selector
|
||
|
|
foreignDb = $databaseDd.val();
|
||
|
|
foreignTable = $dropdown.val();
|
||
|
|
// if no table is selected empty the column dropdown
|
||
|
|
if (foreignTable === '') {
|
||
|
|
TableRelation.setDropdownValues($columnDd, []);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
var $msgbox = Functions.ajaxShowMessage();
|
||
|
|
var $form = $dropdown.parents('form');
|
||
|
|
var $db = $form.find('input[name="db"]').val();
|
||
|
|
var $table = $form.find('input[name="table"]').val();
|
||
|
|
var argsep = CommonParams.get('arg_separator');
|
||
|
|
var params = 'getDropdownValues=true' + argsep + 'ajax_request=true' + argsep + 'db=' + encodeURIComponent($db) + argsep + 'table=' + encodeURIComponent($table) + argsep + 'foreign=' + (foreign !== '') + argsep + 'foreignDb=' + encodeURIComponent(foreignDb) + (foreignTable !== null ? argsep + 'foreignTable=' + encodeURIComponent(foreignTable) : '');
|
||
|
|
var $server = $form.find('input[name="server"]');
|
||
|
|
if ($server.length > 0) {
|
||
|
|
params += argsep + 'server=' + $form.find('input[name="server"]').val();
|
||
|
|
}
|
||
|
|
$.ajax({
|
||
|
|
type: 'POST',
|
||
|
|
url: 'index.php?route=/table/relation',
|
||
|
|
data: params,
|
||
|
|
dataType: 'json',
|
||
|
|
success: function (data) {
|
||
|
|
Functions.ajaxRemoveMessage($msgbox);
|
||
|
|
if (typeof data !== 'undefined' && data.success) {
|
||
|
|
// if the changed dropdown is a database selector
|
||
|
|
if (foreignTable === null) {
|
||
|
|
// set values for table and column dropdowns
|
||
|
|
TableRelation.setDropdownValues($tableDd, data.tables);
|
||
|
|
TableRelation.setDropdownValues($columnDd, []);
|
||
|
|
} else {
|
||
|
|
// if a table selector
|
||
|
|
// set values for the column dropdown
|
||
|
|
var primary = null;
|
||
|
|
if (typeof data.primary !== 'undefined' && 1 === data.primary.length) {
|
||
|
|
primary = data.primary[0];
|
||
|
|
}
|
||
|
|
TableRelation.setDropdownValues($columnDd.first(), data.columns, primary);
|
||
|
|
TableRelation.setDropdownValues($columnDd.slice(1), data.columns);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
Functions.ajaxShowMessage(data.error, false);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Unbind all event handlers before tearing down a page
|
||
|
|
*/
|
||
|
|
AJAX.registerTeardown('table/relation.js', function () {
|
||
|
|
$('body').off('change', 'select[name^="destination_db"], ' + 'select[name^="destination_table"], ' + 'select[name^="destination_foreign_db"], ' + 'select[name^="destination_foreign_table"]');
|
||
|
|
$('body').off('click', 'a.add_foreign_key_field');
|
||
|
|
$('body').off('click', 'a.add_foreign_key');
|
||
|
|
$('a.drop_foreign_key_anchor.ajax').off('click');
|
||
|
|
});
|
||
|
|
AJAX.registerOnload('table/relation.js', function () {
|
||
|
|
/**
|
||
|
|
* Ajax event handler to fetch table/column dropdown values.
|
||
|
|
*/
|
||
|
|
$('body').on('change', 'select[name^="destination_db"], ' + 'select[name^="destination_table"], ' + 'select[name^="destination_foreign_db"], ' + 'select[name^="destination_foreign_table"]', function () {
|
||
|
|
TableRelation.getDropdownValues($(this));
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Ajax event handler to add a column to a foreign key constraint.
|
||
|
|
*/
|
||
|
|
$('body').on('click', 'a.add_foreign_key_field', function (event) {
|
||
|
|
event.preventDefault();
|
||
|
|
event.stopPropagation();
|
||
|
|
|
||
|
|
// Add field.
|
||
|
|
$(this).prev('span').clone(true, true).insertBefore($(this)).find('select').val('');
|
||
|
|
|
||
|
|
// Add foreign field.
|
||
|
|
var $sourceElem = $('select[name^="destination_foreign_column[' + $(this).attr('data-index') + ']"]').last().parent();
|
||
|
|
$sourceElem.clone(true, true).insertAfter($sourceElem).find('select').val('');
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Ajax event handler to add a foreign key constraint.
|
||
|
|
*/
|
||
|
|
$('body').on('click', 'a.add_foreign_key', function (event) {
|
||
|
|
event.preventDefault();
|
||
|
|
event.stopPropagation();
|
||
|
|
var $prevRow = $(this).closest('tr').prev('tr');
|
||
|
|
var $newRow = $prevRow.clone(true, true);
|
||
|
|
|
||
|
|
// Update serial number.
|
||
|
|
var currIndex = $newRow.find('a.add_foreign_key_field').attr('data-index');
|
||
|
|
var newIndex = parseInt(currIndex) + 1;
|
||
|
|
$newRow.find('a.add_foreign_key_field').attr('data-index', newIndex);
|
||
|
|
|
||
|
|
// Update form parameter names.
|
||
|
|
$newRow.find('select[name^="foreign_key_fields_name"]').not($newRow.find('select[name^="foreign_key_fields_name"]').first()).find('select[name^="destination_foreign_column"]').not($newRow.find('select[name^="foreign_key_fields_name"]').not($newRow.find('select[name^="foreign_key_fields_name"]').first()).find('select[name^="destination_foreign_column"]').first()).each(function () {
|
||
|
|
$(this).parent().remove();
|
||
|
|
});
|
||
|
|
$newRow.find('input, select').each(function () {
|
||
|
|
$(this).attr('name', $(this).attr('name').replace(/\d/, newIndex));
|
||
|
|
});
|
||
|
|
$newRow.find('input[type="text"]').each(function () {
|
||
|
|
$(this).val('');
|
||
|
|
});
|
||
|
|
// Finally add the row.
|
||
|
|
$newRow.insertAfter($prevRow);
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Ajax Event handler for 'Drop Foreign key'
|
||
|
|
*/
|
||
|
|
$('a.drop_foreign_key_anchor.ajax').on('click', function (event) {
|
||
|
|
event.preventDefault();
|
||
|
|
var $anchor = $(this);
|
||
|
|
|
||
|
|
// Object containing reference to the current field's row
|
||
|
|
var $currRow = $anchor.parents('tr');
|
||
|
|
var dropQuery = Functions.escapeHtml($currRow.children('td').children('.drop_foreign_key_msg').val());
|
||
|
|
var question = Functions.sprintf(Messages.strDoYouReally, dropQuery);
|
||
|
|
$anchor.confirm(question, $anchor.attr('href'), function (url) {
|
||
|
|
var $msg = Functions.ajaxShowMessage(Messages.strDroppingForeignKey, false);
|
||
|
|
var params = Functions.getJsConfirmCommonParam(this, $anchor.getPostData());
|
||
|
|
$.post(url, params, function (data) {
|
||
|
|
if (data.success === true) {
|
||
|
|
Functions.ajaxRemoveMessage($msg);
|
||
|
|
CommonActions.refreshMain(false, function () {
|
||
|
|
// Do nothing
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
Functions.ajaxShowMessage(Messages.strErrorProcessingRequest + ' : ' + data.error, false);
|
||
|
|
}
|
||
|
|
}); // end $.post()
|
||
|
|
});
|
||
|
|
}); // end Drop Foreign key
|
||
|
|
|
||
|
|
var windowWidth = $(window).width();
|
||
|
|
$('.jsresponsive').css('max-width', windowWidth - 35 + 'px');
|
||
|
|
});
|