hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clean up client side + config.json

Browse Source
v1.18.x
psychobunny 12 years ago
parent 65b035c9c9
commit 1d35f369d9
5 changed files with 124 additions and 109 deletions
Show Stats Download Patch File Download Diff File

6
public/config.json
Unescape Escape View File

@ -0,0 +1,6 @@
{
"socket" : {
"address" : "198.199.80.41",
"port" : "8081"
}
}

79
public/src/ajaxify.js
Unescape Escape View File

@ -0,0 +1,79 @@
(function($) {
var rootUrl = document.location.protocol + '//' + (document.location.hostname || document.location.host) + (document.location.port ? ':'+document.location.port : ''),
content = null;
$('document').ready(function() {
if (!window.history || !window.history.pushState) return; // no ajaxification for old browsers
content = content || document.getElementById('content');
$('a').unbind('click').bind('click', function(ev) {
var url = this.href.replace(rootUrl +'/', '');
var tpl_url = (url === '') ? 'home' : url;
if (templates[tpl_url]) {
window.history.pushState({}, url, "/" + url);
content.innerHTML = templates[tpl_url];
exec_body_scripts(content);
}
ev.preventDefault();
return false;
});
});
function exec_body_scripts(body_el) {
//http://stackoverflow.com/questions/2592092/executing-script-elements-inserted-with-innerhtml
// Finds and executes scripts in a newly added element's body.
// Needed since innerHTML does not run scripts.
//
// Argument body_el is an element in the dom.
function nodeName(elem, name) {
return elem.nodeName && elem.nodeName.toUpperCase() ===
name.toUpperCase();
};
function evalScript(elem) {
var data = (elem.text || elem.textContent || elem.innerHTML || "" ),
head = document.getElementsByTagName("head")[0] ||
document.documentElement,
script = document.createElement("script");
script.type = "text/javascript";
try {
// doesn't work on ie...
script.appendChild(document.createTextNode(data));
} catch(e) {
// IE has funky script nodes
script.text = data;
}
head.insertBefore(script, head.firstChild);
head.removeChild(script);
};
// main section of function
var scripts = [],
script,
children_nodes = body_el.childNodes,
child,
i;
for (i = 0; children_nodes[i]; i++) {
child = children_nodes[i];
if (nodeName(child, "script" ) &&
(!child.type || child.type.toLowerCase() === "text/javascript")) {
scripts.push(child);
}
}
for (i = 0; scripts[i]; i++) {
script = scripts[i];
if (script.parentNode) {script.parentNode.removeChild(script);}
evalScript(scripts[i]);
}
};
}(jQuery));

17
public/src/app.js
Unescape Escape View File

@ -0,0 +1,17 @@
var socket,
config;
(function() {
$.get('config.json?v=' + new Date().getTime(), function(data) {
config = data;
socket = io.connect('http://' + config.socket.address + config.socket.port? ':' + config.socket.port : '');
socket.on('event:connect', function(data) {
});
});
}());

19
public/src/templates.js
Unescape Escape View File

@ -0,0 +1,19 @@
var templates = {};
function loadTemplates(templatesToLoad) {
var timestamp = new Date().getTime();
for (var t in templatesToLoad) {
(function(template) {
$.get('templates/' + template + '.tpl?v=' + timestamp, function(html) {
templates[template] = html;
});
}(templatesToLoad[t]));
}
}
function templates_init() {
loadTemplates(['register', 'home', 'login']);
}
templates_init();

112
public/templates/header.tpl
Unescape Escape View File

@ -7,120 +7,14 @@
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="socket.io/socket.io.js"></script>
<script type="text/javascript">
(function($) {
var templates = {};
function loadTemplates(templatesToLoad) {
var timestamp = new Date().getTime();
for (var t in templatesToLoad) {
(function(template) {
$.get('templates/' + template + '.tpl?v=' + timestamp, function(html) {
templates[template] = html;
});
}(templatesToLoad[t]));
}
}
function templates_init() {
loadTemplates(['register', 'home', 'login']);
}
templates_init();
var rootUrl = document.location.protocol + '//' + (document.location.hostname || document.location.host) + (document.location.port ? ':'+document.location.port : ''),
content = null;
console.log(rootUrl);
$('document').ready(function() {
if (!window.history || !window.history.pushState) return; // no ajaxification for old browsers
content = content || document.getElementById('content');
$('a').unbind('click').bind('click', function(ev) {
var url = this.href.replace(rootUrl +'/', '');
var tpl_url = (url === '') ? 'home' : url;
if (templates[tpl_url]) {
window.history.pushState({}, url, "/" + url);
content.innerHTML = templates[tpl_url];
exec_body_scripts(content);
}
ev.preventDefault();
return false;
});
});
function exec_body_scripts(body_el) {
//http://stackoverflow.com/questions/2592092/executing-script-elements-inserted-with-innerhtml
// Finds and executes scripts in a newly added element's body.
// Needed since innerHTML does not run scripts.
//
// Argument body_el is an element in the dom.
function nodeName(elem, name) {
return elem.nodeName && elem.nodeName.toUpperCase() ===
name.toUpperCase();
};
function evalScript(elem) {
var data = (elem.text || elem.textContent || elem.innerHTML || "" ),
head = document.getElementsByTagName("head")[0] ||
document.documentElement,
script = document.createElement("script");
script.type = "text/javascript";
try {
// doesn't work on ie...
script.appendChild(document.createTextNode(data));
} catch(e) {
// IE has funky script nodes
script.text = data;
}
head.insertBefore(script, head.firstChild);
head.removeChild(script);
};
// main section of function
var scripts = [],
script,
children_nodes = body_el.childNodes,
child,
i;
for (i = 0; children_nodes[i]; i++) {
child = children_nodes[i];
if (nodeName(child, "script" ) &&
(!child.type || child.type.toLowerCase() === "text/javascript")) {
scripts.push(child);
}
}
for (i = 0; scripts[i]; i++) {
script = scripts[i];
if (script.parentNode) {script.parentNode.removeChild(script);}
evalScript(scripts[i]);
}
};
}(jQuery));
</script>
<script type="text/javascript" src="src/app.js"></script>
<script type="text/javascript" src="src/templates.js"></script>
<script type="text/javascript" src="src/ajaxify.js"></script>
<style type="text/css">
body {
padding-top: 60px;
}
</style>
<script>
var socket = io.connect('http://198.199.80.41:8081');
socket.on('event:connect', function(data) {
});
</script>
</head>
<body>

Write Preview
Loading…
Cancel
Save