mirror of
https://github.com/cytopia/devilbox.git
synced 2024-12-28 00:28:51 +00:00
974 lines
36 KiB
JavaScript
974 lines
36 KiB
JavaScript
/* vim: set expandtab sw=4 ts=4 sts=4: */
|
|
|
|
/* global isStorageSupported */ // js/config.js
|
|
/* global ErrorReport */ // js/error_report.js
|
|
/* global MicroHistory */ // js/microhistory.js
|
|
|
|
/**
|
|
* This object handles ajax requests for pages. It also
|
|
* handles the reloading of the main menu and scripts.
|
|
*/
|
|
var AJAX = {
|
|
/**
|
|
* @var bool active Whether we are busy
|
|
*/
|
|
active: false,
|
|
/**
|
|
* @var object source The object whose event initialized the request
|
|
*/
|
|
source: null,
|
|
/**
|
|
* @var object xhr A reference to the ajax request that is currently running
|
|
*/
|
|
xhr: null,
|
|
/**
|
|
* @var object lockedTargets, list of locked targets
|
|
*/
|
|
lockedTargets: {},
|
|
/**
|
|
* @var function Callback to execute after a successful request
|
|
* Used by PMA_commonFunctions from common.js
|
|
*/
|
|
callback: function () {},
|
|
/**
|
|
* @var bool debug Makes noise in your Firebug console
|
|
*/
|
|
debug: false,
|
|
/**
|
|
* @var object $msgbox A reference to a jQuery object that links to a message
|
|
* box that is generated by Functions.ajaxShowMessage()
|
|
*/
|
|
$msgbox: null,
|
|
/**
|
|
* Given the filename of a script, returns a hash to be
|
|
* used to refer to all the events registered for the file
|
|
*
|
|
* @param key string key The filename for which to get the event name
|
|
*
|
|
* @return int
|
|
*/
|
|
hash: function (key) {
|
|
var newKey = key;
|
|
/* http://burtleburtle.net/bob/hash/doobs.html#one */
|
|
newKey += '';
|
|
var len = newKey.length;
|
|
var hash = 0;
|
|
var i = 0;
|
|
for (; i < len; ++i) {
|
|
hash += newKey.charCodeAt(i);
|
|
hash += (hash << 10);
|
|
hash ^= (hash >> 6);
|
|
}
|
|
hash += (hash << 3);
|
|
hash ^= (hash >> 11);
|
|
hash += (hash << 15);
|
|
return Math.abs(hash);
|
|
},
|
|
/**
|
|
* Registers an onload event for a file
|
|
*
|
|
* @param file string file The filename for which to register the event
|
|
* @param func function func The function to execute when the page is ready
|
|
*
|
|
* @return self For chaining
|
|
*/
|
|
registerOnload: function (file, func) {
|
|
var eventName = 'onload_' + AJAX.hash(file);
|
|
$(document).on(eventName, func);
|
|
if (this.debug) {
|
|
// eslint-disable-next-line no-console
|
|
console.log(
|
|
// no need to translate
|
|
'Registered event ' + eventName + ' for file ' + file
|
|
);
|
|
}
|
|
return this;
|
|
},
|
|
/**
|
|
* Registers a teardown event for a file. This is useful to execute functions
|
|
* that unbind events for page elements that are about to be removed.
|
|
*
|
|
* @param string file The filename for which to register the event
|
|
* @param function func The function to execute when
|
|
* the page is about to be torn down
|
|
*
|
|
* @return self For chaining
|
|
*/
|
|
registerTeardown: function (file, func) {
|
|
var eventName = 'teardown_' + AJAX.hash(file);
|
|
$(document).on(eventName, func);
|
|
if (this.debug) {
|
|
// eslint-disable-next-line no-console
|
|
console.log(
|
|
// no need to translate
|
|
'Registered event ' + eventName + ' for file ' + file
|
|
);
|
|
}
|
|
return this;
|
|
},
|
|
/**
|
|
* Called when a page has finished loading, once for every
|
|
* file that registered to the onload event of that file.
|
|
*
|
|
* @param string file The filename for which to fire the event
|
|
*
|
|
* @return void
|
|
*/
|
|
fireOnload: function (file) {
|
|
var eventName = 'onload_' + AJAX.hash(file);
|
|
$(document).trigger(eventName);
|
|
if (this.debug) {
|
|
// eslint-disable-next-line no-console
|
|
console.log(
|
|
// no need to translate
|
|
'Fired event ' + eventName + ' for file ' + file
|
|
);
|
|
}
|
|
},
|
|
/**
|
|
* Called just before a page is torn down, once for every
|
|
* file that registered to the teardown event of that file.
|
|
*
|
|
* @param string file The filename for which to fire the event
|
|
*
|
|
* @return void
|
|
*/
|
|
fireTeardown: function (file) {
|
|
var eventName = 'teardown_' + AJAX.hash(file);
|
|
$(document).triggerHandler(eventName);
|
|
if (this.debug) {
|
|
// eslint-disable-next-line no-console
|
|
console.log(
|
|
// no need to translate
|
|
'Fired event ' + eventName + ' for file ' + file
|
|
);
|
|
}
|
|
},
|
|
/**
|
|
* function to handle lock page mechanism
|
|
*
|
|
* @param event the event object
|
|
*
|
|
* @return void
|
|
*/
|
|
lockPageHandler: function (event) {
|
|
// don't consider checkbox event
|
|
if (typeof event.target !== 'undefined') {
|
|
if (event.target.type === 'checkbox') {
|
|
return;
|
|
}
|
|
}
|
|
|
|
var newHash = null;
|
|
var oldHash = null;
|
|
var lockId;
|
|
// CodeMirror lock
|
|
if (event.data.value === 3) {
|
|
newHash = event.data.content;
|
|
oldHash = true;
|
|
lockId = 'cm';
|
|
} else {
|
|
// Don't lock on enter.
|
|
if (0 === event.charCode) {
|
|
return;
|
|
}
|
|
|
|
lockId = $(this).data('lock-id');
|
|
if (typeof lockId === 'undefined') {
|
|
return;
|
|
}
|
|
/*
|
|
* @todo Fix Code mirror does not give correct full value (query)
|
|
* in textarea, it returns only the change in content.
|
|
*/
|
|
if (event.data.value === 1) {
|
|
newHash = AJAX.hash($(this).val());
|
|
} else {
|
|
newHash = AJAX.hash($(this).is(':checked'));
|
|
}
|
|
oldHash = $(this).data('val-hash');
|
|
}
|
|
// Set lock if old value !== new value
|
|
// otherwise release lock
|
|
if (oldHash !== newHash) {
|
|
AJAX.lockedTargets[lockId] = true;
|
|
} else {
|
|
delete AJAX.lockedTargets[lockId];
|
|
}
|
|
// Show lock icon if locked targets is not empty.
|
|
// otherwise remove lock icon
|
|
if (!jQuery.isEmptyObject(AJAX.lockedTargets)) {
|
|
$('#lock_page_icon').html(Functions.getImage('s_lock', Messages.strLockToolTip).toString());
|
|
} else {
|
|
$('#lock_page_icon').html('');
|
|
}
|
|
},
|
|
/**
|
|
* resets the lock
|
|
*
|
|
* @return void
|
|
*/
|
|
resetLock: function () {
|
|
AJAX.lockedTargets = {};
|
|
$('#lock_page_icon').html('');
|
|
},
|
|
handleMenu: {
|
|
replace: function (content) {
|
|
$('#floating_menubar').html(content)
|
|
// Remove duplicate wrapper
|
|
// TODO: don't send it in the response
|
|
.children().first().remove();
|
|
$('#topmenu').menuResizer(Functions.mainMenuResizerCallback);
|
|
}
|
|
},
|
|
/**
|
|
* Event handler for clicks on links and form submissions
|
|
*
|
|
* @param object e Event data
|
|
*
|
|
* @return void
|
|
*/
|
|
requestHandler: function (event) {
|
|
// In some cases we don't want to handle the request here and either
|
|
// leave the browser deal with it natively (e.g: file download)
|
|
// or leave an existing ajax event handler present elsewhere deal with it
|
|
var href = $(this).attr('href');
|
|
if (typeof event !== 'undefined' && (event.shiftKey || event.ctrlKey)) {
|
|
return true;
|
|
} else if ($(this).attr('target')) {
|
|
return true;
|
|
} else if ($(this).hasClass('ajax') || $(this).hasClass('disableAjax')) {
|
|
// reset the lockedTargets object, as specified AJAX operation has finished
|
|
AJAX.resetLock();
|
|
return true;
|
|
} else if (href && href.match(/^#/)) {
|
|
return true;
|
|
} else if (href && href.match(/^mailto/)) {
|
|
return true;
|
|
} else if ($(this).hasClass('ui-datepicker-next') ||
|
|
$(this).hasClass('ui-datepicker-prev')
|
|
) {
|
|
return true;
|
|
}
|
|
|
|
if (typeof event !== 'undefined') {
|
|
event.preventDefault();
|
|
event.stopImmediatePropagation();
|
|
}
|
|
|
|
// triggers a confirm dialog if:
|
|
// the user has performed some operations on loaded page
|
|
// the user clicks on some link, (won't trigger for buttons)
|
|
// the click event is not triggered by script
|
|
if (typeof event !== 'undefined' && event.type === 'click' &&
|
|
event.isTrigger !== true &&
|
|
!jQuery.isEmptyObject(AJAX.lockedTargets)
|
|
) {
|
|
if (confirm(Messages.strConfirmNavigation) === false) {
|
|
return false;
|
|
} else {
|
|
if (isStorageSupported('localStorage')) {
|
|
window.localStorage.removeItem('autoSavedSql');
|
|
} else {
|
|
Cookies.set('autoSavedSql', '');
|
|
}
|
|
}
|
|
}
|
|
AJAX.resetLock();
|
|
var isLink = !! href || false;
|
|
var previousLinkAborted = false;
|
|
|
|
if (AJAX.active === true) {
|
|
// Cancel the old request if abortable, when the user requests
|
|
// something else. Otherwise silently bail out, as there is already
|
|
// a request well in progress.
|
|
if (AJAX.xhr) {
|
|
// In case of a link request, attempt aborting
|
|
AJAX.xhr.abort();
|
|
if (AJAX.xhr.status === 0 && AJAX.xhr.statusText === 'abort') {
|
|
// If aborted
|
|
AJAX.$msgbox = Functions.ajaxShowMessage(Messages.strAbortedRequest);
|
|
AJAX.active = false;
|
|
AJAX.xhr = null;
|
|
previousLinkAborted = true;
|
|
} else {
|
|
// If can't abort
|
|
return false;
|
|
}
|
|
} else {
|
|
// In case submitting a form, don't attempt aborting
|
|
return false;
|
|
}
|
|
}
|
|
|
|
AJAX.source = $(this);
|
|
|
|
$('html, body').animate({ scrollTop: 0 }, 'fast');
|
|
|
|
var url = isLink ? href : $(this).attr('action');
|
|
var argsep = CommonParams.get('arg_separator');
|
|
var params = 'ajax_request=true' + argsep + 'ajax_page_request=true';
|
|
var dataPost = AJAX.source.getPostData();
|
|
if (! isLink) {
|
|
params += argsep + $(this).serialize();
|
|
} else if (dataPost) {
|
|
params += argsep + dataPost;
|
|
isLink = false;
|
|
}
|
|
if (! (history && history.pushState)) {
|
|
// Add a list of menu hashes that we have in the cache to the request
|
|
params += MicroHistory.menus.getRequestParam();
|
|
}
|
|
|
|
if (AJAX.debug) {
|
|
// eslint-disable-next-line no-console
|
|
console.log('Loading: ' + url); // no need to translate
|
|
}
|
|
|
|
if (isLink) {
|
|
AJAX.active = true;
|
|
AJAX.$msgbox = Functions.ajaxShowMessage();
|
|
// Save reference for the new link request
|
|
AJAX.xhr = $.get(url, params, AJAX.responseHandler);
|
|
if (history && history.pushState) {
|
|
var state = {
|
|
url : href
|
|
};
|
|
if (previousLinkAborted) {
|
|
// hack: there is already an aborted entry on stack
|
|
// so just modify the aborted one
|
|
history.replaceState(state, null, href);
|
|
} else {
|
|
history.pushState(state, null, href);
|
|
}
|
|
}
|
|
} else {
|
|
/**
|
|
* Manually fire the onsubmit event for the form, if any.
|
|
* The event was saved in the jQuery data object by an onload
|
|
* handler defined below. Workaround for bug #3583316
|
|
*/
|
|
var onsubmit = $(this).data('onsubmit');
|
|
// Submit the request if there is no onsubmit handler
|
|
// or if it returns a value that evaluates to true
|
|
if (typeof onsubmit !== 'function' || onsubmit.apply(this, [event])) {
|
|
AJAX.active = true;
|
|
AJAX.$msgbox = Functions.ajaxShowMessage();
|
|
if ($(this).attr('id') === 'login_form') {
|
|
$.post(url, params, AJAX.loginResponseHandler);
|
|
} else {
|
|
$.post(url, params, AJAX.responseHandler);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Response handler to handle login request from login modal after session expiration
|
|
*
|
|
* To refer to self use 'AJAX', instead of 'this' as this function
|
|
* is called in the jQuery context.
|
|
*
|
|
* @param object data Event data
|
|
*
|
|
* @return void
|
|
*/
|
|
loginResponseHandler: function (data) {
|
|
if (typeof data === 'undefined' || data === null) {
|
|
return;
|
|
}
|
|
Functions.ajaxRemoveMessage(AJAX.$msgbox);
|
|
|
|
CommonParams.set('token', data.new_token);
|
|
|
|
AJAX.scriptHandler.load([]);
|
|
|
|
if (data.displayMessage) {
|
|
$('#page_content').prepend(data.displayMessage);
|
|
Functions.highlightSql($('#page_content'));
|
|
}
|
|
|
|
$('#pma_errors').remove();
|
|
|
|
var msg = '';
|
|
if (data.errSubmitMsg) {
|
|
msg = data.errSubmitMsg;
|
|
}
|
|
if (data.errors) {
|
|
$('<div></div>', { id : 'pma_errors', class : 'clearfloat' })
|
|
.insertAfter('#selflink')
|
|
.append(data.errors);
|
|
// bind for php error reporting forms (bottom)
|
|
$('#pma_ignore_errors_bottom').on('click', function (e) {
|
|
e.preventDefault();
|
|
Functions.ignorePhpErrors();
|
|
});
|
|
$('#pma_ignore_all_errors_bottom').on('click', function (e) {
|
|
e.preventDefault();
|
|
Functions.ignorePhpErrors(false);
|
|
});
|
|
// In case of 'sendErrorReport'='always'
|
|
// submit the hidden error reporting form.
|
|
if (data.sendErrorAlways === '1' &&
|
|
data.stopErrorReportLoop !== '1'
|
|
) {
|
|
$('#pma_report_errors_form').trigger('submit');
|
|
Functions.ajaxShowMessage(Messages.phpErrorsBeingSubmitted, false);
|
|
$('html, body').animate({ scrollTop:$(document).height() }, 'slow');
|
|
} else if (data.promptPhpErrors) {
|
|
// otherwise just prompt user if it is set so.
|
|
msg = msg + Messages.phpErrorsFound;
|
|
// scroll to bottom where all the errors are displayed.
|
|
$('html, body').animate({ scrollTop:$(document).height() }, 'slow');
|
|
}
|
|
}
|
|
|
|
Functions.ajaxShowMessage(msg, false);
|
|
// bind for php error reporting forms (popup)
|
|
$('#pma_ignore_errors_popup').on('click', function () {
|
|
Functions.ignorePhpErrors();
|
|
});
|
|
$('#pma_ignore_all_errors_popup').on('click', function () {
|
|
Functions.ignorePhpErrors(false);
|
|
});
|
|
|
|
if (typeof data.success !== 'undefined' && data.success) {
|
|
// reload page if user trying to login has changed
|
|
if (CommonParams.get('user') !== data.params.user) {
|
|
window.location = 'index.php';
|
|
Functions.ajaxShowMessage(Messages.strLoading, false);
|
|
AJAX.active = false;
|
|
AJAX.xhr = null;
|
|
return;
|
|
}
|
|
// remove the login modal if the login is successful otherwise show error.
|
|
if (typeof data.logged_in !== 'undefined' && data.logged_in === 1) {
|
|
if ($('#modalOverlay').length) {
|
|
$('#modalOverlay').remove();
|
|
}
|
|
$('fieldset.disabled_for_expiration').removeAttr('disabled').removeClass('disabled_for_expiration');
|
|
AJAX.fireTeardown('functions.js');
|
|
AJAX.fireOnload('functions.js');
|
|
}
|
|
if (typeof data.new_token !== 'undefined') {
|
|
$('input[name=token]').val(data.new_token);
|
|
}
|
|
} else if (typeof data.logged_in !== 'undefined' && data.logged_in === 0) {
|
|
$('#modalOverlay').replaceWith(data.error);
|
|
} else {
|
|
Functions.ajaxShowMessage(data.error, false);
|
|
AJAX.active = false;
|
|
AJAX.xhr = null;
|
|
Functions.handleRedirectAndReload(data);
|
|
if (data.fieldWithError) {
|
|
$(':input.error').removeClass('error');
|
|
$('#' + data.fieldWithError).addClass('error');
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* Called after the request that was initiated by this.requestHandler()
|
|
* has completed successfully or with a caught error. For completely
|
|
* failed requests or requests with uncaught errors, see the .ajaxError
|
|
* handler at the bottom of this file.
|
|
*
|
|
* To refer to self use 'AJAX', instead of 'this' as this function
|
|
* is called in the jQuery context.
|
|
*
|
|
* @param object e Event data
|
|
*
|
|
* @return void
|
|
*/
|
|
responseHandler: function (data) {
|
|
if (typeof data === 'undefined' || data === null) {
|
|
return;
|
|
}
|
|
if (typeof data.success !== 'undefined' && data.success) {
|
|
$('html, body').animate({ scrollTop: 0 }, 'fast');
|
|
Functions.ajaxRemoveMessage(AJAX.$msgbox);
|
|
|
|
if (data.redirect) {
|
|
Functions.ajaxShowMessage(data.redirect, false);
|
|
AJAX.active = false;
|
|
AJAX.xhr = null;
|
|
return;
|
|
}
|
|
|
|
AJAX.scriptHandler.reset(function () {
|
|
if (data.reloadNavigation) {
|
|
Navigation.reload();
|
|
}
|
|
if (data.title) {
|
|
$('title').replaceWith(data.title);
|
|
}
|
|
if (data.menu) {
|
|
if (history && history.pushState) {
|
|
var state = {
|
|
url : data.selflink,
|
|
menu : data.menu
|
|
};
|
|
history.replaceState(state, null);
|
|
AJAX.handleMenu.replace(data.menu);
|
|
} else {
|
|
MicroHistory.menus.replace(data.menu);
|
|
MicroHistory.menus.add(data.menuHash, data.menu);
|
|
}
|
|
} else if (data.menuHash) {
|
|
if (! (history && history.pushState)) {
|
|
MicroHistory.menus.replace(MicroHistory.menus.get(data.menuHash));
|
|
}
|
|
}
|
|
if (data.disableNaviSettings) {
|
|
Navigation.disableSettings();
|
|
} else {
|
|
Navigation.ensureSettings(data.selflink);
|
|
}
|
|
|
|
// Remove all containers that may have
|
|
// been added outside of #page_content
|
|
$('body').children()
|
|
.not('#pma_navigation')
|
|
.not('#floating_menubar')
|
|
.not('#page_nav_icons')
|
|
.not('#page_content')
|
|
.not('#selflink')
|
|
.not('#pma_header')
|
|
.not('#pma_footer')
|
|
.not('#pma_demo')
|
|
.not('#pma_console_container')
|
|
.not('#prefs_autoload')
|
|
.remove();
|
|
// Replace #page_content with new content
|
|
if (data.message && data.message.length > 0) {
|
|
$('#page_content').replaceWith(
|
|
'<div id=\'page_content\'>' + data.message + '</div>'
|
|
);
|
|
Functions.highlightSql($('#page_content'));
|
|
Functions.checkNumberOfFields();
|
|
}
|
|
|
|
if (data.selflink) {
|
|
var source = data.selflink.split('?')[0];
|
|
// Check for faulty links
|
|
var $selflinkReplace = {
|
|
'import.php': 'tbl_sql.php',
|
|
'tbl_chart.php': 'sql.php',
|
|
'tbl_gis_visualization.php': 'sql.php'
|
|
};
|
|
if ($selflinkReplace[source]) {
|
|
var replacement = $selflinkReplace[source];
|
|
data.selflink = data.selflink.replace(source, replacement);
|
|
}
|
|
$('#selflink').find('> a').attr('href', data.selflink);
|
|
}
|
|
if (data.params) {
|
|
CommonParams.setAll(data.params);
|
|
}
|
|
if (data.scripts) {
|
|
AJAX.scriptHandler.load(data.scripts);
|
|
}
|
|
if (data.selflink && data.scripts && data.menuHash && data.params) {
|
|
if (! (history && history.pushState)) {
|
|
MicroHistory.add(
|
|
data.selflink,
|
|
data.scripts,
|
|
data.menuHash,
|
|
data.params,
|
|
AJAX.source.attr('rel')
|
|
);
|
|
}
|
|
}
|
|
if (data.displayMessage) {
|
|
$('#page_content').prepend(data.displayMessage);
|
|
Functions.highlightSql($('#page_content'));
|
|
}
|
|
|
|
$('#pma_errors').remove();
|
|
|
|
var msg = '';
|
|
if (data.errSubmitMsg) {
|
|
msg = data.errSubmitMsg;
|
|
}
|
|
if (data.errors) {
|
|
$('<div></div>', { id : 'pma_errors', class : 'clearfloat' })
|
|
.insertAfter('#selflink')
|
|
.append(data.errors);
|
|
// bind for php error reporting forms (bottom)
|
|
$('#pma_ignore_errors_bottom').on('click', function (e) {
|
|
e.preventDefault();
|
|
Functions.ignorePhpErrors();
|
|
});
|
|
$('#pma_ignore_all_errors_bottom').on('click', function (e) {
|
|
e.preventDefault();
|
|
Functions.ignorePhpErrors(false);
|
|
});
|
|
// In case of 'sendErrorReport'='always'
|
|
// submit the hidden error reporting form.
|
|
if (data.sendErrorAlways === '1' &&
|
|
data.stopErrorReportLoop !== '1'
|
|
) {
|
|
$('#pma_report_errors_form').trigger('submit');
|
|
Functions.ajaxShowMessage(Messages.phpErrorsBeingSubmitted, false);
|
|
$('html, body').animate({ scrollTop:$(document).height() }, 'slow');
|
|
} else if (data.promptPhpErrors) {
|
|
// otherwise just prompt user if it is set so.
|
|
msg = msg + Messages.phpErrorsFound;
|
|
// scroll to bottom where all the errors are displayed.
|
|
$('html, body').animate({ scrollTop:$(document).height() }, 'slow');
|
|
}
|
|
}
|
|
Functions.ajaxShowMessage(msg, false);
|
|
// bind for php error reporting forms (popup)
|
|
$('#pma_ignore_errors_popup').on('click', function () {
|
|
Functions.ignorePhpErrors();
|
|
});
|
|
$('#pma_ignore_all_errors_popup').on('click', function () {
|
|
Functions.ignorePhpErrors(false);
|
|
});
|
|
|
|
if (typeof AJAX.callback === 'function') {
|
|
AJAX.callback.call();
|
|
}
|
|
AJAX.callback = function () {};
|
|
});
|
|
} else {
|
|
Functions.ajaxShowMessage(data.error, false);
|
|
Functions.ajaxRemoveMessage(AJAX.$msgbox);
|
|
var $ajaxError = $('<div></div>');
|
|
$ajaxError.attr({ 'id': 'ajaxError' });
|
|
$('#page_content').append($ajaxError);
|
|
$ajaxError.html(data.error);
|
|
$('html, body').animate({ scrollTop: $(document).height() }, 200);
|
|
AJAX.active = false;
|
|
AJAX.xhr = null;
|
|
Functions.handleRedirectAndReload(data);
|
|
if (data.fieldWithError) {
|
|
$(':input.error').removeClass('error');
|
|
$('#' + data.fieldWithError).addClass('error');
|
|
}
|
|
}
|
|
},
|
|
/**
|
|
* This object is in charge of downloading scripts,
|
|
* keeping track of what's downloaded and firing
|
|
* the onload event for them when the page is ready.
|
|
*/
|
|
scriptHandler: {
|
|
/**
|
|
* @var array scripts The list of files already downloaded
|
|
*/
|
|
scripts: [],
|
|
/**
|
|
* @var string scriptsVersion version of phpMyAdmin from which the
|
|
* scripts have been loaded
|
|
*/
|
|
scriptsVersion: null,
|
|
/**
|
|
* @var array scriptsToBeLoaded The list of files that
|
|
* need to be downloaded
|
|
*/
|
|
scriptsToBeLoaded: [],
|
|
/**
|
|
* @var array scriptsToBeFired The list of files for which
|
|
* to fire the onload and unload events
|
|
*/
|
|
scriptsToBeFired: [],
|
|
scriptsCompleted: false,
|
|
/**
|
|
* Records that a file has been downloaded
|
|
*
|
|
* @param string file The filename
|
|
* @param string fire Whether this file will be registering
|
|
* onload/teardown events
|
|
*
|
|
* @return self For chaining
|
|
*/
|
|
add: function (file, fire) {
|
|
this.scripts.push(file);
|
|
if (fire) {
|
|
// Record whether to fire any events for the file
|
|
// This is necessary to correctly tear down the initial page
|
|
this.scriptsToBeFired.push(file);
|
|
}
|
|
return this;
|
|
},
|
|
/**
|
|
* Download a list of js files in one request
|
|
*
|
|
* @param array files An array of filenames and flags
|
|
*
|
|
* @return void
|
|
*/
|
|
load: function (files, callback) {
|
|
var self = this;
|
|
var i;
|
|
// Clear loaded scripts if they are from another version of phpMyAdmin.
|
|
// Depends on common params being set before loading scripts in responseHandler
|
|
if (self.scriptsVersion === null) {
|
|
self.scriptsVersion = CommonParams.get('PMA_VERSION');
|
|
} else if (self.scriptsVersion !== CommonParams.get('PMA_VERSION')) {
|
|
self.scripts = [];
|
|
self.scriptsVersion = CommonParams.get('PMA_VERSION');
|
|
}
|
|
self.scriptsCompleted = false;
|
|
self.scriptsToBeFired = [];
|
|
// We need to first complete list of files to load
|
|
// as next loop will directly fire requests to load them
|
|
// and that triggers removal of them from
|
|
// self.scriptsToBeLoaded
|
|
for (i in files) {
|
|
self.scriptsToBeLoaded.push(files[i].name);
|
|
if (files[i].fire) {
|
|
self.scriptsToBeFired.push(files[i].name);
|
|
}
|
|
}
|
|
for (i in files) {
|
|
var script = files[i].name;
|
|
// Only for scripts that we don't already have
|
|
if ($.inArray(script, self.scripts) === -1) {
|
|
this.add(script);
|
|
this.appendScript(script, callback);
|
|
} else {
|
|
self.done(script, callback);
|
|
}
|
|
}
|
|
// Trigger callback if there is nothing else to load
|
|
self.done(null, callback);
|
|
},
|
|
/**
|
|
* Called whenever all files are loaded
|
|
*
|
|
* @return void
|
|
*/
|
|
done: function (script, callback) {
|
|
if (typeof ErrorReport !== 'undefined') {
|
|
ErrorReport.wrapGlobalFunctions();
|
|
}
|
|
if ($.inArray(script, this.scriptsToBeFired)) {
|
|
AJAX.fireOnload(script);
|
|
}
|
|
if ($.inArray(script, this.scriptsToBeLoaded)) {
|
|
this.scriptsToBeLoaded.splice($.inArray(script, this.scriptsToBeLoaded), 1);
|
|
}
|
|
if (script === null) {
|
|
this.scriptsCompleted = true;
|
|
}
|
|
/* We need to wait for last signal (with null) or last script load */
|
|
AJAX.active = (this.scriptsToBeLoaded.length > 0) || ! this.scriptsCompleted;
|
|
/* Run callback on last script */
|
|
if (! AJAX.active && typeof callback === 'function') {
|
|
callback();
|
|
}
|
|
},
|
|
/**
|
|
* Appends a script element to the head to load the scripts
|
|
*
|
|
* @return void
|
|
*/
|
|
appendScript: function (name, callback) {
|
|
var head = document.head || document.getElementsByTagName('head')[0];
|
|
var script = document.createElement('script');
|
|
var self = this;
|
|
|
|
script.type = 'text/javascript';
|
|
script.src = 'js/' + name + '?' + 'v=' + encodeURIComponent(CommonParams.get('PMA_VERSION'));
|
|
script.async = false;
|
|
script.onload = function () {
|
|
self.done(name, callback);
|
|
};
|
|
head.appendChild(script);
|
|
},
|
|
/**
|
|
* Fires all the teardown event handlers for the current page
|
|
* and rebinds all forms and links to the request handler
|
|
*
|
|
* @param function callback The callback to call after resetting
|
|
*
|
|
* @return void
|
|
*/
|
|
reset: function (callback) {
|
|
for (var i in this.scriptsToBeFired) {
|
|
AJAX.fireTeardown(this.scriptsToBeFired[i]);
|
|
}
|
|
this.scriptsToBeFired = [];
|
|
/**
|
|
* Re-attach a generic event handler to clicks
|
|
* on pages and submissions of forms
|
|
*/
|
|
$(document).off('click', 'a').on('click', 'a', AJAX.requestHandler);
|
|
$(document).off('submit', 'form').on('submit', 'form', AJAX.requestHandler);
|
|
if (! (history && history.pushState)) {
|
|
MicroHistory.update();
|
|
}
|
|
callback();
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* 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
|
|
* event handler in the "jQuery data", so that we can fire it up later in
|
|
* AJAX.requestHandler().
|
|
*
|
|
* See bug #3583316
|
|
*/
|
|
AJAX.registerOnload('functions.js', function () {
|
|
// Registering the onload event for functions.js
|
|
// ensures that it will be fired for all pages
|
|
$('form').not('.ajax').not('.disableAjax').each(function () {
|
|
if ($(this).attr('onsubmit')) {
|
|
$(this).data('onsubmit', this.onsubmit).attr('onsubmit', '');
|
|
}
|
|
});
|
|
|
|
var $pageContent = $('#page_content');
|
|
/**
|
|
* Workaround for passing submit button name,value on ajax form submit
|
|
* by appending hidden element with submit button name and value.
|
|
*/
|
|
$pageContent.on('click', 'form input[type=submit]', function () {
|
|
var buttonName = $(this).attr('name');
|
|
if (typeof buttonName === 'undefined') {
|
|
return;
|
|
}
|
|
$(this).closest('form').append($('<input>', {
|
|
'type' : 'hidden',
|
|
'name' : buttonName,
|
|
'value': $(this).val()
|
|
}));
|
|
});
|
|
|
|
/**
|
|
* Attach event listener to events when user modify visible
|
|
* Input,Textarea and select fields to make changes in forms
|
|
*/
|
|
$pageContent.on(
|
|
'keyup change',
|
|
'form.lock-page textarea, ' +
|
|
'form.lock-page input[type="text"], ' +
|
|
'form.lock-page input[type="number"], ' +
|
|
'form.lock-page select',
|
|
{ value:1 },
|
|
AJAX.lockPageHandler
|
|
);
|
|
$pageContent.on(
|
|
'change',
|
|
'form.lock-page input[type="checkbox"], ' +
|
|
'form.lock-page input[type="radio"]',
|
|
{ value:2 },
|
|
AJAX.lockPageHandler
|
|
);
|
|
/**
|
|
* Reset lock when lock-page form reset event is fired
|
|
* Note: reset does not bubble in all browser so attach to
|
|
* form directly.
|
|
*/
|
|
$('form.lock-page').on('reset', function () {
|
|
AJAX.resetLock();
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Page load event handler
|
|
*/
|
|
$(function () {
|
|
var menuContent = $('<div></div>')
|
|
.append($('#serverinfo').clone())
|
|
.append($('#topmenucontainer').clone())
|
|
.html();
|
|
if (history && history.pushState) {
|
|
// set initial state reload
|
|
var initState = ('state' in window.history && window.history.state !== null);
|
|
var initURL = $('#selflink').find('> a').attr('href') || location.href;
|
|
var state = {
|
|
url : initURL,
|
|
menu : menuContent
|
|
};
|
|
history.replaceState(state, null);
|
|
|
|
$(window).on('popstate', function (event) {
|
|
var initPop = (! initState && location.href === initURL);
|
|
initState = true;
|
|
// check if popstate fired on first page itself
|
|
if (initPop) {
|
|
return;
|
|
}
|
|
var state = event.originalEvent.state;
|
|
if (state && state.menu) {
|
|
AJAX.$msgbox = Functions.ajaxShowMessage();
|
|
var params = 'ajax_request=true' + CommonParams.get('arg_separator') + 'ajax_page_request=true';
|
|
var url = state.url || location.href;
|
|
$.get(url, params, AJAX.responseHandler);
|
|
// TODO: Check if sometimes menu is not retrieved from server,
|
|
// Not sure but it seems menu was missing only for printview which
|
|
// been removed lately, so if it's right some dead menu checks/fallbacks
|
|
// may need to be removed from this file and Header.php
|
|
// AJAX.handleMenu.replace(event.originalEvent.state.menu);
|
|
}
|
|
});
|
|
} else {
|
|
// Fallback to microhistory mechanism
|
|
AJAX.scriptHandler
|
|
.load([{ 'name' : 'microhistory.js', 'fire' : 1 }], function () {
|
|
// The cache primer is set by the footer class
|
|
if (MicroHistory.primer.url) {
|
|
MicroHistory.menus.add(
|
|
MicroHistory.primer.menuHash,
|
|
menuContent
|
|
);
|
|
}
|
|
$(function () {
|
|
// Queue up this event twice to make sure that we get a copy
|
|
// of the page after all other onload events have been fired
|
|
if (MicroHistory.primer.url) {
|
|
MicroHistory.add(
|
|
MicroHistory.primer.url,
|
|
MicroHistory.primer.scripts,
|
|
MicroHistory.primer.menuHash
|
|
);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Attach a generic event handler to clicks
|
|
* on pages and submissions of forms
|
|
*/
|
|
$(document).on('click', 'a', AJAX.requestHandler);
|
|
$(document).on('submit', 'form', AJAX.requestHandler);
|
|
|
|
/**
|
|
* Gracefully handle fatal server errors
|
|
* (e.g: 500 - Internal server error)
|
|
*/
|
|
$(document).ajaxError(function (event, request) {
|
|
if (AJAX.debug) {
|
|
// eslint-disable-next-line no-console
|
|
console.log('AJAX error: status=' + request.status + ', text=' + request.statusText);
|
|
}
|
|
// Don't handle aborted requests
|
|
if (request.status !== 0 || request.statusText !== 'abort') {
|
|
var details = '';
|
|
var state = request.state();
|
|
|
|
if (request.status !== 0) {
|
|
details += '<div>' + Functions.escapeHtml(Functions.sprintf(Messages.strErrorCode, request.status)) + '</div>';
|
|
}
|
|
details += '<div>' + Functions.escapeHtml(Functions.sprintf(Messages.strErrorText, request.statusText + ' (' + state + ')')) + '</div>';
|
|
if (state === 'rejected' || state === 'timeout') {
|
|
details += '<div>' + Functions.escapeHtml(Messages.strErrorConnection) + '</div>';
|
|
}
|
|
Functions.ajaxShowMessage(
|
|
'<div class="error">' +
|
|
Messages.strErrorProcessingRequest +
|
|
details +
|
|
'</div>',
|
|
false
|
|
);
|
|
AJAX.active = false;
|
|
AJAX.xhr = null;
|
|
}
|
|
});
|