|
|
|
@ -2,339 +2,340 @@
|
|
|
|
|
|
|
|
|
|
var ajaxify = ajaxify || {};
|
|
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
|
/*global app, templates, utils, socket, translator, config, RELATIVE_PATH*/
|
|
|
|
|
|
|
|
|
|
var location = document.location || window.location,
|
|
|
|
|
rootUrl = location.protocol + '//' + (location.hostname || location.host) + (location.port ? ':' + location.port : ''),
|
|
|
|
|
templatesConfig = null,
|
|
|
|
|
availableTemplates = null,
|
|
|
|
|
apiXHR = null,
|
|
|
|
|
|
|
|
|
|
PRELOADER_RATE_LIMIT = 10000;
|
|
|
|
|
|
|
|
|
|
window.onpopstate = function (event) {
|
|
|
|
|
if (event !== null && event.state && event.state.url !== undefined && !ajaxify.initialLoad) {
|
|
|
|
|
ajaxify.go(event.state.url, function() {
|
|
|
|
|
$(window).trigger('action:popstate', {url: event.state.url});
|
|
|
|
|
}, true);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.currentPage = null;
|
|
|
|
|
ajaxify.initialLoad = false;
|
|
|
|
|
ajaxify.preloader = {};
|
|
|
|
|
|
|
|
|
|
function onAjaxError(err, url) {
|
|
|
|
|
var data = err.data, textStatus = err.textStatus;
|
|
|
|
|
|
|
|
|
|
$('#content, #footer').removeClass('ajaxifying');
|
|
|
|
|
|
|
|
|
|
if (data) {
|
|
|
|
|
if (data.status === 404) {
|
|
|
|
|
return ajaxify.go('404');
|
|
|
|
|
} else if (data.status === 403) {
|
|
|
|
|
app.alertError('[[global:please_log_in]]');
|
|
|
|
|
app.previousUrl = url;
|
|
|
|
|
return ajaxify.go('login');
|
|
|
|
|
} else if (data.status === 302) {
|
|
|
|
|
return ajaxify.go(data.responseJSON.slice(1));
|
|
|
|
|
$(document).ready(function() {
|
|
|
|
|
require(['templates'], function (templatesModule) {
|
|
|
|
|
/*global app, templates, utils, socket, translator, config, RELATIVE_PATH*/
|
|
|
|
|
|
|
|
|
|
var location = document.location || window.location,
|
|
|
|
|
rootUrl = location.protocol + '//' + (location.hostname || location.host) + (location.port ? ':' + location.port : ''),
|
|
|
|
|
apiXHR = null,
|
|
|
|
|
|
|
|
|
|
PRELOADER_RATE_LIMIT = 10000;
|
|
|
|
|
|
|
|
|
|
window.onpopstate = function (event) {
|
|
|
|
|
if (event !== null && event.state && event.state.url !== undefined && !ajaxify.initialLoad) {
|
|
|
|
|
ajaxify.go(event.state.url, function() {
|
|
|
|
|
$(window).trigger('action:popstate', {url: event.state.url});
|
|
|
|
|
}, true);
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.currentPage = null;
|
|
|
|
|
ajaxify.initialLoad = false;
|
|
|
|
|
ajaxify.preloader = {};
|
|
|
|
|
|
|
|
|
|
function onAjaxError(err, url) {
|
|
|
|
|
var data = err.data, textStatus = err.textStatus;
|
|
|
|
|
|
|
|
|
|
$('#content, #footer').removeClass('ajaxifying');
|
|
|
|
|
|
|
|
|
|
if (data) {
|
|
|
|
|
if (data.status === 404) {
|
|
|
|
|
return ajaxify.go('404');
|
|
|
|
|
} else if (data.status === 403) {
|
|
|
|
|
app.alertError('[[global:please_log_in]]');
|
|
|
|
|
app.previousUrl = url;
|
|
|
|
|
return ajaxify.go('login');
|
|
|
|
|
} else if (data.status === 302) {
|
|
|
|
|
return ajaxify.go(data.responseJSON.slice(1));
|
|
|
|
|
}
|
|
|
|
|
} else if (textStatus !== "abort") {
|
|
|
|
|
app.alertError(data.responseJSON.error);
|
|
|
|
|
}
|
|
|
|
|
} else if (textStatus !== "abort") {
|
|
|
|
|
app.alertError(data.responseJSON.error);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ajaxify.go = function (url, callback, quiet) {
|
|
|
|
|
// "quiet": If set to true, will not call pushState
|
|
|
|
|
app.enterRoom('global');
|
|
|
|
|
ajaxify.go = function (url, callback, quiet) {
|
|
|
|
|
// "quiet": If set to true, will not call pushState
|
|
|
|
|
app.enterRoom('global');
|
|
|
|
|
|
|
|
|
|
$(window).off('scroll');
|
|
|
|
|
$(window).off('scroll');
|
|
|
|
|
|
|
|
|
|
$(window).trigger('action:ajaxify.start', {url: url});
|
|
|
|
|
$(window).trigger('action:ajaxify.start', {url: url});
|
|
|
|
|
|
|
|
|
|
if ($('#content').hasClass('ajaxifying') && apiXHR) {
|
|
|
|
|
apiXHR.abort();
|
|
|
|
|
}
|
|
|
|
|
if ($('#content').hasClass('ajaxifying') && apiXHR) {
|
|
|
|
|
apiXHR.abort();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Remove trailing slash
|
|
|
|
|
url = url.replace(/\/$/, "");
|
|
|
|
|
// Remove trailing slash
|
|
|
|
|
url = url.replace(/\/$/, "");
|
|
|
|
|
|
|
|
|
|
url = ajaxify.removeRelativePath(url);
|
|
|
|
|
url = ajaxify.removeRelativePath(url);
|
|
|
|
|
|
|
|
|
|
var tpl_url = ajaxify.getTemplateMapping(url);
|
|
|
|
|
var tpl_url = ajaxify.getTemplateMapping(url);
|
|
|
|
|
|
|
|
|
|
var hash = '';
|
|
|
|
|
if(ajaxify.initialLoad) {
|
|
|
|
|
hash = window.location.hash ? window.location.hash : '';
|
|
|
|
|
}
|
|
|
|
|
var hash = '';
|
|
|
|
|
if(ajaxify.initialLoad) {
|
|
|
|
|
hash = window.location.hash ? window.location.hash : '';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (ajaxify.isTemplateAvailable(tpl_url) && !!!templatesConfig.force_refresh[tpl_url]) {
|
|
|
|
|
ajaxify.currentPage = url;
|
|
|
|
|
if (ajaxify.isTemplateAvailable(tpl_url) && !!!templatesModule.config.force_refresh[tpl_url]) {
|
|
|
|
|
ajaxify.currentPage = url;
|
|
|
|
|
|
|
|
|
|
if (window.history && window.history.pushState) {
|
|
|
|
|
window.history[!quiet ? 'pushState' : 'replaceState']({
|
|
|
|
|
url: url + hash
|
|
|
|
|
}, url, RELATIVE_PATH + '/' + url + hash);
|
|
|
|
|
}
|
|
|
|
|
if (window.history && window.history.pushState) {
|
|
|
|
|
window.history[!quiet ? 'pushState' : 'replaceState']({
|
|
|
|
|
url: url + hash
|
|
|
|
|
}, url, RELATIVE_PATH + '/' + url + hash);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
translator.load(config.defaultLang, tpl_url);
|
|
|
|
|
translator.load(config.defaultLang, tpl_url);
|
|
|
|
|
|
|
|
|
|
$('#footer, #content').removeClass('hide').addClass('ajaxifying');
|
|
|
|
|
var animationDuration = parseFloat($('#content').css('transition-duration')) || 0.2,
|
|
|
|
|
startTime = (new Date()).getTime();
|
|
|
|
|
$('#footer, #content').removeClass('hide').addClass('ajaxifying');
|
|
|
|
|
var animationDuration = parseFloat($('#content').css('transition-duration')) || 0.2,
|
|
|
|
|
startTime = (new Date()).getTime();
|
|
|
|
|
|
|
|
|
|
ajaxify.variables.flush();
|
|
|
|
|
ajaxify.loadData(url, function(err, data) {
|
|
|
|
|
if (err) {
|
|
|
|
|
return onAjaxError(err, url);
|
|
|
|
|
}
|
|
|
|
|
ajaxify.variables.flush();
|
|
|
|
|
ajaxify.loadData(url, function(err, data) {
|
|
|
|
|
if (err) {
|
|
|
|
|
return onAjaxError(err, url);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$(window).trigger('action:ajaxify.loadingTemplates', {});
|
|
|
|
|
$(window).trigger('action:ajaxify.loadingTemplates', {});
|
|
|
|
|
|
|
|
|
|
templates.parse(tpl_url, data, function(template) {
|
|
|
|
|
translator.translate(template, function(translatedTemplate) {
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
$('#content').html(translatedTemplate);
|
|
|
|
|
templates.parse(tpl_url, data, function(template) {
|
|
|
|
|
translator.translate(template, function(translatedTemplate) {
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
$('#content').html(translatedTemplate);
|
|
|
|
|
|
|
|
|
|
ajaxify.variables.parse();
|
|
|
|
|
ajaxify.variables.parse();
|
|
|
|
|
|
|
|
|
|
ajaxify.widgets.render(tpl_url, url, function() {
|
|
|
|
|
$(window).trigger('action:ajaxify.end', {url: url});
|
|
|
|
|
});
|
|
|
|
|
ajaxify.widgets.render(tpl_url, url, function() {
|
|
|
|
|
$(window).trigger('action:ajaxify.end', {url: url});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(window).trigger('action:ajaxify.contentLoaded', {url: url});
|
|
|
|
|
$(window).trigger('action:ajaxify.contentLoaded', {url: url});
|
|
|
|
|
|
|
|
|
|
ajaxify.loadScript(tpl_url);
|
|
|
|
|
ajaxify.loadScript(tpl_url);
|
|
|
|
|
|
|
|
|
|
if (typeof callback === 'function') {
|
|
|
|
|
callback();
|
|
|
|
|
}
|
|
|
|
|
if (typeof callback === 'function') {
|
|
|
|
|
callback();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
app.processPage();
|
|
|
|
|
app.processPage();
|
|
|
|
|
|
|
|
|
|
$('#content, #footer').removeClass('ajaxifying');
|
|
|
|
|
ajaxify.initialLoad = false;
|
|
|
|
|
$('#content, #footer').removeClass('ajaxifying');
|
|
|
|
|
ajaxify.initialLoad = false;
|
|
|
|
|
|
|
|
|
|
app.refreshTitle(url);
|
|
|
|
|
}, animationDuration * 1000 - ((new Date()).getTime() - startTime))
|
|
|
|
|
app.refreshTitle(url);
|
|
|
|
|
}, animationDuration * 1000 - ((new Date()).getTime() - startTime))
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.removeRelativePath = function(url) {
|
|
|
|
|
if (url.indexOf(RELATIVE_PATH.slice(1)) === 0) {
|
|
|
|
|
url = url.slice(RELATIVE_PATH.length);
|
|
|
|
|
}
|
|
|
|
|
return url;
|
|
|
|
|
};
|
|
|
|
|
ajaxify.removeRelativePath = function(url) {
|
|
|
|
|
if (url.indexOf(RELATIVE_PATH.slice(1)) === 0) {
|
|
|
|
|
url = url.slice(RELATIVE_PATH.length);
|
|
|
|
|
}
|
|
|
|
|
return url;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.refresh = function() {
|
|
|
|
|
ajaxify.go(ajaxify.currentPage);
|
|
|
|
|
};
|
|
|
|
|
ajaxify.refresh = function() {
|
|
|
|
|
ajaxify.go(ajaxify.currentPage);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.loadScript = function(tpl_url, callback) {
|
|
|
|
|
require(['forum/' + tpl_url], function(script) {
|
|
|
|
|
if (script && script.init) {
|
|
|
|
|
script.init();
|
|
|
|
|
}
|
|
|
|
|
ajaxify.loadScript = function(tpl_url, callback) {
|
|
|
|
|
require(['forum/' + tpl_url], function(script) {
|
|
|
|
|
if (script && script.init) {
|
|
|
|
|
script.init();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (callback) {
|
|
|
|
|
callback();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
if (callback) {
|
|
|
|
|
callback();
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.isTemplateAvailable = function(tpl) {
|
|
|
|
|
return $.inArray(tpl + '.tpl', availableTemplates) !== -1;
|
|
|
|
|
};
|
|
|
|
|
ajaxify.isTemplateAvailable = function(tpl) {
|
|
|
|
|
return $.inArray(tpl + '.tpl', templatesModule.available) !== -1;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.getTemplateMapping = function(url) {
|
|
|
|
|
var tpl_url = ajaxify.getCustomTemplateMapping(url.split('?')[0]);
|
|
|
|
|
ajaxify.getTemplateMapping = function(url) {
|
|
|
|
|
var tpl_url = ajaxify.getCustomTemplateMapping(url.split('?')[0]);
|
|
|
|
|
|
|
|
|
|
if (tpl_url === false && !templates[url]) {
|
|
|
|
|
tpl_url = url.split('/');
|
|
|
|
|
if (tpl_url === false && !templates[url]) {
|
|
|
|
|
tpl_url = url.split('/');
|
|
|
|
|
|
|
|
|
|
while(tpl_url.length) {
|
|
|
|
|
if (ajaxify.isTemplateAvailable(tpl_url.join('/'))) {
|
|
|
|
|
tpl_url = tpl_url.join('/');
|
|
|
|
|
break;
|
|
|
|
|
while(tpl_url.length) {
|
|
|
|
|
if (ajaxify.isTemplateAvailable(tpl_url.join('/'))) {
|
|
|
|
|
tpl_url = tpl_url.join('/');
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
tpl_url.pop();
|
|
|
|
|
}
|
|
|
|
|
tpl_url.pop();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!tpl_url.length) {
|
|
|
|
|
tpl_url = url.split('/')[0].split('?')[0];
|
|
|
|
|
if (!tpl_url.length) {
|
|
|
|
|
tpl_url = url.split('/')[0].split('?')[0];
|
|
|
|
|
}
|
|
|
|
|
} else if (templates[url]) {
|
|
|
|
|
tpl_url = url;
|
|
|
|
|
}
|
|
|
|
|
} else if (templates[url]) {
|
|
|
|
|
tpl_url = url;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return tpl_url;
|
|
|
|
|
};
|
|
|
|
|
return tpl_url;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.getCustomTemplateMapping = function(tpl) {
|
|
|
|
|
if (templatesConfig && templatesConfig.custom_mapping && tpl !== undefined) {
|
|
|
|
|
for (var pattern in templatesConfig.custom_mapping) {
|
|
|
|
|
if (tpl.match(pattern)) {
|
|
|
|
|
return (templatesConfig.custom_mapping[pattern]);
|
|
|
|
|
ajaxify.getCustomTemplateMapping = function(tpl) {
|
|
|
|
|
if (templatesModule.config && templatesModule.config.custom_mapping && tpl !== undefined) {
|
|
|
|
|
for (var pattern in templatesModule.config.custom_mapping) {
|
|
|
|
|
if (tpl.match(pattern)) {
|
|
|
|
|
return (templatesModule.config.custom_mapping[pattern]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.loadData = function(url, callback) {
|
|
|
|
|
url = ajaxify.removeRelativePath(url);
|
|
|
|
|
ajaxify.loadData = function(url, callback) {
|
|
|
|
|
url = ajaxify.removeRelativePath(url);
|
|
|
|
|
|
|
|
|
|
$(window).trigger('action:ajaxify.loadingData', {url: url});
|
|
|
|
|
$(window).trigger('action:ajaxify.loadingData', {url: url});
|
|
|
|
|
|
|
|
|
|
if (ajaxify.preloader && ajaxify.preloader[url] && !ajaxify.preloader[url].loading) {
|
|
|
|
|
callback(null, ajaxify.preloader[url].data);
|
|
|
|
|
ajaxify.preloader = {};
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (ajaxify.preloader && ajaxify.preloader[url] && !ajaxify.preloader[url].loading) {
|
|
|
|
|
callback(null, ajaxify.preloader[url].data);
|
|
|
|
|
ajaxify.preloader = {};
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var location = document.location || window.location,
|
|
|
|
|
tpl_url = ajaxify.getCustomTemplateMapping(url.split('?')[0]);
|
|
|
|
|
var location = document.location || window.location,
|
|
|
|
|
tpl_url = ajaxify.getCustomTemplateMapping(url.split('?')[0]);
|
|
|
|
|
|
|
|
|
|
if (!tpl_url) {
|
|
|
|
|
tpl_url = ajaxify.getTemplateMapping(url);
|
|
|
|
|
}
|
|
|
|
|
if (!tpl_url) {
|
|
|
|
|
tpl_url = ajaxify.getTemplateMapping(url);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
apiXHR = $.ajax({
|
|
|
|
|
url: RELATIVE_PATH + '/api/' + url,
|
|
|
|
|
cache: false,
|
|
|
|
|
success: function(data) {
|
|
|
|
|
if (!data) {
|
|
|
|
|
ajaxify.go('404');
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
apiXHR = $.ajax({
|
|
|
|
|
url: RELATIVE_PATH + '/api/' + url,
|
|
|
|
|
cache: false,
|
|
|
|
|
success: function(data) {
|
|
|
|
|
if (!data) {
|
|
|
|
|
ajaxify.go('404');
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
data.relative_path = RELATIVE_PATH;
|
|
|
|
|
data.relative_path = RELATIVE_PATH;
|
|
|
|
|
|
|
|
|
|
if (callback) {
|
|
|
|
|
callback(null, data);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
error: function(data, textStatus) {
|
|
|
|
|
callback({
|
|
|
|
|
data: data,
|
|
|
|
|
textStatus: textStatus
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.loadTemplate = function(template, callback) {
|
|
|
|
|
if (templates.cache[template]) {
|
|
|
|
|
callback(templates.cache[template]);
|
|
|
|
|
} else {
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: RELATIVE_PATH + '/templates/' + template + '.tpl' + (config['cache-buster'] ? '?v=' + config['cache-buster'] : ''),
|
|
|
|
|
type: 'GET',
|
|
|
|
|
success: function(data) {
|
|
|
|
|
callback(data.toString());
|
|
|
|
|
if (callback) {
|
|
|
|
|
callback(null, data);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
error: function(error) {
|
|
|
|
|
throw new Error("Unable to load template: " + template + " (" + error.statusText + ")");
|
|
|
|
|
error: function(data, textStatus) {
|
|
|
|
|
callback({
|
|
|
|
|
data: data,
|
|
|
|
|
textStatus: textStatus
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
$('document').ready(function () {
|
|
|
|
|
if (!window.history || !window.history.pushState) {
|
|
|
|
|
return; // no ajaxification for old browsers
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function hrefEmpty(href) {
|
|
|
|
|
return href === undefined || href === '' || href === 'javascript:;' || href === window.location.href + "#" || href.slice(0, 1) === "#";
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
ajaxify.loadTemplate = function(template, callback) {
|
|
|
|
|
if (templates.cache[template]) {
|
|
|
|
|
callback(templates.cache[template]);
|
|
|
|
|
} else {
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: RELATIVE_PATH + '/templates/' + template + '.tpl' + (config['cache-buster'] ? '?v=' + config['cache-buster'] : ''),
|
|
|
|
|
type: 'GET',
|
|
|
|
|
success: function(data) {
|
|
|
|
|
callback(data.toString());
|
|
|
|
|
},
|
|
|
|
|
error: function(error) {
|
|
|
|
|
throw new Error("Unable to load template: " + template + " (" + error.statusText + ")");
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// Enhancing all anchors to ajaxify...
|
|
|
|
|
$(document.body).on('click', 'a', function (e) {
|
|
|
|
|
if (hrefEmpty(this.href) || this.target !== '' || this.protocol === 'javascript:' || $(this).attr('data-ajaxify') === 'false') {
|
|
|
|
|
return;
|
|
|
|
|
$('document').ready(function () {
|
|
|
|
|
if (!window.history || !window.history.pushState) {
|
|
|
|
|
return; // no ajaxification for old browsers
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(!window.location.pathname.match(/\/(403|404)$/g)) {
|
|
|
|
|
app.previousUrl = window.location.href;
|
|
|
|
|
function hrefEmpty(href) {
|
|
|
|
|
return href === undefined || href === '' || href === 'javascript:;' || href === window.location.href + "#" || href.slice(0, 1) === "#";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if ((!e.ctrlKey && !e.shiftKey && !e.metaKey) && e.which === 1) {
|
|
|
|
|
if (this.host === window.location.host) {
|
|
|
|
|
// Internal link
|
|
|
|
|
var url = this.href.replace(rootUrl + '/', '');
|
|
|
|
|
// Enhancing all anchors to ajaxify...
|
|
|
|
|
$(document.body).on('click', 'a', function (e) {
|
|
|
|
|
if (hrefEmpty(this.href) || this.target !== '' || this.protocol === 'javascript:' || $(this).attr('data-ajaxify') === 'false') {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if(window.location.pathname === this.pathname && this.hash) {
|
|
|
|
|
if (this.hash !== window.location.hash) {
|
|
|
|
|
window.location.hash = this.hash;
|
|
|
|
|
}
|
|
|
|
|
if(!window.location.pathname.match(/\/(403|404)$/g)) {
|
|
|
|
|
app.previousUrl = window.location.href;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if ((!e.ctrlKey && !e.shiftKey && !e.metaKey) && e.which === 1) {
|
|
|
|
|
if (this.host === window.location.host) {
|
|
|
|
|
// Internal link
|
|
|
|
|
var url = this.href.replace(rootUrl + '/', '');
|
|
|
|
|
|
|
|
|
|
if(window.location.pathname === this.pathname && this.hash) {
|
|
|
|
|
if (this.hash !== window.location.hash) {
|
|
|
|
|
window.location.hash = this.hash;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
ajaxify.loadScript(ajaxify.getTemplateMapping(url));
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
} else {
|
|
|
|
|
if (ajaxify.go(url)) {
|
|
|
|
|
ajaxify.loadScript(ajaxify.getTemplateMapping(url));
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
} else {
|
|
|
|
|
if (ajaxify.go(url)) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else if (window.location.pathname !== '/outgoing') {
|
|
|
|
|
// External Link
|
|
|
|
|
if (config.openOutgoingLinksInNewTab) {
|
|
|
|
|
window.open(this.href, '_blank');
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
} else if (config.useOutgoingLinksPage) {
|
|
|
|
|
ajaxify.go('outgoing?url=' + encodeURIComponent(this.href));
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else if (window.location.pathname !== '/outgoing') {
|
|
|
|
|
// External Link
|
|
|
|
|
if (config.openOutgoingLinksInNewTab) {
|
|
|
|
|
window.open(this.href, '_blank');
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
} else if (config.useOutgoingLinksPage) {
|
|
|
|
|
ajaxify.go('outgoing?url=' + encodeURIComponent(this.href));
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$(document.body).on('mouseover', 'a', function (e) {
|
|
|
|
|
if (hrefEmpty(this.href) || this.target !== '' || this.protocol === 'javascript:' || $(this).attr('data-ajaxify') === 'false') {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
$(document.body).on('mouseover', 'a', function (e) {
|
|
|
|
|
if (hrefEmpty(this.href) || this.target !== '' || this.protocol === 'javascript:' || $(this).attr('data-ajaxify') === 'false') {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (this.host === window.location.host) {
|
|
|
|
|
// Internal link
|
|
|
|
|
var url = this.href.replace(rootUrl + '/', ''),
|
|
|
|
|
currentTime = (new Date()).getTime();
|
|
|
|
|
|
|
|
|
|
if (this.host === window.location.host) {
|
|
|
|
|
// Internal link
|
|
|
|
|
var url = this.href.replace(rootUrl + '/', ''),
|
|
|
|
|
currentTime = (new Date()).getTime();
|
|
|
|
|
|
|
|
|
|
if (!ajaxify.preloader[url] || (!ajaxify.preloader[url].loading && currentTime - ajaxify.preloader[url].lastFetched > PRELOADER_RATE_LIMIT)) {
|
|
|
|
|
ajaxify.preloader[url] = {
|
|
|
|
|
loading: true
|
|
|
|
|
};
|
|
|
|
|
ajaxify.loadData(url, function(err, data) {
|
|
|
|
|
ajaxify.preloader[url] = err ? null : {
|
|
|
|
|
url: url,
|
|
|
|
|
data: data,
|
|
|
|
|
lastFetched: currentTime,
|
|
|
|
|
loading: false
|
|
|
|
|
if (!ajaxify.preloader[url] || (!ajaxify.preloader[url].loading && currentTime - ajaxify.preloader[url].lastFetched > PRELOADER_RATE_LIMIT)) {
|
|
|
|
|
ajaxify.preloader[url] = {
|
|
|
|
|
loading: true
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
ajaxify.loadData(url, function(err, data) {
|
|
|
|
|
ajaxify.preloader[url] = err ? null : {
|
|
|
|
|
url: url,
|
|
|
|
|
data: data,
|
|
|
|
|
lastFetched: currentTime,
|
|
|
|
|
loading: false
|
|
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
templates.registerLoader(ajaxify.loadTemplate);
|
|
|
|
|
templates.registerLoader(ajaxify.loadTemplate);
|
|
|
|
|
|
|
|
|
|
$.getJSON(RELATIVE_PATH + '/api/get_templates_listing', function (data) {
|
|
|
|
|
templatesConfig = data.templatesConfig;
|
|
|
|
|
availableTemplates = data.availableTemplates;
|
|
|
|
|
templatesModule.refresh(app.load);
|
|
|
|
|
// $.getJSON(RELATIVE_PATH + '/api/get_templates_listing', function (data) {
|
|
|
|
|
// templatesModule.config = data.templatesConfig;
|
|
|
|
|
// availableTemplates = data.availableTemplates;
|
|
|
|
|
|
|
|
|
|
app.load();
|
|
|
|
|
// app.load();
|
|
|
|
|
// });
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}());
|
|
|
|
|
});
|
|
|
|
|
});
|