Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-07 22:45:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

moving ajaxify-related things out of templates and into ajaxify

Browse Source
This commit is contained in:
psychobunny
2014-03-28 13:01:43 -04:00
parent 608a1ce6d0
commit 113eb38f9a
1 changed files with 142 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
public/src/ajaxify.js
View File

@@ -7,7 +7,10 @@ var ajaxify = {};
var location = document.location || window.location,
rootUrl = location.protocol + '//' + (location.hostname || location.host) + (location.port ? ':' + location.port : ''),
content = null;
content = null,
templatesConfig = null,
availableTemplates = null,
apiXHR = null;
var events = [];
ajaxify.register_events = function (new_page_events) {
@@ -30,6 +33,7 @@ var ajaxify = {};
ajaxify.currentPage = null;
ajaxify.initialLoad = false;
ajaxify.go = function (url, callback, quiet) {
// "quiet": If set to true, will not call pushState
app.enterRoom('global');
@@ -55,7 +59,7 @@ var ajaxify = {};
hash = window.location.hash ? window.location.hash : '';
}
if (templates.is_available(tpl_url) && !templates.force_refresh(tpl_url)) {
if (ajaxify.isTemplateAvailable(tpl_url) && !ajaxify.forceRefresh(tpl_url)) {
ajaxify.currentPage = tpl_url;
if (window.history && window.history.pushState) {
@@ -81,8 +85,8 @@ var ajaxify = {};
ajaxify.fadeOut();
templates.flush();
templates.load_template(function () {
ajaxify.variables.flush();
ajaxify.getData(function () {
ajaxify.loadScript(tpl_url);
if (typeof callback === 'function') {
@@ -106,6 +110,10 @@ var ajaxify = {};
return false;
};
ajaxify.refresh = function() {
ajaxify.go(ajaxify.currentPage);
};
ajaxify.loadScript = function(tpl_url, callback) {
require(['forum/' + tpl_url], function(script) {
if (script && script.init) {
@@ -118,6 +126,20 @@ var ajaxify = {};
});
};
ajaxify.cancelRequest = function() {
if (apiXHR) {
apiXHR.abort();
}
};
ajaxify.isTemplateAvailable = function(tpl) {
return $.inArray(tpl + '.tpl', availableTemplates) !== -1;
};
ajaxify.forceRefresh = function(tpl) {
return !!templatesConfig.force_refresh[tpl];
};
ajaxify.fadeIn = function() {
$('#content, #footer').stop(true, true).removeClass('ajaxifying');
};
@@ -127,7 +149,7 @@ var ajaxify = {};
};
ajaxify.getTemplateMapping = function(url) {
var tpl_url = templates.get_custom_map(url.split('?')[0]);
var tpl_url = ajaxify.getCustomTemplateMapping(url.split('?')[0]);
if (tpl_url === false && !templates[url]) {
if (url === '' || url === '/') {
@@ -138,7 +160,7 @@ var ajaxify = {};
tpl_url = url.split('/');
while(tpl_url.length) {
if (templates.is_available(tpl_url.join('/'))) {
if (ajaxify.isTemplateAvailable(tpl_url.join('/'))) {
tpl_url = tpl_url.join('/');
break;
}
@@ -156,6 +178,99 @@ var ajaxify = {};
return tpl_url;
};
ajaxify.getCustomTemplateMapping = function(tpl) {
if (config.custom_mapping && tpl) {
for (var pattern in config.custom_mapping) {
if (tpl.match(pattern)) {
return (config.custom_mapping[pattern]);
}
}
}
return false;
};
ajaxify.getData = function(callback, url, template) {
var location = document.location || window.location,
api_url = (url === '' || url === '/') ? 'home' : url,
tpl_url = ajaxify.getCustomTemplateMapping(api_url.split('?')[0]);
if (!tpl_url) {
tpl_url = ajaxify.getTemplateMapping(api_url);
}
apiXHR = $.ajax({
url: RELATIVE_PATH + '/api/' + api_url,
cache: false,
success: function(data) {
if (!data) {
ajaxify.go('404');
return;
}
data.relative_path = RELATIVE_PATH;
templates.parse(tpl_url, data, function(err, template) {
translator.translate(template, function(translatedTemplate) {
$('#content').html(translatedTemplate);
ajaxify.variables.parse();
if (callback) {
callback(true);
}
});
});
},
error: function(data, textStatus) {
$('#content, #footer').stop(true, true).removeClass('ajaxifying');
if (data && data.status == 404) {
return ajaxify.go('404');
} else if (data && data.status === 403) {
return ajaxify.go('403');
} else if (textStatus !== "abort") {
app.alertError(data.responseJSON.error);
}
}
});
};
ajaxify.variables = (function() {
var parsedVariables = {};
return {
set: function(key, value) {
parsedVariables[key] = value;
},
get: function(key) {
return parsedVariables[key];
},
flush: function() {
parsedVariables = {};
},
parse: function() {
$('#content [template-variable]').each(function(index, element) {
var value = null;
switch ($(element).attr('template-type')) {
case 'boolean':
value = ($(element).val() === 'true' || $(element).val() === '1') ? true : false;
break;
case 'int':
case 'integer':
value = parseInt($(element).val());
break;
default:
value = $(element).val();
break;
}
ajaxify.variables.set($(element).attr('template-variable'), value);
});
}
};
})();
ajaxify.repositionNoWidgets = function() {
$('body [no-widget-class]').each(function() {
var $this = $(this);
@@ -182,7 +297,7 @@ var ajaxify = {};
socket.emit('widgets.render', {template: tpl_url + '.tpl', url: url, location: location}, function(err, renderedWidgets) {
if (area.html()) {
area.html(templates.prepare(area.html()).parse({
area.html(templates.parse(area.html(), {
widgets: renderedWidgets
})).removeClass('hidden');
@@ -212,11 +327,6 @@ var ajaxify = {};
checkCallback();
};
ajaxify.refresh = function() {
ajaxify.go(ajaxify.currentPage);
};
$('document').ready(function () {
if (!window.history || !window.history.pushState) {
return; // no ajaxification for old browsers
@@ -260,6 +370,26 @@ var ajaxify = {};
}
}
});
templates.registerLoader(function(template, callback) {
$.ajax({
url: RELATIVE_PATH + '/templates/' + template + '.tpl',
type: 'GET',
success: function(data) {
callback(null, data.toString());
},
error: function(error) {
callback({message: error.statusText}, false);
}
});
});
$.when($.getJSON(RELATIVE_PATH + '/templates/config.json'), $.getJSON(RELATIVE_PATH + '/api/get_templates_listing')).done(function (config_data, templates_data) {
templatesConfig = config_data[0];
availableTemplates = templates_data[0];
app.load();
});
});
}());