rekahsoft
/
blog-rekahsoft-ca
1
1
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Cleaned up client side router 

Wrapped client side url router in a function that returns an object (the
interface for the router). Because javascript passes by reference,
passing the array of handler/route objects to the router was an issue
so the array of routes used for this application was moved to within the
wrapper function. In the future this should be changed so
the array is supplied and can be modified with a method like addRoute.

Signed-off-by: Collin J. Doering <collin.doering@rekahsoft.ca>
This commit is contained in:
Collin J. Doering 2015-01-23 01:31:20 -05:00
parent 07eb14f986
commit bfa6e42d9f
1 changed files with 134 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
js/default.js
View File

@ -119,21 +119,9 @@
});
}
function runHandlers (url, handlers) {
for (var i = 0; i < handlers.length; i++) {
if (handlers[i].acceptUrls.test(url)) {
var new_virt_url = handlers[i].rewriteVirtualUrl(url);
if (new_virt_url === url) {
loadPageContent(handlers[i].rewriteGetUrl(url), url, handlers[i].ajaxCallbacks);
} else {
$.address.value(new_virt_url);
}
break;
}
}
}
function init (router) {
router.setCallback(loadPageContent);
function init (handlers) {
$(document).ready(function () {
$('#nav-menu a.menuitem').click(function () {
$(this).closest('ul').find('li.active').removeClass('active');
@ -148,25 +136,23 @@
// Callback for when the inital page has completely loaded (including images, etc..)
$.address.change(function (event) {
console.log("Change " + event.value);
runHandlers(event.value, handlers);
router.runRouter(event.value);
});
});
}
return {
var spec = {
init: init
};
return spec;
}());
function idRewrite (url) {
return url;
}
var handlers = [
var router = (function () {
var routes = [
{ // Post pages handler
acceptUrls: /posts\/.*\.html/,
rewriteGetUrl: idRewrite,
rewriteVirtualUrl: idRewrite,
rewriteGetUrl: idFun,
rewriteVirtualUrl: idFun,
ajaxCallbacks: {
beforeSend: function () {
$('#nav-menu li.active').removeClass('active');
@ -229,18 +215,68 @@
}
return "pages" + url;
},
rewriteVirtualUrl: idRewrite,
rewriteVirtualUrl: function (url) {
if (url === "/") {
url = "/home.html";
}
return url;
},
ajaxCallbacks: {
beforeSend: function (url, virt_url) {
console.log('setting active menu item to ' + url);
// Initially set the active menuitem in the nav
$('a.menuitem[rel="address:' + virt_url + '"]').closest('ul').find('li.active').removeClass('active');
$('a.menuitem[rel="address:' + virt_url + '"]').closest('li').addClass('active');
}
}
}
];
}],
callback = idFun;
// Initialize page with handlers
page.init(handlers);
function setCallback (cb) {
if (typeof cb == 'function') {
callback = cb;
}
}
function idFun (url) {
return url;
}
function runRouter (url) {
function runRouter_help (spec) {
for (var i = 0; i < routes.length; i++) {
if (routes[i].acceptUrls.test(spec.url)) {
var new_virt_url = routes[i].rewriteVirtualUrl(spec.url);
if (new_virt_url === spec.url) {
if (spec.hasRedirect) {
$.address.value(new_virt_url);
} else {
callback(routes[i].rewriteGetUrl(spec.url), spec.url, routes[i].ajaxCallbacks);
}
} else if (spec.numRecur <= spec.recurDepth) {
runRouter_help({ url: new_virt_url,
hasRedirect: true,
numRecur: spec.numRecur + 1,
recurDepth: spec.recurDepth });
} else {
callback(routes[i].rewriteGetUrl(spec.url), spec.url, routes[i].ajaxCallbacks);
}
break;
}
}
}
runRouter_help({ url: url,
hasRedirect: false,
numRecur: 1,
recurDepth: 5 });
}
var spec = {
runRouter: runRouter,
setCallback: setCallback
};
return spec;
})();
page.init(router);
}(jQuery, MathJax));