From 15a74b15232fbf3f19878e21b861737f186f2b7c Mon Sep 17 00:00:00 2001
From: Savetheinternet <savetheinternet@n0v4.com>
Date: Sun, 27 Mar 2011 02:36:32 +1100
Subject: Stylesheets, etc.

---
 templates/index.html  |   3 +-
 templates/main.js     | 123 ++++++++++++++++++++++++++++++++++++++++++++++++++
 templates/page.html   |   1 +
 templates/thread.html |   1 +
 4 files changed, 127 insertions(+), 1 deletion(-)
 create mode 100644 templates/main.js

(limited to 'templates')

diff --git a/templates/index.html b/templates/index.html
index 1e7f7a25..e2422012 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,8 +6,9 @@
 	<title>{board[url]} - {board[name]}</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-	<script type="text/javascript" src="{config[url_javascript]}"></script>
 	{config[meta_keywords]?<meta name="keywords" content="{config[meta_keywords]}" />}
+	<link rel="stylesheet" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
+	<script type="text/javascript" src="{config[url_javascript]}"></script>
 </head>
 <body>
 	{boardlist[top]}
diff --git a/templates/main.js b/templates/main.js
new file mode 100644
index 00000000..7bf5b6d9
--- /dev/null
+++ 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;
\ No newline at end of file
diff --git a/templates/page.html b/templates/page.html
index 6f4e288a..7af0d710 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -6,6 +6,7 @@
 	<title>{title}</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+	<link rel="stylesheet" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
 </head>
 <body>
 	{pm?<div class="top_notice">{pm}</div><hr/>}
diff --git a/templates/thread.html b/templates/thread.html
index 4df828c6..91448f39 100644
--- a/templates/thread.html
+++ b/templates/thread.html
@@ -6,6 +6,7 @@
 	<title>{board[url]} - {board[name]}</title>
 	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+	<link rel="stylesheet" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
 	<script type="text/javascript" src="{config[url_javascript]}"></script>
 </head>
 <body>
-- 
cgit v1.3