Stylesheets, etc.

2011-03-27 02:36:32 +11:00 · 2011-03-27 02:36:32 +11:00 · 15a74b1523
commit 15a74b1523
parent 99a51ddca9
7 changed files with 172 additions and 10 deletions
--- a/templates/main.js
+++ b/templates/main.js
@ -0,0 +1,123 @@
+function highlightReply(id)
+{
+	var divs = document.getElementsByTagName('div');
+	for (var i = 0; i < divs.length; i++)
+	{
+		if (divs[i].className.indexOf('post') != -1)
+			divs[i].className = divs[i].className.replace(/highlighted/, '');
+	}
+	if (id) {
+		post = document.getElementById('reply_'+id);
+		if(post)
+			post.className += ' highlighted';
+	}
+}
+function focusId(id)
+{
+	document.getElementById(id).focus();
+	init();
+}
+
+function generatePassword() {
+	pass = '';
+	chars = '{config[genpassword_chars]}';
+	for(i=0;i<8;i++) {
+		rnd = Math.floor(Math.random() * chars.length);
+		pass += chars.substring(rnd,rnd + 1);
+	}
+	return pass;
+}
+
+function dopost(form) {
+	localStorage.name = form.name.value.replace(/ ##.+$/, '');
+	if(form.email.value != 'sage')
+		localStorage.email = form.email.value;
+	
+	return form.body.value != "" || (typeof form.thread != "undefined" && form.file.value != "");
+}
+function citeReply(id) {
+	document.getElementById('body').value += '>>' + id + '\n';
+}
+
+var selectedstyle = '{config[default_stylesheet][0]}';
+var styles = [
+	{stylesheets:['{stylesheets[name]}', '{stylesheets[uri]}']{!%last?,
+	}}
+];
+
+function changeStyle(x) {
+	localStorage.stylesheet = styles[x][1];
+	document.getElementById('stylesheet').href = styles[x][1];
+	selectedstyle = styles[x][0];
+}
+
+if(localStorage.stylesheet) {
+	for(x=0;x<styles.length;x++) {
+		if(styles[x][1] == localStorage.stylesheet) {
+			changeStyle(x);
+			break;
+		}
+	}
+}
+
+function init()
+{
+	newElement = document.createElement('div');
+	newElement.className = 'styles';
+	
+	for(x=0;x<styles.length;x++) {
+		style = document.createElement('a');
+		style.innerHTML = '[' + styles[x][0] + ']';
+		style.href = 'javascript:changeStyle(' + x + ');';
+		if(selectedstyle == styles[x][0])
+			style.className = 'selected';
+		newElement.appendChild(style);
+	}	
+	
+	if(!localStorage.password)
+		localStorage.password = generatePassword();
+	elements = document.getElementsByName('password');
+	for(x=0;x<elements.length;x++) {
+		elements[x].value = localStorage.password;
+	}
+	
+	document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild)
+	
+	if (window.location.hash.indexOf('q') == 1)
+		citeReply(window.location.hash.substring(2));
+	else if (window.location.hash.substring(1))
+		highlightReply(window.location.hash.substring(1));
+	if(localStorage.name)
+		document.getElementsByTagName('form')[0].name.value = localStorage.name;
+	if(localStorage.email)
+		document.getElementsByTagName('form')[0].email.value = localStorage.email;
+	
+	link = document.getElementsByTagName('a');
+	for ( i in link ) {
+		if(typeof link[i] == "object" && link[i].childNodes[0].src) {
+			link[i].onclick = function() {
+				if(!this.tag) {
+					this.tag = this.childNodes[0].src;
+					this.childNodes[0].src = this.href;
+					this.childNodes[0].style.width = 'auto';
+					this.childNodes[0].style.height = 'auto';
+					this.childNodes[0].style.opacity = '0.4';
+					this.childNodes[0].style.filter = 'alpha(opacity=40)';
+					this.childNodes[0].onload = function() {
+						this.style.opacity = '1';
+						this.style.filter = '';
+					}
+				} else {
+					this.childNodes[0].src = this.tag;
+					this.childNodes[0].style.width = 'auto';
+					this.childNodes[0].style.height = 'auto';
+					this.tag = '';
+				}
+				return false;
+			}
+			
+		}
+	}
+}
+
+window.onload = init;