0.2.0

can i haz header-icons pls, merry xmas

.gitignore

@@ -8,7 +8,14 @@ public/css/*.css
 *.sublime-project
 *.sublime-workspace
 .project
+.idea
 *.swp
 Vagrantfile
 .vagrant
 provision.sh
+*.komodoproject
+
+feeds/recent.rss
+
+# winston?
+error.log

README.md

@@ -10,7 +10,7 @@
 
 ![NodeBB Main Category Listing](http://i.imgur.com/zffCFoh.png)
 
-![NodeBB Topic Page](http://i.imgur.com/tcHW08M.png)
+![NodeBB Topic Page](http://i.imgur.com/JihdcUa.png)
 
 ## How can I follow along/contribute?
 
@@ -23,7 +23,7 @@
 NodeBB requires the following software to be installed:
 
 * A version of Node.js at least 0.8 or greater
-* Redis, version 2.6 or greater.
+* Redis, version 2.6 or greater or MongoDB, version 2.4 or greater
 * nginx, version 1.3.13 or greater (**only if** intending to use nginx to proxy requests to a NodeBB)
 
 ## Installation
@@ -32,6 +32,8 @@ First, we install our base software stack:
 
 	# apt-get install git nodejs redis-server npm build-essential imagemagick
 
+If you want to use MongoDB instead of Redis install it from http://www.mongodb.org/downloads and remove 'redis-server' from the above command. [MongoDB-Setup](https://github.com/designcreateplay/NodeBB/wiki/MongoDB-Setup)
+
 **If your package manager only installed a version of Node.js that is less than 0.8 (e.g. Ubuntu 12.10, 13.04):**
 
 	# add-apt-repository ppa:chris-lea/node.js

app.js

@@ -25,6 +25,7 @@
 
 	var fs = require('fs'),
 		async = require('async'),
+		semver = require('semver'),
 		winston = require('winston'),
 		pkg = require('./package.json'),
 		path = require('path'),
@@ -48,6 +49,12 @@
 		winston.error(err.stack);
 	};
 
+	require('child_process').exec('/usr/bin/which convert', function(err, stdout, stderr) {
+		if(err || !stdout) {
+			winston.warn('Couldn\'t find convert. Did you install imagemagick?');
+		}
+	});
+
 	// Log GNU copyright info along with server info
 	winston.info('NodeBB v' + pkg.version + ' Copyright (C) 2013 DesignCreatePlay Inc.');
 	winston.info('This program comes with ABSOLUTELY NO WARRANTY.');
@@ -55,15 +62,16 @@
 	winston.info('');
 
 
-	if (!nconf.get('help') && !nconf.get('setup') && !nconf.get('upgrade') && fs.existsSync(__dirname + '/config.json')) {
+	if (!nconf.get('help') && !nconf.get('setup') && !nconf.get('install') && !nconf.get('upgrade') && fs.existsSync(__dirname + '/config.json')) {
 		// Load server-side configs
 		nconf.file({
 			file: __dirname + '/config.json'
 		});
-		meta = require('./src/meta.js');
+		meta = require('./src/meta');
 
 		nconf.set('url', nconf.get('base_url') + (nconf.get('use_port') ? ':' + nconf.get('port') : '') + nconf.get('relative_path') + '/');
 		nconf.set('upload_url', nconf.get('url') + 'uploads/');
+		nconf.set('base_dir', __dirname);
 
 		winston.info('Initializing NodeBB v' + pkg.version + ', on port ' + nconf.get('port') + ', using Redis store at ' + nconf.get('redis:host') + ':' + nconf.get('redis:port') + '.');
 		winston.info('NodeBB instance bound to: ' + ((nconf.get('bind_address') === "0.0.0.0" || !nconf.get('bind_address')) ? 'Any address (0.0.0.0)' : nconf.get('bind_address')));
@@ -72,29 +80,27 @@
 			winston.info('Base Configuration OK.');
 		}
 
+		if (semver.gt(pkg.dependencies['nodebb-theme-cerulean'], require('./node_modules/nodebb-theme-cerulean/package.json').version)) {
+			winston.error('nodebb-theme-cerulean is out of date - please run npm install.')
+		}
+
+		require('./src/database').init(function(err) {
 			meta.configs.init(function () {
-			// Initial setup for Redis & Reds
-			var reds = require('reds'),
-				RDB = require('./src/redis.js');
 
-			reds.createClient = function () {
-				return reds.client || (reds.client = RDB);
-			};
+				var templates = require('./public/src/templates'),
+					translator = require('./public/src/translator'),
+					webserver = require('./src/webserver'),
+					SocketIO =  require('socket.io').listen(global.server, { log: false, transports: ['websocket', 'xhr-polling', 'jsonp-polling', 'flashsocket'], 'browser client minification': true}),
+					websockets = require('./src/websockets'),
+					plugins = require('./src/plugins'),
+					notifications = require('./src/notifications'),
+					upgrade = require('./src/upgrade');
 
-			var templates = require('./public/src/templates.js'),
-				translator = require('./public/src/translator.js'),
-				webserver = require('./src/webserver.js'),
-				SocketIO =  require('socket.io').listen(global.server, { log: false, transports: ['websocket', 'xhr-polling', 'jsonp-polling', 'flashsocket']}),
-				websockets = require('./src/websockets.js'),
-				posts = require('./src/posts.js'),
-				plugins = require('./src/plugins'), // Don't remove this - plugins initializes itself
-				Notifications = require('./src/notifications'),
-				Upgrade = require('./src/upgrade');
-
-			Upgrade.check(function(schema_ok) {
+				upgrade.check(function(schema_ok) {
 					if (schema_ok || nconf.get('check-schema') === false) {
 						websockets.init(SocketIO);
 
+						plugins.init();
 						global.templates = {};
 						global.translator = translator;
 
@@ -112,9 +118,11 @@
 						], customTemplates);
 
 
+						plugins.ready(function() {
 							templates.ready(webserver.init);
+						});
 
-					Notifications.init();
+						notifications.init();
 					} else {
 						winston.warn('Your NodeBB schema is out-of-date. Please run the following command to bring your dataset up to spec:');
 						winston.warn('    node app --upgrade');
@@ -124,7 +132,8 @@
 					}
 				});
 			});
-	} else if (nconf.get('setup') || !fs.existsSync(__dirname + '/config.json')) {
+		});
+	} else if (nconf.get('setup') || nconf.get('install') || !fs.existsSync(__dirname + '/config.json')) {
 		// New install, ask setup questions
 		if (nconf.get('setup')) {
 			winston.info('NodeBB Setup Triggered via Command Line');
@@ -156,11 +165,13 @@
 		nconf.file({
 			file: __dirname + '/config.json'
 		});
+		require('./src/database').init(function(err) {
 			meta = require('./src/meta.js');
 
 			meta.configs.init(function () {
 				require('./src/upgrade').upgrade();
 			});
+		});
 	} else/* if (nconf.get('help') */{
 		winston.info('Usage: node app [options] [arguments]');
 		winston.info('       [NODE_ENV=development | NODE_ENV=production] node app [--start] [arguments]');

install/data/categories.json

@@ -2,85 +2,97 @@
     {
         "name": "Announcements",
         "description": "Announcements regarding our community",
-        "blockclass": "category-blue",
-        "icon" : "icon-bullhorn",
+        "bgColor": "#0059B2",
+        "color": "#fff",
+        "icon" : "fa-bullhorn",
         "order": 1
     },
     {
         "name": "General Discussion",
         "description": "A place to talk about whateeeever you want",
-        "blockclass": "category-blue",
-        "icon" : "icon-comment",
+        "bgColor": "#0059B2",
+        "color": "#fff",
+        "icon" : "fa-comment",
         "order": 2
     },
     {
         "name": "NodeBB Development",
         "description": "NodeBB development news and announcements",
-        "blockclass": "category-blue",
-        "icon" : "icon-github",
+        "bgColor": "#0059B2",
+        "color": "#fff",
+        "icon" : "fa-github",
         "order": 3
     },
     {
         "name": "Blogs",
         "description": "Blog posts from individual members",
-        "blockclass": "category-blue",
-        "icon" : "icon-pencil",
+        "bgColor": "#0059B2",
+        "color": "#fff",
+        "icon" : "fa-pencil",
         "order": 4
     },
     {
         "name": "Feature Requests",
         "description": "Got a feature request you'd like to see? Give us a shout here.",
-        "blockclass": "category-purple",
-        "icon" : "icon-lightbulb",
+        "bgColor": "#ab1290",
+        "color": "#fff",
+        "icon" : "fa-lightbulb-o",
         "order": 5
     },
     {
         "name": "Bug Reports",
         "description": "Having trouble with NodeBB? Let us know...",
-        "blockclass": "category-purple",
-        "icon" : "icon-cogs",
+        "bgColor": "#ab1290",
+        "color": "#fff",
+        "icon" : "fa-cogs",
         "order": 6
     },
     {
         "name": "NodeBB Plugins",
         "description": "Enhance your NodeBB with plugins!",
-        "blockclass": "category-purple",
-        "icon" : "icon-plus-sign",
+        "bgColor": "#ab1290",
+        "color": "#fff",
+        "icon" : "fa-plus-square",
         "order": 7
     },
     {
         "name": "NodeBB Link Exchange",
         "description": "Link exchange",
-        "blockclass": "category-purple",
-        "icon" : "icon-exchange",
+        "bgColor": "#ab1290",
+        "color": "#fff",
+        "icon" : "fa-exchange",
         "order": 8
     },
     {
         "name": "News",
         "description": "News from around the world",
-        "blockclass": "category-darkblue",
-        "icon" : "icon-globe",
+        "bgColor": "#004C66",
+        "color": "#fff",
+        "icon" : "fa-globe",
         "order": 9
     },
     {
         "name": "Movies",
         "description": "Discuss the latest movies here",
-        "blockclass": "category-darkblue",
-        "icon" : "icon-film",
+        "bgColor": "#004C66",
+        "color": "#fff",
+        "icon" : "fa-film",
         "order": 10
     },
     {
         "name": "Games",
         "description": "Discuss the latest games here",
-        "blockclass": "category-darkblue",
-        "icon" : "icon-screenshot",
+        "bgColor": "#004C66",
+        "color": "#fff",
+        "icon" : "fa-crosshairs",
         "order": 11
     },
     {
         "name": "Random",
         "description": "Anything and (almost) everything welcome!",
-        "blockclass": "category-darkblue",
-        "icon" : "icon-beer",
+        "bgColor": "#004C66",
+        "color": "#fff",
+        "icon" : "fa-beer",
         "order": 12
     }
 ]

mocks/databasemock.js

@@ -0,0 +1,81 @@
+/**
+ * Database Mock - wrapper for database.js, makes system use separate test db, instead of production
+ * ATTENTION: testing db is flushed before every use!
+ */
+
+(function(module) {
+	'use strict';
+
+	var utils = require('./../public/src/utils.js'),
+		path  = require('path'),
+		nconf = require('nconf'),
+		winston = require('winston'),
+		errorText;
+
+
+	nconf.file({ file: path.join(__dirname, '../config.json') });
+
+	var dbType = nconf.get('database'),
+		testDbConfig = nconf.get('test_database'),
+		productionDbConfig = nconf.get(dbType);
+
+	if(!testDbConfig){
+		errorText = 'test_database is not defined';
+		winston.info(
+			"\n===========================================================\n"+
+			"Please, add parameters for test database in config.json\n"+
+			"For example (redis):\n"+
+				'"test_database": {' + '\n' +
+				'   "host": "127.0.0.1",' + '\n' +
+				'   "port": "6379",' + '\n' +
+				'   "password": "",' + '\n' +
+				'   "database": "1"' + '\n' +
+			'}\n'+
+			" or (mongo):\n" +
+			 	'"test_database": {' + '\n' +
+				'   "host": "127.0.0.1",' + '\n' +
+				'   "port": "27017",' + '\n' +
+				'   "password": "",' + '\n' +
+				'   "database": "1"' + '\n' +
+			'}\n'+
+			"==========================================================="
+		);
+		winston.error(errorText);
+		throw new Error(errorText);
+	}
+
+	if(	testDbConfig.database === productionDbConfig.database &&
+		testDbConfig.host === productionDbConfig.host &&
+		testDbConfig.port === productionDbConfig.port
+	){
+		errorText = 'test_database has the same config as production db';
+		winston.error(errorText);
+		throw new Error(errorText);
+	}
+
+	nconf.set(dbType, testDbConfig);
+
+	db = require('../src/database');
+	before(function(done) {
+
+		db.init(function(err) {
+			//Clean up
+			db.flushdb(function(err) {
+				if(err){
+					winston.error(err);
+					throw new Error(err);
+				} else {
+					winston.info('test_database flushed');
+					done();
+				}
+
+				//TODO: data seeding, if needed at all
+
+
+			});
+		});
+	});
+
+	module.exports = db;
+
+}(module));

mocks/redismock.js

@@ -1,69 +0,0 @@
-/**
- * Redis Mock - wrapper for redis.js, makes system use separate test db, instead of production
- * ATTENTION: testing db is flushed before every use!
- */
-
-(function(module) {
-	'use strict';
-
-	var RedisDB,
-		redis = require('redis'),
-		utils = require('./../public/src/utils.js'),
-		path  = require('path'),
-		nconf = require('nconf'),
-		winston = require('winston'),
-		errorText;
-
-
-	nconf.file({ file: path.join(__dirname, '../config.json') });
-
-	var testDbConfig = nconf.get('redis_test'),
-		productionDbConfig = nconf.get('redis');
-	if(!testDbConfig){
-		errorText = 'redis_test database is not defined';
-		winston.info(
-			"\n===========================================================\n"+
-			"Please, add parameters for test database in config.json\n"+
-			"For example:\n"+
-				'"redis_test": {' + '\n' +
-				'   "host": "127.0.0.1",' + '\n' +
-				'   "port": "6379",' + '\n' +
-				'   "password": "",' + '\n' +
-				'   "database": "1"' + '\n' +
-			'}\n'+
-			"==========================================================="
-		);
-		winston.error(errorText);
-		throw new Error(errorText);
-	}
-
-	if(	testDbConfig.database === productionDbConfig.database &&
-		testDbConfig.host === productionDbConfig.host &&
-		testDbConfig.port === productionDbConfig.port
-	){
-		errorText = 'redis_test database has the same config as production db';
-		winston.error(errorText);
-		throw new Error(errorText);
-	}
-
-	nconf.set('redis',testDbConfig);
-
-	RedisDB = require('../src/redis.js');
-
-
-	//Clean up
-	RedisDB.send_command('flushdb', [], function(error){
-		if(error){
-			winston.error(error);
-			throw new Error(error);
-		} else {
-			winston.info('redis_test db flushed');
-		}
-	});
-
-	//TODO: data seeding, if needed at all
-
-
-	module.exports = RedisDB;
-
-}(module));

nodebb

@@ -1,6 +1,54 @@
 #!/bin/bash
-clear
-echo "Launching NodeBB in \"development\" mode."
-echo "To run the production build of NodeBB, please use \"forever\"."
-echo "More Information: https://github.com/designcreateplay/NodeBB/wiki/How-to-run-NodeBB"
-NODE_ENV=development supervisor --extensions 'node|js|tpl' -- app $1
+
+# $0 script path
+# $1 action
+# $2 subaction
+
+case "$1" in
+	start)
+		node app
+		;;
+
+	dev)
+		echo "Launching NodeBB in \"development\" mode."
+		echo "To run the production build of NodeBB, please use \"forever\"."
+		echo "More Information: https://github.com/designcreateplay/NodeBB/wiki/How-to-run-NodeBB"
+		NODE_ENV=development node app
+		;;
+
+	watch)
+		echo "Launching NodeBB in \"development\" mode."
+		echo "To run the production build of NodeBB, please use \"forever\"."
+		echo "More Information: https://github.com/designcreateplay/NodeBB/wiki/How-to-run-NodeBB"
+		NODE_ENV=development supervisor -q --extensions 'node|js|tpl' -- app $1
+		;;
+
+	language)
+		case "$2" in
+			check)
+				node app --language="check"
+				;;
+
+			*)
+				echo "Language Settings"
+				echo $"Usage: $0 language {check}"
+				echo ''
+				column -s '	' -t <<< '
+				check	Compare language files against the /en directory
+				'
+				;;
+		esac
+		;;
+
+	*)
+		echo "Welcome to NodeBB"
+		echo $"Usage: $0 {start|dev|watch|language}"
+		echo ''
+		column -s '	' -t <<< '
+		start	Start NodeBB in production mode
+		dev	Start NodeBB in development mode
+		watch	Start NodeBB in development mode and watch for changes
+		language	Language settings
+		'
+		exit 1
+esac

package.json

@@ -2,7 +2,7 @@
   "name": "nodebb",
   "license": "GPLv3 or later",
   "description": "NodeBB Forum",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "homepage": "http://www.nodebb.org",
   "repository": {
     "type": "git",
@@ -14,12 +14,10 @@
   },
   "dependencies": {
     "socket.io": "~0.9.16",
-    "redis": "0.8.3",
     "express": "3.2.0",
     "express-namespace": "~0.1.1",
     "emailjs": "0.3.4",
     "cookie": "0.0.6",
-    "connect-redis": "1.4.5",
     "passport": "0.1.17",
     "passport-local": "0.1.6",
     "passport-twitter": "0.1.5",
@@ -28,7 +26,7 @@
     "less-middleware": "0.1.12",
     "marked": "0.2.8",
     "bcrypt": "0.7.5",
-    "async": "0.2.8",
+    "async": "~0.2.8",
     "node-imagemagick": "0.1.8",
     "gravatar": "1.0.6",
     "nconf": "~0.6.7",
@@ -40,13 +38,18 @@
     "prompt": "~0.2.11",
     "uglify-js": "~2.4.0",
     "validator": "~1.5.1",
-    "nodebb-plugin-mentions": "~0.1.14",
-    "nodebb-plugin-markdown": "~0.1.8",
-    "nodebb-theme-vanilla": "designcreateplay/nodebb-theme-vanilla",
-    "nodebb-theme-cerulean": "0.0.6",
-    "cron": "~1.0.1"
+    "nodebb-plugin-mentions": "~0.1.16",
+    "nodebb-plugin-markdown": "~0.2.1",
+    "nodebb-theme-vanilla": "~0.0.10",
+    "nodebb-theme-cerulean": "0.0.10",
+    "cron": "~1.0.1",
+    "semver": "~2.2.1"
   },
   "optionalDependencies": {
+    "redis": "0.8.3",
+    "mongodb": "~1.3.19",
+    "connect-redis": "1.4.5",
+    "connect-mongo": "0.4.0",
     "hiredis": "~0.1.15"
   },
   "devDependencies": {

public/language/de/category.json

@@ -0,0 +1,14 @@
+{
+	"new_topic_button": "Neues Thema",
+	"no_topics": "<strong>Es gibt noch keine Threads in dieser Kategorie.</strong><br />Warum beginnst du nicht den ersten?",
+	"sidebar.recent_replies": "Neuste Antworten",
+	"sidebar.active_participants": "Aktive Teilnehmer",
+	"sidebar.moderators": "Moderatoren",
+	"posts": "Posts",
+	"views": "Aufrufe",
+	"posted": "Geposted",
+	"browsing": "Sieht zu",
+	"no_replies": "Niemand hat geantwortet",
+	"replied": "geantwortet",
+	"last_edited_by": "zuletzt editiert durch"
+}

public/language/de/footer.json

@@ -0,0 +1,10 @@
+{
+	"chat.chatting_with": "Chatten mit <span id='chat-with-name'></span>",
+	"chat.placeholder": "schreibe hier etwas, und drücke Enter zum absenden",
+	"chat.send": "Senden",
+	"stats.online": "Online",
+	"stats.users": "Benutzer",
+	"stats.topics": "Themen",
+	"stats.posts": "Beiträge",
+	"success": "erfolg"
+}

public/language/de/global.json

@@ -0,0 +1,31 @@
+{
+	"home": "Übersicht",
+	"search": "Suche",
+	"buttons.close": "Schließen",
+	"403.title": "Zugriff Verweigert",
+	"403.message": "Du bist nicht dazu berechtigt, diese Seite aufzurufen. <a href='/login'>Logge dich ein</a> und versuche es erneut.",
+	"404.title": " Nicht Gefunden",
+	"404.message": "Die abgefragte Seite wurde nicht gefunden. <a href='/''>Zurück zur Übersicht</a>.",
+	"500.title": "Internal error.",
+	"500.message": "Ooops! Looks like something went wrong!",
+
+	"register": "Registrierung",
+	"login": "Login",
+
+	"logout": "Logout",
+	"logout.title": "Du bist ausgeloggt.",
+	"logout.message": "Du hast dich soeben erfolgreich aus dem Forum ausgeloggt.",
+
+	"save_changes": "Speichere Änderungen",
+	"close": "Schließen",
+
+	"header.admin": "Admin",
+	"header.recent": "Aktuell",
+	"header.unread": "Ungelesen",
+	"header.users": "Benutzer",
+	"header.search": "Suche",
+	"header.profile": "Profil",
+
+	"notifications.loading": "Benachrichtigungen laden",
+	"chats.loading": "Nachrichten werden geladen"
+}

public/language/de/login.json

@@ -0,0 +1,10 @@
+{
+	"login": "Einloggen",
+	"username": "Benutzername",
+	"password": "Passwort",
+	"remember_me": "Eingeloggt bleiben?",
+	"forgot_password": "Passwort vergessen?",
+	"alternative_logins": "Login Alternativen",
+	"failed_login_attempt": " Anmeldeversuch fehlgeschlagen, versuche es erneut.",
+	"login_successful": "Du hast dich erfolgreich eingeloggt!"
+}

public/language/de/notifications.json

@@ -0,0 +1,9 @@
+{
+	"title": "Benachrichtigungen",
+	"back_to_home": "Zurück zur Startseite",
+	"mark_all_as_read": "Alles als gelesen markieren",
+	"outgoing_link": "Externer Link",
+	"outgoing_link_message": "Du verlässt nun",
+	"continue_to": "Gehe weiter zu",
+	"return_to": "Kehre zurück zu"
+}

public/language/de/recent.json

@@ -0,0 +1,5 @@
+{
+	"day": "Tag",
+	"week": "Woche",
+	"month": "Monat"
+}

public/language/de/register.json

@@ -0,0 +1,16 @@
+{
+	"register": "Registrieren",
+	"help.email": "Deine E-Mail Adresse ist standardmäßig nicht öffentlich sichtbar.",
+	"help.username_restrictions": "Einen einmaligen Benutzernamen. 3-16 Zeichen. Andere Benutzer können dich mit @<span id='yourUsername'>Benutzername</span> anschreiben.",
+	"help.minimum_password_length": "Dein Passwort muss mindestens sechs Zeichen lang sein.",
+	"email_address": "E-Mail",
+	"email_address_placeholder": "E-Mail Adresse hier eingeben",
+	"username": "Benutzername",
+	"username_placeholder": "Benutzernamen eingeben",
+	"password": "Passwort",
+	"password_placeholder": "Passwort eingeben",
+	"confirm_password": "Passwort bestätigen",
+	"confirm_password_placeholder": "Passwort zur Bestätigung erneut eingeben",
+	"register_now_button": "Jetzt registrieren",
+	"alternative_registration": "Alternative Registrierung"
+}

public/language/de/reset_password.json

@@ -0,0 +1,13 @@
+{
+	"reset_password": "Passwort zurücksetzen",
+	"update_password": "Ändere Passwort",
+	"password_change": "Passwort wurde geändert",
+	"password_reset_successful": "<p>Das Passwort wurde erfolgreich zurückgesetzt. <a href=\"/login\">Log dich neu ein</a>.",
+	"wrong_reset_code.title": "Der Reset-Code ist falsch.",
+	"wrong_reset_code.message": "Der empfangene Reset-Code war falsch. Bitte versuche es erneut oder <a href=\"/reset\">fordere einen neuen Code an</a>.",
+	"new_password": "Neues Passwort",
+	"repeat_password": "Wiederhole das Passwort",
+	"enter_email": "Bitte gib Deine <strong>E-Mail Adresse</strong> ein und wir senden Dir eine Anleitung, wie Du Dein Passwort zurücksetzen kannst.",
+	"password_reset_sent": "Passwortzrücksetzung beantragt.",
+	"invalid_email": "Ungültige E-Mail / Adresse existiert nicht!"
+}

public/language/de/topic.json

@@ -0,0 +1,43 @@
+{
+	"topic": "Thema",
+	"topics": "Themen",
+
+	"no_topics_found": "Keine passende Themen gefunden.",
+
+	"profile": "Profil",
+	"posted_by": "geschrieben von",
+	"chat": "Chat",
+	"notify_me": "Werde bei neues Antworten auf dieses Thema benachrichtigt.",
+	"quote": "zitieren",
+	"reply": "antworten",
+	"edit": "bearbeiten",
+	"delete": "löschen",
+	"banned": "gesperrt",
+	"link": "Link",
+
+	"thread_tools.title": "Thread Tools",
+	"thread_tools.pin": "Thread pinnen",
+	"thread_tools.unpin": "Thread nicht mehr pinnen",
+	"thread_tools.lock": "Thread sperren",
+	"thread_tools.move": "Thread verschieben",
+	"thread_tools.delete": "Thread löschen",
+
+	"load_categories": "Kategorien laden",
+	"disabled_categories_note": "Deaktivierte Kategorien sind ausgegraut.",
+	"confirm_move": "verschieben",
+
+	"favourite": "Favorit",
+	"favourites": "Favoriten",
+	"favourites.not_logged_in.title": "Nicht eingeloggt!",
+	"favourites.not_logged_in.message": "Bitte logge dich ein, um diesen Beitrag favorisieren zu können.",
+	"favourites.has_no_favourites":"Du hast noch keine Favoriten.",
+
+	"posted_by": "Geposted von",
+	"loading": "Lade",
+	"more_posts": "Mehr Posts",
+	"move_topic": "Thema verschieben",
+	"topic_will_be_moved_to": "Dieses Thema wird verschoben nach",
+
+	"reputation": "Reputation",
+	"posts": "Posts"
+}

public/language/de/unread.json

@@ -0,0 +1,5 @@
+{
+	"no_unread_topics": "Es gibt keine ungelesenen Themen.",
+	"mark_all_read": "alle als gelesen markieren",
+	"load_more": "mehr laden"
+}

public/language/de/user.json

@@ -0,0 +1,38 @@
+{
+	"banned": "Gebannt",
+	"offline": "offline",
+	"email": "E-Mail",
+	"fullname": "Kompletter Name",
+	"website": "Homepage",
+	"location": "Wohnort",
+	"age": "Alter",
+	"joined": "Beigetreten",
+	"profile_views": "Profilaufrufe",
+	"reputation": "Reputation",
+	"posts": "Posts",
+	"followers": "Follower",
+	"following": "Folgt",
+	"signature": "Signatur",
+	"gravatar": "Gravatar",
+	"birthday": "Geburtstag",
+
+	"change_picture": "Ändere Profilbild",
+	"edit": "Ändern",
+	"uploaded_picture": "Hochgeladene Bilder",
+	"upload_new_picture": "Neues Bild hochladen",
+	"change_password": "Ändere Passwort",
+	"confirm_password": "Passwort wiederholen",
+	"password": "Passwort",
+
+	"upload_picture": "Bild hochladen",
+	"upload_a_picture": "Ein Bild hochladen",
+	"image_spec": "Du solltest nur Dateien die PNG, JPG, oder GIF kleiner als 256kb hochladen.",
+
+	"settings": "Einstellungen",
+	"show_email": "Zeige meine E-Mail Adresse an.",
+
+	"has_no_follower": "Dieser User hat noch keine Follower.",
+	"follows_no_one": "Dieser User folgt noch niemanden."
+
+
+}

public/language/de/users.json

@@ -0,0 +1,9 @@
+{
+	"latest_users": "neuste Benutzer",
+	"top_posters": "meiste Beiträge",
+	"most_reputation": "höhstes Ansehen",
+	"online": "Online",
+	"search": "Suchen",
+	"enter_username": "Benutzer durchsuchen",
+	"load_more": "mehr laden"
+}

public/language/en/category.json

@@ -3,5 +3,12 @@
 	"no_topics": "<strong>There are no topics in this category.</strong><br />Why don't you try posting one?",
 	"sidebar.recent_replies": "Recent Replies",
 	"sidebar.active_participants": "Active Participants",
-	"sidebar.moderators": "Moderators"
+	"sidebar.moderators": "Moderators",
+	"posts": "posts",
+	"views": "views",
+	"posted": "posted",
+	"browsing": "browsing",
+	"no_replies": "No one has replied",
+	"replied": "replied",
+	"last_edited_by": "last edited by"
 }

public/language/en/footer.json

@@ -1,9 +1,10 @@
 {
-	"chat.chatting_with": "Chat with <span id='chat-with-name'></span>",
+	"chat.chatting_with": "Chat with <span id=\"chat-with-name\"></span>",
 	"chat.placeholder": "type chat message here, press enter to send",
 	"chat.send": "Send",
 	"stats.online": "Online",
 	"stats.users": "Users",
 	"stats.topics": "Topics",
-	"stats.posts": "Posts"
+	"stats.posts": "Posts",
+	"success": "success"
 }

public/language/en/global.json

@@ -5,14 +5,27 @@
 	"403.title": "Access Denied",
 	"403.message": "You seem to have stumbled upon a page that you do not have access to. Perhaps you should <a href='/login'>try logging in</a>?",
 	"404.title": "Not Found",
-	"404.message": "You seem to have stumbled upon a page that does not exist. Return to the <a href='/''>home page</a>.",
+	"404.message": "You seem to have stumbled upon a page that does not exist. Return to the <a href='/'>home page</a>.",
+	"500.title": "Internal error.",
+	"500.message": "Oops! Looks like something went wrong!",
+
+	"register": "Register",
+	"login": "Login",
+
 	"logout": "Logout",
 	"logout.title": "You are now logged out.",
 	"logout.message": "You have successfully logged out of NodeBB",
+
+	"save_changes": "Save Changes",
+	"close": "Close",
+
 	"header.admin": "Admin",
 	"header.recent": "Recent",
 	"header.unread": "Unread",
 	"header.users": "Users",
 	"header.search": "Search",
-	"notifications.loading": "Loading Notifications"
+	"header.profile": "Profile",
+
+	"notifications.loading": "Loading Notifications",
+	"chats.loading": "Loading Chats"
 }

public/language/en/notifications.json

@@ -1,3 +1,9 @@
 {
-	"title": "Notifications"
+	"title": "Notifications",
+	"back_to_home": "back to NodeBB",
+	"mark_all_as_read": "Mark All as Read",
+	"outgoing_link": "Outgoing Link",
+	"outgoing_link_message": "You are now leaving",
+	"continue_to": "Continue to",
+	"return_to": "Return to "
 }

public/language/en/reset_password.json

@@ -0,0 +1,13 @@
+{
+	"reset_password": "Reset Password",
+	"update_password": "Update Password",
+	"password_changed.title": "Password Changed",
+	"password_changed.message": "<p>Password successfully reset, please <a href=\"/login\">log in again</a>.",
+	"wrong_reset_code.title": "Incorrect Reset Code",
+	"wrong_reset_code.message": "The reset code received was incorrect. Please try again, or <a href=\"/reset\">request a new reset code</a>.",
+	"new_password": "New Password",
+	"repeat_password": "Confirm Password",
+	"enter_email": "Please enter your <strong>email address</strong> and we will send you an email with instructions on how to reset your account.",
+	"password_reset_sent": "Password Reset Sent",
+	"invalid_email": "Invalid Email / Email does not exist!"
+}

public/language/en/topic.json

@@ -1,23 +1,42 @@
 {
+	"topic": "Topic",
+	"topics": "Topics",
+
+	"no_topics_found": "No topics found!",
+
 	"profile": "Profile",
 	"posted_by": "Posted by",
 	"chat": "Chat",
 	"notify_me": "Be notified of new replies in this topic",
-	"favourite": "Favourite",
 	"quote": "Quote",
 	"reply": "Reply",
 	"edit": "Edit",
 	"delete": "Delete",
 	"banned": "banned",
 	"link": "Link",
+
 	"thread_tools.title": "Thread Tools",
 	"thread_tools.pin": "Pin Thread",
 	"thread_tools.lock": "Lock Thread",
 	"thread_tools.move": "Move Thread",
 	"thread_tools.delete": "Delete Thread",
+
 	"load_categories": "Loading Categories",
 	"disabled_categories_note": "Disabled Categories are greyed out",
 	"confirm_move": "Move",
+
+	"favourite": "Favourite",
+	"favourites": "Favorites",
 	"favourites.not_logged_in.title": "Not Logged In",
-	"favourites.not_logged_in.message": "Please log in in order to favourite this post"
+	"favourites.not_logged_in.message": "Please log in in order to favourite this post",
+	"favourites.has_no_favourites": "You don't have any favourites, favourite some posts to see them here!",
+
+	"posted_by": "posted by",
+	"loading": "Loading",
+	"more_posts": "More Posts",
+	"move_topic": "Move Topic",
+	"topic_will_be_moved_to": "This topic will be moved to the category",
+
+	"reputation": "Reputation",
+	"posts": "Posts"
 }

public/language/en/user.json

@@ -0,0 +1,39 @@
+{
+	"banned": "Banned",
+	"offline": "Offline",
+	"email": "Email",
+	"fullname": "Full Name",
+	"website": "Website",
+	"location": "Location",
+	"age": "Age",
+	"joined": "Joined",
+	"profile_views": "Profile views",
+	"reputation": "Reputation",
+	"posts": "Posts",
+	"followers": "Followers",
+	"following": "Following",
+	"signature": "Signature",
+	"gravatar": "Gravatar",
+	"birthday": "Birthday",
+
+	"change_picture": "Change Picture",
+	"edit": "Edit",
+	"uploaded_picture": "Uploaded Picture",
+	"upload_new_picture": "Upload New Picture",
+	"change_password": "Change Password",
+	"confirm_password": "Confirm Password",
+	"password": "Password",
+
+	"upload_picture": "Upload picture",
+	"upload_a_picture": "Upload a picture",
+	"image_spec": "You may only upload PNG, JPG, or GIF files under 256kb.",
+
+	"settings": "settings",
+	"show_email": "Show My Email",
+
+	"has_no_follower": "This user doesn't have any followers :(",
+	"follows_no_one": "This user isn't following anyone :(",
+
+	"email_hidden": "Email Hidden",
+	"hidden": "hidden"
+}

public/language/es/category.json

@@ -0,0 +1,14 @@
+{
+	"new_topic_button": "Nuevo Tema",
+	"no_topics": "<strong>No hay temas en esta categoría.</strong><br />Por que no te animas y publicas uno?",
+	"sidebar.recent_replies": "Respuestas recientes",
+	"sidebar.active_participants": "Miembros más activos",
+	"sidebar.moderators": "Moderadores",
+	"posts": "respuestas",
+	"views": "visitas",
+	"posted": "posted",
+	"browsing": "viendo ahora",
+	"no_replies": "Nadie ha respondido aún",
+	"replied": "respondio",
+	"last_edited_by": "ultima edición por"
+}

public/language/es/footer.json

@@ -0,0 +1,10 @@
+{
+	"chat.chatting_with": "Chatear con <span id='chat-with-name'></span>",
+	"chat.placeholder": "ingresa tu mensaje aqui, y presiona enter para enviar",
+	"chat.send": "Enviar",
+	"stats.online": "Online",
+	"stats.users": "Usuarios",
+	"stats.topics": "Temas",
+	"stats.posts": "Posts",
+	"success": "exito!"
+}

public/language/es/global.json

@@ -0,0 +1,31 @@
+{
+	"home": "Inicio",
+	"search": "Buscar",
+	"buttons.close": "Cerrar",
+	"403.title": "Acceso denegado",
+	"403.message": "Al parecer no tienes premisos necesarios para estar en este lugar. Tal vez puedes <a href='/login'>intentar conectarte</a>?",
+	"404.title": "Ups... 404, no se encontra che!",
+	"404.message": "Al parecer lo que estas buscando no existe. Te recomendamos que vuelvas al <a href='/''>inicio</a>.",
+	"500.title": "Error Interno.",
+	"500.message": "Ooops! Algo salio mal!, No te alarmes. Nuestros simios hiperinteligentes lo solucionarán",
+	
+	"register": "Registrarse",
+	"login": "Conectarse",
+
+	"logout": "Salir",
+	"logout.title": "Te has desconectado.",
+	"logout.message": "Haz sido desconectado correctamente",
+
+	"save_changes": "Guardar Cambios",
+	"close": "Cerrar",
+
+	"header.admin": "Admin",
+	"header.recent": "Recientes",
+	"header.unread": "No Leeidos",
+	"header.users": "Miembros",
+	"header.search": "Buscar",
+	"header.profile": "Perfil",
+
+	"notifications.loading": "Cargando Notificaciones",
+	"chats.loading": "Cargando Chats"
+}

public/language/es/login.json

@@ -0,0 +1,10 @@
+{
+	"login": "Conectarse",
+	"username": "Usuario",
+	"password": "Contraseña",
+	"remember_me": "Recordarme?",
+	"forgot_password": "Olvidaste tu contraseña?",
+	"alternative_logins": "Conexiones Alternativas",
+	"failed_login_attempt": "Error al loguearte, intenta de nuevo.",
+	"login_successful": "Te has conectado con exito!"
+}

public/language/es/notifications.json

@@ -0,0 +1,9 @@
+{
+	"title": "Notificaciones",
+	"back_to_home": "volver al Inicio",
+	"mark_all_as_read": "Marcar todo como leeido",
+	"outgoing_link": "Link Externo",
+	"outgoing_link_message": "Estas saliendo del sitio",
+	"continue_to": "Continuar",
+	"return_to": "Volver a "
+}

public/language/es/recent.json

@@ -0,0 +1,5 @@
+{
+	"day": "Día",
+	"week": "Semana",
+	"month": "Mes"
+}

public/language/es/register.json

@@ -0,0 +1,16 @@
+{
+	"register": "Registrase",
+	"help.email": "Por defecto, tu email será oculto al publico.",
+	"help.username_restrictions": "El nombre de usuario debe tener entre %1 y %2 caracteres. Los miembros pueden responderte escribiendo @<span id='yourUsername'>usuario</span>.",
+	"help.minimum_password_length": "Tu contraseña debe tener al menos %1 caracteres.",
+	"email_address": "Email",
+	"email_address_placeholder": "Escribe tu email",
+	"username": "Usuario",
+	"username_placeholder": "Escribe tu usuario",
+	"password": "Contraseña",
+	"password_placeholder": "Escribe tu Contraseña",
+	"confirm_password": "Confirmar Contraseña",
+	"confirm_password_placeholder": "Confirmar Contraseña",
+	"register_now_button": "Registrarme ahora",
+	"alternative_registration": "Otros metodos interesantes para registrarse"
+}

public/language/es/reset_password.json

@@ -0,0 +1,13 @@
+{
+	"reset_password": "Resetear Contraseña",
+	"update_password": "Actualizar contraseña",
+	"password_changed.title": "Contraseña editada",
+	"password_changed.message": "<p>La contraseña fue modificada con exito, por favor <a href=\"/login\">conectate de nuevo</a>.",
+	"wrong_reset_code.title": "Código de Reseteo Incorrecto",
+	"wrong_reset_code.message": "El código de reseteo ingresado no es correcto. Por favor intentalo de nuevo o <a href=\"/reset\">pide un nuevo código</a>.",
+	"new_password": "Nueva Contraseña",
+	"repeat_password": "Confirmar Contraseña",
+	"enter_email": "Por favor ingresa tu <strong>email</strong> y te enviaremos un email de como resetear tu cuenta.",
+	"password_reset_sent": "Resteo de contraseña enviado",
+	"invalid_email": "Email Invalido o no existe!"
+}

public/language/es/topic.json

@@ -0,0 +1,42 @@
+{
+	"topic": "Tema",
+	"topics": "Temas",
+
+	"no_topics_found": "No se encontraron temas!",
+
+	"profile": "Perfil",
+	"posted_by": "Publicado por",
+	"chat": "Chat",
+	"notify_me": "Seras notificado cuando haya nuevas respuestas en este tema",
+	"quote": "Citar",
+	"reply": "Responder",
+	"edit": "Editar",
+	"delete": "Borrar",
+	"banned": "banneado",
+	"link": "Link",
+
+	"thread_tools.title": "Herramientas del Tema",
+	"thread_tools.pin": "Poner Sticky",
+	"thread_tools.lock": "Cerrar Tema",
+	"thread_tools.move": "Mover Tema",
+	"thread_tools.delete": "Borrar Tema",
+
+	"load_categories": "Cargando Categorias",
+	"disabled_categories_note": "Las categorías deshabilidas estan en gris",
+	"confirm_move": "Mover",
+
+	"favourite": "Favorito",
+	"favourites": "Favoritos",
+	"favourites.not_logged_in.title": "No estas conectado :(",
+	"favourites.not_logged_in.message": "Por favor, conectate para agregar a favorito este post.",
+	"favourites.has_no_favourites": "No tienes favoritos, puedes agregar alguno y volver a verlos aqui!",
+
+	"posted_by": "Publicado por",
+	"loading": "Cargando",
+	"more_posts": "Más posts",
+	"move_topic": "Mover Tema",
+	"topic_will_be_moved_to": "Este tema sera movido a la categoría",
+
+	"reputation": "Reputación",
+	"posts": "Posts"
+}

public/language/es/unread.json

@@ -0,0 +1,5 @@
+{
+	"no_unread_topics": "No hay temas nuevos para leer.",
+	"mark_all_read": "Marcar todo como leeido",
+	"load_more": "Cargar más"
+}

public/language/es/user.json

@@ -0,0 +1,36 @@
+{
+	"banned": "Banneado",
+	"offline": "Desconectado",
+	"email": "Email",
+	"fullname": "Nombre Completo",
+	"website": "Website",
+	"location": "Ubicación",
+	"age": "Edad",
+	"joined": "Registro",
+	"profile_views": "Visitas en su perfil",
+	"reputation": "Reputación",
+	"posts": "Posts",
+	"followers": "Seguidores",
+	"following": "Siguiendo",
+	"signature": "Firma",
+	"gravatar": "Gravatar",
+	"birthday": "Cumpleaños",
+
+	"change_picture": "Cambiar Foto",
+	"edit": "Editar",
+	"uploaded_picture": "Fotos Cargadas",
+	"upload_new_picture": "Cargar Nueva Foto",
+	"change_password": "Cambiar Contraseña",
+	"confirm_password": "Confirmar Contraseña",
+	"password": "Contraseña",
+
+	"upload_picture": "Cargar foto",
+	"upload_a_picture": "Cargar una foto",
+	"image_spec": "Solo puedes usar PNG, JPG, o GIF hasta 256kb.",
+
+	"settings": "Opciones",
+	"show_email": "Mostrar mi Email",
+
+	"has_no_follower": "Este miembro no tiene seguidores :(",
+	"follows_no_one": "Este miembro no sigue a nadie, que pena :("
+}

public/language/es/users.json

@@ -0,0 +1,9 @@
+{
+	"latest_users": "Ultimos Miembros",
+	"top_posters": "Top Posteadores",
+	"most_reputation": "Mayor Reputación",
+	"online": "Conectados",
+	"search": "Buscar",
+	"enter_username": "Ingresa el nombre de usuario para buscar",
+	"load_more": "Cargar más"
+}

public/language/fr/category.json

@@ -0,0 +1,14 @@
+{
+	"new_topic_button": "Nouveau Sujet",
+	"no_topics": "<strong>Il n'y a aucun topic dans cette catégorie.</strong><br />Pourquoi ne pas en créer un?",
+	"sidebar.recent_replies": "Réponses Récentes",
+	"sidebar.active_participants": "Participants Actifs",
+	"sidebar.moderators": "Modérateurs",
+	"posts": "messages",
+	"views": "vues",
+	"posted": "posté",
+	"browsing": "naviguer",
+	"no_replies": "Personne n'a répondu",
+	"replied": "répondu",
+	"last_edited_by": "dernière édition par"
+}

public/language/fr/footer.json

@@ -0,0 +1,10 @@
+{
+	"chat.chatting_with": "Chat avec <span id=\"chat-with-name\"></span>",
+	"chat.placeholder": "taper le message ici, presser entrer pour envoyer",
+	"chat.send": "Envoyer",
+	"stats.online": "Online",
+	"stats.users": "Utilisateurs",
+	"stats.topics": "Sujets",
+	"stats.posts": "Message",
+	"success": "succès"
+}

public/language/fr/global.json

@@ -0,0 +1,31 @@
+{
+	"home": "Accueil",
+	"search": "Recherche",
+	"buttons.close": "Fermer",
+	"403.title": "Accès Refusé",
+	"403.message": "Il semble que vous vous soyez retrouvé sur une page dont vous n'avez pas accès. Peut-être devriez vous <a href='/login'>essayez de vous connecter</a>?",
+	"404.title": "Introuvable",
+	"404.message": "Il semble que vous vous soyez retrouvé sur une page qui n'existe pas. Retourner à <a href='/'>l'accueil</a>.",
+	"500.title": "Erreur Interne.",
+	"500.message": "Oops! Il semblerait que quelque chose se soit mal passé!",
+
+	"register": "S'inscrire",
+	"login": "Connecter",
+
+	"logout": "Déconnection",
+	"logout.title": "Vous êtes maintenant déconnecté.",
+	"logout.message": "Vous vous êtes déconnecté de NodeBB avec succès",
+
+	"save_changes": "Enregistrer les changements",
+	"close": "Fermer",
+
+	"header.admin": "Admin",
+	"header.recent": "Récent",
+	"header.unread": "Non Lu",
+	"header.users": "Utilisateurs",
+	"header.search": "Recherche",
+	"header.profile": "Profile",
+
+	"notifications.loading": "Chargement des Notifications",
+	"chats.loading": "Chargement des Chats"
+}

public/language/fr/login.json

@@ -0,0 +1,10 @@
+{
+	"login": "Connexion",
+	"username": "Identifiant",
+	"password": "Mot de passe",
+	"remember_me": "Se souvenir de moi?",
+	"forgot_password": "Mot de passe oublié?",
+	"alternative_logins": "Connexion Alternative",
+	"failed_login_attempt": "Echèc d'authentification, veuillez réessayer.",
+	"login_successful": "Vous êtes maintenant connecté!"
+}

public/language/fr/notifications.json

@@ -0,0 +1,9 @@
+{
+	"title": "Notifications",
+	"back_to_home": "retour à NodeBB",
+	"mark_all_as_read": "Tout marquer comme lu",
+	"outgoing_link": "Lien Sortant",
+	"outgoing_link_message": "Vous quitter NodeBB",
+	"continue_to": "Continuer vers",
+	"return_to": "Retour vers"
+}

public/language/fr/recent.json

@@ -0,0 +1,5 @@
+{
+	"day": "Jour",
+	"week": "Semaine",
+	"month": "Mois"
+}

public/language/fr/register.json

@@ -0,0 +1,16 @@
+{
+	"register": "S'inscrire",
+	"help.email": "Par défault, votre email est masqué du public.",
+	"help.username_restrictions": "Un identifiant unique entre %1 et %2 charactères. Les autres utilisateurs peuvent vous citer avec @<span id='yourUsername'>username</span>.",
+	"help.minimum_password_length": "Votre mot de passe doit avoir au moins %1 charactères.",
+	"email_address": "Adresse Email",
+	"email_address_placeholder": "Entrer l'addresse Email",
+	"username": "Nom d'utilisateur",
+	"username_placeholder": "Entré le Nom d'utilisateur",
+	"password": "Mot de passe",
+	"password_placeholder": "Entrer le Mot de passe",
+	"confirm_password": "Confirmer le Mot de passe",
+	"confirm_password_placeholder": "Confirmer le Mot de passe",
+	"register_now_button": "S'enregistrer maintenant",
+	"alternative_registration": "Enregistrement Alternatif"
+}

public/language/fr/reset_password.json

@@ -0,0 +1,13 @@
+{
+	"reset_password": "Réinitialiser le Mot de passe",
+	"update_password": "Mettre à jour le Mot de passe",
+	"password_changed.title": "Mot de passe modifié",
+	"password_changed.message": "<p>Mot de passe réinitialisé avec succès, veuillez vous <a href=\"/login\">reconnecter</a>.",
+	"wrong_reset_code.title": "Code de Réinisialisation Incorrect",
+	"wrong_reset_code.message": "Le Code de Réinisialisation est Incorrect. Veillez réessayer, ou <a href=\"/reset\">demander un nouveau Code de Réinisialisation</a>.",
+	"new_password": "Nouveau Mot de passe",
+	"repeat_password": "Confirmer le Mot de passe",
+	"enter_email": "Veuillez entrer votre <strong>adresse email</strong> et vous recevrez un email avec les instruction pour réinitialiser votre compte.",
+	"password_reset_sent": "Réinitialisation de Mot de Passe Envoyée",
+	"invalid_email": "Email Invalide / L'Email n'existe pas!"
+}

public/language/fr/topic.json

@@ -0,0 +1,42 @@
+{
+	"topic": "Sujet",
+	"topics": "Sujets",
+
+	"no_topics_found": "Aucun sujet trouvé!",
+
+	"profile": "Profile",
+	"posted_by": "Envoyé by",
+	"chat": "Chat",
+	"notify_me": "Être notifié des réponses dans ce sujet",
+	"quote": "Citer",
+	"reply": "Répondre",
+	"edit": "Editer",
+	"delete": "Supprimer",
+	"banned": "bannir",
+	"link": "Lien",
+
+	"thread_tools.title": "Outils du Fil",
+	"thread_tools.pin": "Epingler le fil",
+	"thread_tools.lock": "Verrouiller le fil",
+	"thread_tools.move": "Déplacer le fil",
+	"thread_tools.delete": "Supprimer le fil",
+
+	"load_categories": "Chargement des Categories",
+	"disabled_categories_note": "Les Catégories Désactivées sont grisées",
+	"confirm_move": "Déplacer",
+
+	"favourite": "Favoris",
+	"favourites": "Favoris",
+	"favourites.not_logged_in.title": "Non Connecté",
+	"favourites.not_logged_in.message": "Veuillez vous connecter avant de mettre ce message en Favoris",
+	"favourites.has_no_favourites": "Vous n'avez aucun Favoris, mettre en favoris des messages pour les voir apparaître ici!",
+
+	"posted_by": "posté par",
+	"loading": "Chargement",
+	"more_posts": "d'autres Messages",
+	"move_topic": "Déplacer le Sujet",
+	"topic_will_be_moved_to": "Ce sujet sera déplacé vers la catégorie",
+
+	"reputation": "réputation",
+	"posts": "messages"
+}

public/language/fr/unread.json

@@ -0,0 +1,5 @@
+{
+	"no_unread_topics": "Aucun sujet non lu.",
+	"mark_all_read": "Marquer tout comme lu",
+	"load_more": "Charger la suite"
+}

public/language/fr/user.json

@@ -0,0 +1,36 @@
+{
+	"banned": "Banni",
+	"offline": "Hors-ligne",
+	"email": "email",
+	"fullname": "Nom",
+	"website": "Site Web",
+	"location": "Emplacement",
+	"age": "age",
+	"joined": "adhésion",
+	"profil_views": "vues du profil",
+	"reputation": "réputation",
+	"posts": "messages",
+	"followers": "suiveurs",
+	"following": "suivis",
+	"signature": "signature",
+	"gravatar": "gravatar",
+	"birthday": "anniversaire",
+
+	"change_picture": "changer d'image",
+	"edit": "editer",
+	"uploaded_picture": "images uploadées",
+	"upload_new_picture": "uploader une nouvelle image",
+	"change_password": "chnger le mot de passe",
+	"confirm_password": "confirmer le mot de passe",
+	"password": "mot de passe",
+
+	"upload_picture": "Uploader un image",
+	"upload_a_picture": "Uploader un image",
+	"image_spec": "Vous pouvez uploader seulement des fichiers de types PNG, JPG, ou GIF en dessous de 256kb.",
+
+	"settings": "paramètres",
+	"show_my_email": "montrer mon email",
+
+	"has_no_follower": "Cet utilisateur n'a aucun suiver :(",
+	"follows_no_one": "Cet utilisateur ne suit personne :("
+}

public/language/fr/users.json

@@ -0,0 +1,9 @@
+{
+	"latest_users": "Derniers Utilisateurs",
+	"top_posters": "Meilleurs Publieur",
+	"most_reputation": "Meilleur Réputation",
+	"online": "En Ligne",
+	"search": "Rechercher",
+	"enter_username": "Entrer un nom d'utilisateur pour rechercher",
+	"load_more": "Charger la suite"
+}

public/src/ajaxify.js

@@ -1,5 +1,6 @@
-var ajaxify = {};
+"use strict";
 
+var ajaxify = {};
 
 (function ($) {
 	/*global app, templates, utils*/
@@ -23,19 +24,27 @@ var ajaxify = {};
 
 	window.onpopstate = function (event) {
 		// "quiet": If set to true, will not call pushState
-		if (event !== null && event.state && event.state.url !== undefined)
-			ajaxify.go(event.state.url, null, null, true);
+		if (event !== null && event.state && event.state.url !== undefined) {
+			ajaxify.go(event.state.url, null, true);
+		}
 	};
 
-	var pagination;
+	var pagination, paginator_bar;
 
-	ajaxify.go = function (url, callback, template, quiet) {
+	ajaxify.currentPage = null;
+
+	ajaxify.go = function (url, callback, quiet) {
 		// start: the following should be set like so: ajaxify.onchange(function(){}); where the code actually belongs
 		$(window).off('scroll');
-		app.enter_room('global');
+		app.enterRoom('global');
 
 		pagination = pagination || document.getElementById('pagination');
-		if (pagination) pagination.parentNode.style.display = 'none';
+		paginator_bar = pagination ? document.body.querySelector('.progress-container') : undefined;
+		if (pagination) {
+			pagination.parentNode.style.display = 'none';
+			paginator_bar.style.display = 'none';
+		}
+
 		window.onscroll = null;
 		// end
 
@@ -62,41 +71,61 @@ var ajaxify = {};
 		}
 
 		if (templates.is_available(tpl_url) && !templates.force_refresh(tpl_url)) {
-			if (quiet !== true) {
+			ajaxify.currentPage = tpl_url;
+
 			if (window.history && window.history.pushState) {
-					window.history.pushState({
-						"url": url
-					}, url, RELATIVE_PATH + "/" + url);
+				window.history[!quiet ? 'pushState' : 'replaceState']({
+					url: url
+				}, url, RELATIVE_PATH + '/' + url);
+
+				$.ajax(RELATIVE_PATH + '/plugins/fireHook', {
+					type: 'PUT',
+					data: {
+						_csrf: $('#csrf_token').val(),
+						hook: 'page.load',
+						args: {
+							template: tpl_url,
+							url: url,
+							uid: app.uid
 						}
 					}
+				});
+			}
 
 			translator.load(tpl_url);
 
-			jQuery('#footer, #content').fadeOut(100);
+			jQuery('#footer, #content').removeClass('hide').addClass('ajaxifying');
 
 			templates.flush();
 			templates.load_template(function () {
 				exec_body_scripts(content);
 				require(['forum/' + tpl_url], function(script) {
-					if (script && script.init) script.init();
+					if (script && script.init) {
+						script.init();
+					}
 				});
 
 				if (callback) {
 					callback();
 				}
 
-				app.process_page();
+				app.processPage();
 
-				jQuery('#content, #footer').stop(true, true).fadeIn(200, function () {
-					if (window.location.hash)
+				jQuery('#content, #footer').stop(true, true).removeClass('ajaxifying');
+
+				if (window.location.hash) {
 					hash = window.location.hash;
-					if (hash)
-						app.scrollToPost(hash.substr(1));
+				}
+
+				if (hash) {
+					require(['forum/topic'], function(topic) {
+						topic.scrollToPost(hash.substr(1));
 					});
+				}
 
-				utils.refreshTitle(url);
+				app.refreshTitle(url);
 
-			}, url, template);
+			}, url);
 
 			return true;
 		}
@@ -104,28 +133,36 @@ var ajaxify = {};
 		return false;
 	};
 
+	ajaxify.refresh = function() {
+		ajaxify.go(ajaxify.currentPage);
+	};
+
 	$('document').ready(function () {
-		if (!window.history || !window.history.pushState) return; // no ajaxification for old browsers
+		if (!window.history || !window.history.pushState) {
+			return; // no ajaxification for old browsers
+		}
 
 		content = content || document.getElementById('content');
 
 		// Enhancing all anchors to ajaxify...
 		$(document.body).on('click', 'a', function (e) {
 			function hrefEmpty(href) {
-				return href == 'javascript:;' || href == window.location.href + "#" || href.slice(-1) === "#";
+				return href === 'javascript:;' || href === window.location.href + "#" || href.slice(-1) === "#";
 			}
 
-			if (hrefEmpty(this.href) || this.target !== '' || this.protocol === 'javascript:')
+			if (hrefEmpty(this.href) || this.target !== '' || this.protocol === 'javascript:') {
 				return;
+			}
 
-			if(!window.location.pathname.match(/\/(403|404)$/g))
+			if(!window.location.pathname.match(/\/(403|404)$/g)) {
 				app.previousUrl = window.location.href;
+			}
 
-			if (this.getAttribute('data-ajaxify') == 'false') {
+			if (this.getAttribute('data-ajaxify') === 'false') {
 				return;
 			}
 
-			if (!e.ctrlKey && e.which === 1) {
+			if ((!e.ctrlKey && !e.shiftKey) && e.which === 1) {
 				if (this.host === window.location.host) {
 					// Internal link
 					var url = this.href.replace(rootUrl + '/', '');

public/src/app.js

@@ -1,16 +1,16 @@
 var socket,
 	config,
 	app = {
-		'username': null,
-		'uid': null
+		"username": null,
+		"uid": null,
+		"isFocused": true,
+		"currentRoom": null
 	};
 
 (function () {
 	var showWelcomeMessage = false;
 
-
 	app.loadConfig = function() {
-
 		$.ajax({
 			url: RELATIVE_PATH + '/api/config',
 			success: function (data) {
@@ -47,11 +47,40 @@ var socket,
 
 					socket.on('connect', function (data) {
 						if (reconnecting) {
-							reconnectEl.html('<i class="icon-ok"></i> Connected!');
+							reconnectEl.tooltip('destroy');
+							reconnectEl.html('<i class="fa fa-check"></i>');
 							reconnecting = false;
 
+							// Rejoin room that was left when we disconnected
+							var	url_parts = document.location.pathname.slice(RELATIVE_PATH.length).split('/').slice(1),
+								room;
+							switch(url_parts[0]) {
+								case 'user':
+									room = 'user/' + templates.get('theirid');
+								case 'topic':
+									room = 'topic_' + url_parts[1];
+									break;
+								case 'category':
+									room = 'category_' + url_parts[1];
+									break;
+								case 'recent':	// intentional fall-through
+								case 'unread':
+									room = 'recent_posts';
+									break;
+								case 'admin':
+									room = 'admin';
+									break;
+
+								default:
+									room = 'global';
+									break;
+							}
+							app.enterRoom(room, true);
+
+							socket.emit('reconnected');
+
 							setTimeout(function() {
-								reconnectEl.removeClass('active');
+								reconnectEl.removeClass('active').addClass("hide");
 							}, 3000);
 						}
 
@@ -74,8 +103,12 @@ var socket,
 						if (!reconnectEl) reconnectEl = $('#reconnect');
 						reconnecting = true;
 
-						reconnectEl.addClass('active');
-						reconnectEl.html('<i class="icon-spinner icon-spin"></i> Reconnecting...');
+						if (!reconnectEl.hasClass('active')) reconnectEl.html('<i class="fa fa-spinner fa-spin"></i>');
+						reconnectEl.addClass('active').removeClass("hide");
+
+						reconnectEl.tooltip({
+							placement: 'bottom'
+						});
 					});
 
 					socket.on('api:user.get_online_users', function (users) {
@@ -88,10 +121,10 @@ var socket,
 
 							if (uid && jQuery.inArray(uid, users) !== -1) {
 								el.find('i').remove();
-								el.prepend('<i class="icon-circle"></i>');
+								el.prepend('<i class="fa fa-circle"></i>');
 							} else {
 								el.find('i').remove();
-								el.prepend('<i class="icon-circle-blank"></i>');
+								el.prepend('<i class="fa fa-circle-o"></i>');
 							}
 
 							el.processed = true;
@@ -125,25 +158,25 @@ var socket,
 						setTimeout(app.logout, 1000);
 					});
 
-					app.enter_room('global');
+					app.enterRoom('global');
 				}
 			},
 			async: false
 		});
-	}
+	};
 
 	app.logout = function() {
 		$.post(RELATIVE_PATH + '/logout', {
 			_csrf: $('#csrf_token').val()
 		}, function() {
-			window.location.reload(false);
+			window.location.href = RELATIVE_PATH + '/';
 		});
-	}
+	};
 
 	// takes a string like 1000 and returns 1,000
 	app.addCommas = function (text) {
 		return text.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
-	}
+	};
 
 	// Willingly stolen from: http://phpjs.org/functions/strip_tags/
 	app.strip_tags = function (input, allowed) {
@@ -154,7 +187,7 @@ var socket,
 		return input.replace(commentsAndPhpTags, '').replace(tags, function ($0, $1) {
 			return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : '';
 		});
-	}
+	};
 
 	// use unique alert_id to have multiple alerts visible at a time, use the same alert_id to fade out the current instance
 	// type : error, success, info, warning/notify
@@ -186,46 +219,38 @@ var socket,
 			clearTimeout(alert.attr('timeoutId'));
 			startTimeout(alert, params.timeout);
 		} else {
-			var div = document.createElement('div'),
-				button = document.createElement('button'),
-				strong = document.createElement('strong'),
-				p = document.createElement('p');
+			var div = $('<div id="' + alert_id + '" class="alert toaster-alert alert-' + params.type +'"></div>'),
+				button = $('<button class="close">&times;</button>'),
+				strong = $('<strong>' + title + '</strong>'),
+				p = $('<p>' + params.message + '</p>');
 
-			p.innerHTML = params.message;
-			strong.innerHTML = title;
+			div.append(button)
+				.append(strong)
+				.append(p);
 
-			div.className = "alert toaster-alert " + "alert-" + params.type;
-
-			div.setAttribute('id', alert_id);
-			div.appendChild(button);
-			div.appendChild(strong);
-			div.appendChild(p);
-
-			button.className = 'close';
-			button.innerHTML = '&times;';
-			button.onclick = function (ev) {
-				div.parentNode.removeChild(div);
-			}
+			button.on('click', function () {
+				div.remove();
+			});
 
 			if (params.location == null)
 				params.location = 'alert_window';
 
-			jQuery('#' + params.location).prepend(jQuery(div).fadeIn('100'));
+			$('#' + params.location).prepend(div.fadeIn('100'));
 
 			if (params.timeout) {
 				startTimeout(div, params.timeout);
 			}
 
 			if (params.clickfn) {
-				div.onclick = function () {
+				div.on('click', function () {
 					params.clickfn();
-					jQuery(div).fadeOut(500, function () {
-						this.remove();
+					div.fadeOut(500, function () {
+						$(this).remove();
+					});
 				});
 			}
 		}
-		}
-	}
+	};
 
 	app.alertSuccess = function (message, timeout) {
 		if (!timeout)
@@ -237,7 +262,7 @@ var socket,
 			type: 'success',
 			timeout: timeout
 		});
-	}
+	};
 
 	app.alertError = function (message, timeout) {
 		if (!timeout)
@@ -249,24 +274,24 @@ var socket,
 			type: 'danger',
 			timeout: timeout
 		});
-	}
+	};
 
-	app.current_room = null;
-	app.enter_room = function (room) {
+	app.enterRoom = function (room, force) {
 		if (socket) {
-			if (app.current_room === room)
+			if (app.currentRoom === room && !force) {
 				return;
+			}
 
 			socket.emit('event:enter_room', {
 				'enter': room,
-				'leave': app.current_room
+				'leave': app.currentRoom
 			});
 
-			app.current_room = room;
+			app.currentRoom = room;
 		}
 	};
 
-	app.populate_online_users = function () {
+	app.populateOnlineUsers = function () {
 		var uids = [];
 
 		jQuery('.post-row').each(function () {
@@ -274,11 +299,9 @@ var socket,
 		});
 
 		socket.emit('api:user.get_online_users', uids);
-	}
-
-	app.process_page = function () {
-		app.populate_online_users();
+	};
 
+	function highlightNavigationLink() {
 		var path = window.location.pathname,
 			parts = path.split('/'),
 			active = parts[parts.length - 1];
@@ -295,14 +318,39 @@ var socket,
 				}
 			});
 		}
+	};
+
+	app.createUserTooltips = function() {
+		$('img[title].teaser-pic,img[title].user-img').each(function() {
+			$(this).tooltip({
+				placement: 'top',
+				title: $(this).attr('title')
+			});
+		});
+	};
+
+	app.makeNumbersHumanReadable = function(elements) {
+		elements.each(function() {
+			$(this).html(utils.makeNumberHumanReadable($(this).attr('title')));
+		});
+	};
+
+	app.processPage = function () {
+		app.populateOnlineUsers();
+
+		highlightNavigationLink();
 
 		$('span.timeago').timeago();
 		$('.post-content img').addClass('img-responsive');
 
+		app.makeNumbersHumanReadable($('.human-readable-number'));
+
+		app.createUserTooltips();
+
 		setTimeout(function () {
 			window.scrollTo(0, 1); // rehide address bar on mobile after page load completes.
 		}, 100);
-	}
+	};
 
 	app.showLoginMessage = function () {
 		function showAlert() {
@@ -322,15 +370,37 @@ var socket,
 				showAlert();
 			}
 		}
-	}
+	};
 
 	app.addCommasToNumbers = function () {
 		$('.formatted-number').each(function (index, element) {
 			$(element).html(app.addCommas($(element).html()));
 		});
-	}
+	};
 
 	app.openChat = function (username, touid) {
+		if (username === app.username) {
+			app.alert({
+				type: 'warning',
+				title: 'Invalid Chat',
+				message: "You can't chat with yourself!",
+				timeout: 5000
+			});
+
+			return;
+		}
+
+		if (!app.username) {
+			app.alert({
+				type: 'danger',
+				title: 'Not Logged In',
+				message: 'Please log in to chat with <strong>' + username + '</strong>',
+				timeout: 5000
+			});
+
+			return;
+		}
+
 		require(['chat'], function (chat) {
 			var chatModal;
 			if (!chat.modalExists(touid)) {
@@ -341,62 +411,7 @@ var socket,
 			chat.load(chatModal.attr('UUID'));
 			chat.center(chatModal);
 		});
-	}
-
-	app.createNewPosts = function (data) {
-		if (data.posts[0].uid !== app.uid) {
- 			data.posts[0].display_moderator_tools = 'none';
- 		}
-
-		var html = templates.prepare(templates['topic'].blocks['posts']).parse(data);
-		translator.translate(html, function(translatedHTML) {
-			var uniqueid = new Date().getTime(),
-				tempContainer = jQuery('<div id="' + uniqueid + '"></div>')
-					.appendTo("#post-container")
-					.hide()
-					.append(translatedHTML)
-					.fadeIn('slow');
-
-			for (var x = 0, numPosts = data.posts.length; x < numPosts; x++) {
-				socket.emit('api:post.privileges', data.posts[x].pid);
-			}
-
-			tempContainer.replaceWith(tempContainer.contents());
-			infiniteLoaderActive = false;
-
-			app.populate_online_users();
-			app.addCommasToNumbers();
-			$('span.timeago').timeago();
-			$('.post-content img').addClass('img-responsive');
-		});
-	}
-
-	app.infiniteLoaderActive = false;
-
-	app.loadMorePosts = function (tid, callback) {
-		if (app.infiniteLoaderActive)
-			return;
-		app.infiniteLoaderActive = true;
-
-		if ($('#loading-indicator').attr('done') === '0')
-			$('#loading-indicator').removeClass('hide');
-
-		socket.emit('api:topic.loadMore', {
-			tid: tid,
-			after: document.querySelectorAll('#post-container li[data-pid]').length
-		}, function (data) {
-			app.infiniteLoaderActive = false;
-			if (data.posts.length) {
-				$('#loading-indicator').attr('done', '0');
-				app.createNewPosts(data);
-			} else {
-				$('#loading-indicator').attr('done', '1');
-			}
-			$('#loading-indicator').addClass('hide');
-			if (callback)
-				callback(data.posts);
-		});
-	}
+	};
 
 	app.scrollToTop = function () {
 		$('body,html').animate({
@@ -408,56 +423,66 @@ var socket,
 		$('body,html').animate({
 			scrollTop: $('html').height() - 100
 		});
+	};
+
+	var	titleObj = {
+			active: false,
+			interval: undefined,
+			titles: []
+		};
+	app.alternatingTitle = function (title) {
+		if (typeof title !== 'string') return;
+
+		if (title.length > 0) {
+			titleObj.titles[1] = title;
+			if (titleObj.interval) {
+				clearInterval(titleObj.interval);
+			}
+			titleObj.interval = setInterval(function() {
+				window.document.title = titleObj.titles[titleObj.titles.indexOf(window.document.title) ^ 1];
+			}, 2000);
+		} else {
+			if (titleObj.interval) {
+				clearInterval(titleObj.interval);
+			}
+			if (titleObj.titles[0]) window.document.title = titleObj.titles[0];
+		}
+	};
+
+	app.refreshTitle = function(url) {
+		if (!url) {
+			var a = document.createElement('a');
+			a.href = document.location;
+			url = a.pathname.slice(1);
 		}
 
-	app.scrollToPost = function (pid) {
-
-		if (!pid)
-			return;
-
-		var container = $(document.body),
-			scrollTo = $('#post_anchor_' + pid),
-			tid = $('#post-container').attr('data-tid');
-
-		function animateScroll() {
-			$('body,html').animate({
-				scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() - $('#header-menu').height()
-			}, 400);
-			//$('body,html').scrollTop(scrollTo.offset().top - container.offset().top + container.scrollTop() - $('#header-menu').height());
-		}
-
-		if (!scrollTo.length && tid) {
-
-			var intervalID = setInterval(function () {
-				app.loadMorePosts(tid, function (posts) {
-					scrollTo = $('#post_anchor_' + pid);
-
-					if (tid && scrollTo.length) {
-						animateScroll();
-					}
-
-					if (!posts.length || scrollTo.length)
-						clearInterval(intervalID);
+		socket.emit('api:meta.buildTitle', url, function(title, numNotifications) {
+			titleObj.titles[0] = (numNotifications > 0 ? '(' + numNotifications + ') ' : '') + title;
+			app.alternatingTitle('');
 		});
-			}, 100);
-
-		} else if (tid) {
-			animateScroll();
-		}
-
-	}
+	};
 
 	jQuery('document').ready(function () {
 		$('#search-form').on('submit', function () {
 			var input = $(this).find('input');
-			ajaxify.go("search/" + input.val(), null, "search");
+			ajaxify.go("search/" + input.val());
 			input.val('');
 			return false;
 		});
+
+		$(window).blur(function(){
+			app.isFocused = false;
+		});
+
+		$(window).focus(function(){
+			app.isFocused = true;
+
+			app.alternatingTitle('');
+		});
 	});
 
 	showWelcomeMessage = location.href.indexOf('loggedin') !== -1;
 
 	app.loadConfig();
-
+	app.alternatingTitle('');
 }());

public/src/forum/account.js

@@ -10,24 +10,28 @@ define(['forum/accountheader'], function(header) {
 
 		$(document).ready(function() {
 			var username = $('.account-username a').html();
-			app.enter_room('user/' + theirid);
+			app.enterRoom('user/' + theirid);
 
 			app.addCommasToNumbers();
+			$('.user-recent-posts img').addClass('img-responsive');
 
 			var followBtn = $('#follow-btn');
 			var unfollowBtn = $('#unfollow-btn');
+			var chatBtn = $('#chat-btn');
 
 			if (yourid !== theirid && yourid !== "0") {
 				if (isFollowing) {
-					followBtn.hide();
-					unfollowBtn.show();
+					followBtn.addClass('hide');
+					unfollowBtn.removeClass('hide');
 				} else {
-					followBtn.show();
-					unfollowBtn.hide();
+					followBtn.removeClass('hide');
+					unfollowBtn.addClass('hide');
 				}
+				chatBtn.removeClass('hide');
 			} else {
-				followBtn.hide();
-				unfollowBtn.hide();
+				followBtn.addClass('hide');
+				unfollowBtn.addClass('hide');
+				chatBtn.addClass('hide');
 			}
 
 			followBtn.on('click', function() {
@@ -35,8 +39,8 @@ define(['forum/accountheader'], function(header) {
 					uid: theirid
 				}, function(success) {
 					if (success) {
-						followBtn.hide();
-						unfollowBtn.show();
+						followBtn.addClass('hide');
+						unfollowBtn.removeClass('hide');
 						app.alertSuccess('You are now following ' + username + '!');
 					} else {
 						app.alertError('There was an error following' + username + '!');
@@ -50,8 +54,8 @@ define(['forum/accountheader'], function(header) {
 					uid: theirid
 				}, function(success) {
 					if (success) {
-						followBtn.show();
-						unfollowBtn.hide();
+						followBtn.removeClass('hide');
+						unfollowBtn.addClass('hide');
 						app.alertSuccess('You are no longer following ' + username + '!');
 					} else {
 						app.alertError('There was an error unfollowing ' + username + '!');
@@ -60,6 +64,10 @@ define(['forum/accountheader'], function(header) {
 				return false;
 			});
 
+			chatBtn.on('click', function() {
+				app.openChat(username, theirid);
+			});
+
 			$('.user-recent-posts .topic-row').on('click', function() {
 				ajaxify.go($(this).attr('topic-url'));
 			});
@@ -71,6 +79,7 @@ define(['forum/accountheader'], function(header) {
 			socket.on('event:new_post', function(data) {
 				var html = templates.prepare(templates['account'].blocks['posts']).parse(data);
 				$('.user-recent-posts').prepend(html);
+				$('.user-recent-posts span.timeago').timeago();
 			});
 
 		});
@@ -81,10 +90,10 @@ define(['forum/accountheader'], function(header) {
 
 		if (data.online) {
 			onlineStatus.find('span span').text('online');
-			onlineStatus.find('i').attr('class', 'icon-circle');
+			onlineStatus.find('i').attr('class', 'fa fa-circle');
 		} else {
 			onlineStatus.find('span span').text('offline');
-			onlineStatus.find('i').attr('class', 'icon-circle-blank');
+			onlineStatus.find('i').attr('class', 'fa fa-circle-o');
 		}
 	};
 

public/src/forum/accountedit.js

@@ -1,11 +1,13 @@
 define(['forum/accountheader', 'uploader'], function(header, uploader) {
-	var AccountEdit = {};
+	var AccountEdit = {},
+		gravatarPicture = '',
+		uploadedPicture = '';
 
 	AccountEdit.init = function() {
 		header.init();
 
-		var gravatarPicture = templates.get('gravatarpicture');
-		var uploadedPicture = templates.get('uploadedpicture');
+		gravatarPicture = templates.get('gravatarpicture');
+		uploadedPicture = templates.get('uploadedpicture');
 
 		var selectedImageType = '';
 
@@ -39,6 +41,17 @@ define(['forum/accountheader', 'uploader'], function(header, uploader) {
 			return false;
 		});
 
+
+		function getSignatureCharsLeft() {
+			return '(' + $('#inputSignature').val().length + '/' + config.maximumSignatureLength + ')';
+		}
+
+		$('#signatureCharCountLeft').html(getSignatureCharsLeft());
+
+		$('#inputSignature').on('keyup change', function(ev) {
+			$('#signatureCharCountLeft').html(getSignatureCharsLeft());
+		});
+
 		$('#changePictureBtn').on('click', function() {
 			selectedImageType = '';
 			AccountEdit.updateImages();
@@ -50,14 +63,14 @@ define(['forum/accountheader', 'uploader'], function(header, uploader) {
 		});
 
 		$('#gravatar-box').on('click', function() {
-			$('#gravatar-box .icon-ok').show();
-			$('#uploaded-box .icon-ok').hide();
+			$('#gravatar-box .fa-check').show();
+			$('#uploaded-box .fa-check').hide();
 			selectedImageType = 'gravatar';
 		});
 
 		$('#uploaded-box').on('click', function() {
-			$('#gravatar-box .icon-ok').hide();
-			$('#uploaded-box .icon-ok').show();
+			$('#gravatar-box .fa-check').hide();
+			$('#uploaded-box .fa-check').show();
 			selectedImageType = 'uploaded';
 		});
 
@@ -82,7 +95,9 @@ define(['forum/accountheader', 'uploader'], function(header, uploader) {
 		$('#uploadPictureBtn').on('click', function() {
 
 			$('#change-picture-modal').modal('hide');
-			uploader.open(config.relative_path + '/user/uploadpicture', function(imageUrlOnServer) {
+			uploader.open(RELATIVE_PATH + '/user/uploadpicture', function(imageUrlOnServer) {
+				imageUrlOnServer = imageUrlOnServer + '?' + new Date().getTime();
+
 				$('#user-current-picture').attr('src', imageUrlOnServer);
 				$('#user-uploaded-picture').attr('src', imageUrlOnServer);
 
@@ -97,6 +112,22 @@ define(['forum/accountheader', 'uploader'], function(header, uploader) {
 			return false;
 		});
 
+		function showError(element, msg) {
+			element.html(msg);
+			element.parent()
+				.removeClass('alert-success')
+				.addClass('alert-danger');
+			element.show();
+			validationError = true;
+		}
+
+		function showSuccess(element, msg) {
+			element.html(msg);
+			element.parent()
+				.removeClass('alert-danger')
+				.addClass('alert-success');
+			element.show();
+		}
 
 		(function handlePasswordChange() {
 			var currentPassword = $('#inputCurrentPassword');
@@ -106,44 +137,31 @@ define(['forum/accountheader', 'uploader'], function(header, uploader) {
 			var password_confirm = $('#inputNewPasswordAgain');
 			var passwordvalid = false;
 			var passwordsmatch = false;
+			var successIcon = '<i class="fa fa-check"></i>';
 
 
 			function onPasswordChanged() {
 				passwordvalid = utils.isPasswordValid(password.val());
 				if (password.val().length < config.minimumPasswordLength) {
-					password_notify.html('Password too short');
-					password_notify.attr('class', 'alert alert-danger');
-					password_notify.removeClass('hide');
+					showError(password_notify, 'Password too short!');
 				} else if (!passwordvalid) {
-					password_notify.html('Invalid password');
-					password_notify.attr('class', 'alert alert-danger');
-					password_notify.removeClass('hide');
+					showError(password_notify, 'Invalid password!');
 				} else {
-					password_notify.html('OK!');
-					password_notify.attr('class', 'alert alert-success');
-					password_notify.removeClass('hide');
+					showSuccess(password_notify, successIcon);
 				}
-
-				onPasswordConfirmChanged();
 			}
 
 			function onPasswordConfirmChanged() {
-				if (password_notify.hasClass('alert-danger') || !password_confirm.val()) {
-					password_confirm_notify.addClass('hide');
-					return;
-				}
+				if(password.val()) {
 					if (password.val() !== password_confirm.val()) {
-					password_confirm_notify.html('Passwords must match!');
-					password_confirm_notify.attr('class', 'alert alert-danger');
-					password_confirm_notify.removeClass('hide');
+						showError(password_confirm_notify, 'Passwords must match!')
 						passwordsmatch = false;
 					} else {
-					password_confirm_notify.html('OK!');
-					password_confirm_notify.attr('class', 'alert alert-success');
-					password_confirm_notify.removeClass('hide');
+						showSuccess(password_confirm_notify, successIcon);
 						passwordsmatch = true;
 					}
 				}
+			}
 
 			password.on('blur', onPasswordChanged);
 			password_confirm.on('blur', onPasswordConfirmChanged);
@@ -159,8 +177,6 @@ define(['forum/accountheader', 'uploader'], function(header, uploader) {
 						currentPassword.val('');
 						password.val('');
 						password_confirm.val('');
-						password_notify.addClass('hide');
-						password_confirm_notify.addClass('hide');
 						passwordsmatch = false;
 						passwordvalid = false;
 
@@ -194,31 +210,33 @@ define(['forum/accountheader', 'uploader'], function(header, uploader) {
 
 	AccountEdit.updateImages = function() {
 		var currentPicture = $('#user-current-picture').attr('src');
-		var gravatarPicture = templates.get('gravatarpicture');
-		var uploadedPicture = templates.get('uploadedpicture');
 
 		if (gravatarPicture) {
 			$('#user-gravatar-picture').attr('src', gravatarPicture);
 			$('#gravatar-box').show();
-		} else
+		} else {
 			$('#gravatar-box').hide();
+		}
 
 		if (uploadedPicture) {
 			$('#user-uploaded-picture').attr('src', uploadedPicture);
 			$('#uploaded-box').show();
-		} else
+		} else {
 			$('#uploaded-box').hide();
+		}
 
 
-		if (currentPicture == gravatarPicture)
-			$('#gravatar-box .icon-ok').show();
-		else
-			$('#gravatar-box .icon-ok').hide();
+		if (currentPicture == gravatarPicture) {
+			$('#gravatar-box .fa-check').show();
+		} else {
+			$('#gravatar-box .fa-check').hide();
+		}
 
-		if (currentPicture == uploadedPicture)
-			$('#uploaded-box .icon-ok').show();
-		else
-			$('#uploaded-box .icon-ok').hide();
+		if (currentPicture == uploadedPicture) {
+			$('#uploaded-box .fa-check').show();
+		} else {
+			$('#uploaded-box .fa-check').hide();
+		}
 	}
 
 	return AccountEdit;

public/src/forum/accountsettings.js

@@ -10,8 +10,8 @@ define(['forum/accountheader'], function(header) {
 				showemail: $('#showemailCheckBox').is(':checked') ? 1 : 0
 			};
 
-			socket.emit('api:user.saveSettings', settings, function(success) {
-				if (success) {
+			socket.emit('api:user.saveSettings', settings, function(err) {
+				if (!err) {
 					app.alertSuccess('Settings saved!');
 				} else {
 					app.alertError('There was an error saving settings!');

public/src/forum/admin/categories.js

@@ -1,4 +1,4 @@
-define(function() {
+define(['uploader'], function(uploader) {
 	var	Categories = {};
 
 	Categories.init = function() {
@@ -18,27 +18,31 @@ define(function() {
 		}
 
 		function select_icon(el) {
-			var selected = el.attr('class').replace(' icon-2x', '');
-			jQuery('#icons .selected').removeClass('selected');
+			var selected = el.attr('class').replace(' fa-2x', '');
+			$('#icons .selected').removeClass('selected');
 			if (selected)
-				jQuery('#icons .' + selected).parent().addClass('selected');
+				$('#icons .' + selected).parent().addClass('selected');
 
 
 			bootbox.confirm('<h2>Select an icon.</h2>' + document.getElementById('icons').innerHTML, function(confirm) {
 				if (confirm) {
-					var iconClass = jQuery('.bootbox .selected').children(':first').attr('class');
-					el.attr('class', iconClass + ' icon-2x');
-					el.val(iconClass);
-					el.attr('value', iconClass);
+					var iconClass = $('.bootbox .selected').children(':first').attr('class');
+
+					el.attr('class', iconClass + ' fa-2x');
+
+					// remove the 'fa ' from the class name, just need the icon name itself
+					var categoryIconClass = iconClass.replace('fa ', '');
+					el.val(categoryIconClass);
+					el.attr('value', categoryIconClass);
 
 					modified(el);
 				}
 			});
 
 			setTimeout(function() { //bootbox was rewritten for BS3 and I had to add this timeout for the previous code to work. TODO: to look into
-				jQuery('.bootbox .col-md-3').on('click', function() {
-					jQuery('.bootbox .selected').removeClass('selected');
-					jQuery(this).addClass('selected');
+				$('.bootbox .col-md-3').on('click', function() {
+					$('.bootbox .selected').removeClass('selected');
+					$(this).addClass('selected');
 				});
 			}, 500);
 		}
@@ -58,13 +62,13 @@ define(function() {
 			}
 		}
 
-		jQuery('#entry-container').sortable({
+		$('#entry-container').sortable({
 			stop: function( event, ui ) {
 				updateCategoryOrders();
 			}
 		});
-		jQuery('.blockclass').each(function() {
-			jQuery(this).val(this.getAttribute('data-value'));
+		$('.blockclass').each(function() {
+			$(this).val(this.getAttribute('data-value'));
 		});
 
 
@@ -77,7 +81,9 @@ define(function() {
 				name: $('#inputName').val(),
 				description: $('#inputDescription').val(),
 				icon: $('#new-category-modal i').val(),
-				blockclass: $('#inputBlockclass').val()
+				bgColor: '#0059b2',
+				color: '#fff',
+				order: $('.admin-categories #entry-container').children().length + 1
 			};
 
 			socket.emit('api:admin.categories.create', category, function(err, data) {
@@ -100,54 +106,50 @@ define(function() {
 			});
 		}
 
-		jQuery('document').ready(function() {
+		$('document').ready(function() {
 			var url = window.location.href,
 				parts = url.split('/'),
 				active = parts[parts.length - 1];
 
-			jQuery('.nav-pills li').removeClass('active');
-			jQuery('.nav-pills li a').each(function() {
+			$('.nav-pills li').removeClass('active');
+			$('.nav-pills li a').each(function() {
 				if (this.getAttribute('href').match(active)) {
-					jQuery(this.parentNode).addClass('active');
+					$(this.parentNode).addClass('active');
 					return false;
 				}
 			});
 
-			jQuery('#save').on('click', save);
-			jQuery('#addNew').on('click', showCreateCategoryModal);
-			jQuery('#create-category-btn').on('click', createNewCategory);
+			$('#save').on('click', save);
+			$('#addNew').on('click', showCreateCategoryModal);
+			$('#create-category-btn').on('click', createNewCategory);
 
-			jQuery('#entry-container').on('click', '.icon', function(ev) {
+			$('#entry-container').on('click', '.icon', function(ev) {
 				select_icon($(this).find('i'));
 			});
 
-			jQuery('#new-category-modal').on('click', '.icon', function(ev) {
+			$('#new-category-modal').on('click', '.icon', function(ev) {
 				select_icon($(this).find('i'));
 			});
 
-			jQuery('.blockclass').on('change', function(ev) {
-				update_blockclass(ev.target);
-			});
-
-			jQuery('.category_name, .category_description, .blockclass').on('change', function(ev) {
+			$('.admin-categories form input').on('change', function(ev) {
 				modified(ev.target);
 			});
 
-			jQuery('.entry-row button').each(function(index, element) {
+			$('.dropdown li[data-disabled]').each(function(index, element) {
 				var disabled = $(element).attr('data-disabled');
-				if (disabled == "0" || disabled == "")
-					$(element).html('Disable');
-				else
-					$(element).html('Enable');
-
+				if (disabled == "0" || disabled == "") {
+					$(element).html('<a href="#"><i class="fa fa-power-off"></i> Disable</a>');
+				} else {
+					$(element).html('<a href="#"><i class="fa fa-power-off"></i> Enable</a>');
+				}
 			});
 
-			jQuery('#entry-container').on('click', '.disable-btn', function(ev) {
-				var btn = jQuery(this);
+			$('.dropdown').on('click', '[data-disabled]', function(ev) {
+				var btn = $(this);
 				var categoryRow = btn.parents('li');
 				var cid = categoryRow.attr('data-cid');
 
-				var disabled = btn.html() == "Disable" ? "1" : "0";
+				var disabled = this.getAttribute('data-disabled') === '0' ? '1' : '0';
 				categoryRow.remove();
 				modified_categories[cid] = modified_categories[cid] || {};
 				modified_categories[cid]['disabled'] = disabled;
@@ -156,6 +158,191 @@ define(function() {
 				return false;
 			});
 
+			// Colour Picker
+			$('[data-name="bgColor"], [data-name="color"]').each(function(idx, inputEl) {
+				var	jinputEl = $(this),
+					previewEl = jinputEl.parents('[data-cid]').find('.preview-box');
+
+				jinputEl.ColorPicker({
+					color: this.value || '#000',
+					onChange: function(hsb, hex) {
+						jinputEl.val('#' + hex);
+						if (inputEl.getAttribute('data-name') === 'bgColor') previewEl.css('background', '#' + hex);
+						else if (inputEl.getAttribute('data-name') === 'color') previewEl.css('color', '#' + hex);
+						modified(inputEl);
+					}
+				});
+			});
+
+			// Permissions modal
+			$('.permissions').on('click', function() {
+				var	cid = $(this).parents('li[data-cid]').attr('data-cid');
+				Categories.launchPermissionsModal(cid);
+			});
+
+
+			$('.upload-button').on('click', function() {
+				var inputEl = this;
+				
+				uploader.open(RELATIVE_PATH + '/admin/category/uploadpicture', function(imageUrlOnServer) {
+					inputEl.value = imageUrlOnServer;
+					$(inputEl).parents('li[data-cid]').find('.preview-box').css('background', 'url(' + imageUrlOnServer + '?' + new Date().getTime() + ')');
+					modified(inputEl);
+				});
+			});
+
+			$('.admin-categories').delegate('.delete-image', 'click', function() {
+				var parent = $(this).parents('li[data-cid]'),
+					inputEl = parent.find('.upload-button'),
+					preview = parent.find('.preview-box'),
+					bgColor = parent.find('.category_bgColor').val();
+
+				inputEl.value = '';
+				modified(inputEl);
+
+				preview.css('background', bgColor);
+
+				$(this).hide();
+			});
+		});
+	};
+
+	Categories.launchPermissionsModal = function(cid) {
+		var	modal = $('#category-permissions-modal'),
+			searchEl = modal.find('#permission-search'),
+			resultsEl = modal.find('.search-results'),
+                        groupsResultsEl = modal.find('.groups-results'),
+			searchDelay;
+
+		searchEl.off().on('keyup', function() {
+			var	searchEl = this,
+				resultsFrag = document.createDocumentFragment(),
+				liEl = document.createElement('li');
+			clearTimeout(searchDelay);
+
+			searchDelay = setTimeout(function() {
+				socket.emit('api:admin.categories.search', searchEl.value, cid, function(err, results) {
+					var	numResults = results.length,
+						resultObj;
+					for(var x=0;x<numResults;x++) {
+						resultObj = results[x];
+
+						liEl.setAttribute('data-uid', resultObj.uid);
+						liEl.innerHTML =	'<div class="pull-right">' +
+												'<div class="btn-group">' +
+													'<button type="button" data-priv="+r" class="btn btn-default' + (resultObj.privileges['+r'] ? ' active' : '') + '">Read</button>' +
+													'<button type="button" data-priv="+w" class="btn btn-default' + (resultObj.privileges['+w'] ? ' active' : '') + '">Write</button>' +
+												'</div>' +
+											'</div>' +
+											'<img src="' + resultObj.picture + '" /> ' + resultObj.username;
+
+						resultsFrag.appendChild(liEl.cloneNode(true));
+					}
+
+					resultsEl.html(resultsFrag);
+				});
+			}, 250);
+		});
+
+		Categories.refreshPrivilegeList(cid);
+
+		resultsEl.off().on('click', '[data-priv]', function(e) {
+			var	btnEl = $(this),
+				uid = btnEl.parents('li[data-uid]').attr('data-uid'),
+				privilege = this.getAttribute('data-priv');
+			e.preventDefault();
+
+			socket.emit('api:admin.categories.setPrivilege', cid, uid, privilege, !btnEl.hasClass('active'), function(err, privileges) {
+				btnEl.toggleClass('active', privileges[privilege]);
+
+				Categories.refreshPrivilegeList(cid);
+			});
+		});
+
+		modal.off().on('click', '.members li > img', function() {
+			searchEl.val(this.getAttribute('title'));
+			searchEl.keyup();
+		});
+
+                // User Groups and privileges
+		socket.emit('api:admin.categories.groupsearch', cid, function(err, results) {
+			var groupsFrag = document.createDocumentFragment(),
+			liEl = document.createElement('li');
+			var numResults = results.length,
+			    resultObj;
+			
+			for(var x=0;x<numResults;x++) {
+				resultObj = results[x];
+				liEl.setAttribute('data-gid', resultObj.gid);
+				liEl.innerHTML = '<div class="pull-right">' +
+							'<div class="btn-group">' +
+							  '<button type="button" data-gpriv="+gr" class="btn btn-default' + (resultObj.privileges['+gr'] ? ' active' : '') + '">Read</button>' +
+							  '<button type="button" data-gpriv="+gw" class="btn btn-default' + (resultObj.privileges['+gw'] ? ' active' : '') + '">Write</button>' +
+							'</div>' +
+						 '</div>' +
+						 ' '+resultObj.name;
+	
+				groupsFrag.appendChild(liEl.cloneNode(true));
+			}
+			
+			groupsResultsEl.html(groupsFrag);
+		});
+		
+		groupsResultsEl.off().on('click', '[data-gpriv]', function(e) {
+			var btnEl = $(this),
+			    gid = btnEl.parents('li[data-gid]').attr('data-gid'),
+			    privilege = this.getAttribute('data-gpriv');
+			e.preventDefault();
+			socket.emit('api:admin.categories.setGroupPrivilege', cid, gid, privilege, !btnEl.hasClass('active'), function(err, privileges) {
+			    btnEl.toggleClass('active', privileges[privilege]);
+			});
+		})
+
+		modal.modal();
+	};
+
+	Categories.refreshPrivilegeList = function (cid) {
+		var	modalEl = $('#category-permissions-modal'),
+			readMembers = modalEl.find('#category-permissions-read'),
+			writeMembers = modalEl.find('#category-permissions-write');
+		socket.emit('api:admin.categories.getPrivilegeSettings', cid, function(err, privilegeList) {
+			var	readLength = privilegeList['+r'].length,
+				writeLength = privilegeList['+w'].length,
+				readFrag = document.createDocumentFragment(),
+				writeFrag = document.createDocumentFragment(),
+				liEl = document.createElement('li'),
+				x, userObj;
+
+			if (readLength > 0) {
+				for(x=0;x<readLength;x++) {
+					userObj = privilegeList['+r'][x];
+					liEl.setAttribute('data-uid', userObj.uid);
+
+					liEl.innerHTML = '<img src="' + userObj.picture + '" title="' + userObj.username + '" />';
+					readFrag.appendChild(liEl.cloneNode(true));
+				}
+			} else {
+				liEl.className = 'empty';
+				liEl.innerHTML = 'No users are in this list';
+				readFrag.appendChild(liEl.cloneNode(true));
+			}
+
+			if (writeLength > 0) {
+				for(x=0;x<writeLength;x++) {
+					userObj = privilegeList['+w'][x];
+					liEl.setAttribute('data-uid', userObj.uid);
+
+					liEl.innerHTML = '<img src="' + userObj.picture + '" title="' + userObj.username + '" />';
+					writeFrag.appendChild(liEl.cloneNode(true));
+				}
+			} else {
+				liEl.className = 'empty';
+				liEl.innerHTML = 'No users are in this list';
+				writeFrag.appendChild(liEl.cloneNode(true));
+			}
+
+			readMembers.html(readFrag);
+			writeMembers.html(writeFrag);
 		});
 	};
 

public/src/forum/admin/groups.js

@@ -45,10 +45,12 @@ define(function() {
 
 					errorEl.html(errorText).removeClass('hide');
 				} else {
-					createModal.modal('hide');
 					errorEl.addClass('hide');
 					createNameEl.val('');
+					createModal.on('hidden.bs.modal', function() {
 						ajaxify.go('admin/groups');
+					});
+					createModal.modal('hide');
 				}
 			});
 		});

public/src/forum/admin/index.js

@@ -20,8 +20,16 @@ define(function() {
 			document.getElementById('connections').innerHTML = total;
 		});
 
-		app.enter_room('admin');
+		app.enterRoom('admin');
 		socket.emit('api:get_all_rooms');
+
+		$('#logout-link').on('click', function() {
+			$.post(RELATIVE_PATH + '/logout', {
+				_csrf: $('#csrf_token').val()
+			}, function() {
+				window.location.href = RELATIVE_PATH + '/';
+			});
+		})
 	};
 
 	return Admin;

public/src/forum/admin/plugins.js

@@ -13,7 +13,7 @@ define(function() {
 
 				socket.on('api:admin.plugins.toggle', function(status) {
 					pluginTgl = document.querySelector('.plugins li[data-plugin-id="' + status.id + '"] button');
-					pluginTgl.innerHTML = '<i class="icon-off"></i> ' + (status.active ? 'Dea' : 'A') + 'ctivate';
+					pluginTgl.innerHTML = '<i class="fa fa-power-off"></i> ' + (status.active ? 'Dea' : 'A') + 'ctivate';
 
 					app.alert({
 						alert_id: 'plugin_toggled_' + status.id,

public/src/forum/admin/settings.js

@@ -32,12 +32,14 @@ define(['uploader'], function(uploader) {
 							break;
 
 						case 'checkbox':
-							fields[x].checked = app.config[key] === '1' ? true : false;
+							fields[x].checked = parseInt(app.config[key], 10) === 1;
 							break;
 					}
 				}
 			} else if (fields[x].nodeName === 'TEXTAREA') {
 				if (app.config[key]) fields[x].value = app.config[key];
+			} else if (fields[x].nodeName === 'SELECT') {
+				if (app.config[key]) fields[x].value = app.config[key];
 			}
 		}
 
@@ -61,6 +63,8 @@ define(['uploader'], function(uploader) {
 					}
 				} else if (fields[x].nodeName === 'TEXTAREA') {
 					value = fields[x].value;
+				} else if (fields[x].nodeName === 'SELECT') {
+					value = fields[x].value;
 				}
 
 				socket.emit('api:config.set', {
@@ -71,13 +75,20 @@ define(['uploader'], function(uploader) {
 		});
 
 		$('#uploadLogoBtn').on('click', function() {
-
-			uploader.open(config.relative_path + '/admin/uploadlogo', function(image) {
+			uploader.open(RELATIVE_PATH + '/admin/uploadlogo', function(image) {
 				$('#logoUrl').val(image);
 			});
 
 			uploader.hideAlerts();
 		});
+
+		$('#uploadFaviconBtn').on('click', function() {
+			uploader.open(RELATIVE_PATH + '/admin/uploadfavicon', function(icon) {
+				$('#faviconUrl').val(icon);
+			});
+
+			uploader.hideAlerts();
+		});
 	};
 
 	Settings.remove = function(key) {

public/src/forum/admin/topics.js

@@ -42,10 +42,15 @@ define(function() {
 
 		loadMoreEl.addEventListener('click', function() {
 			if (this.className.indexOf('disabled') === -1) {
-				var topics = document.querySelectorAll('.topics li[data-tid]'),
-					lastTid = parseInt(topics[topics.length - 1].getAttribute('data-tid'));
+				var topics = document.querySelectorAll('.topics li[data-tid]');
 
-				this.innerHTML = '<i class="icon-refresh icon-spin"></i> Retrieving topics';
+				if(!topics.length) {
+					return;
+				}
+
+				var lastTid = parseInt(topics[topics.length - 1].getAttribute('data-tid'));
+
+				this.innerHTML = '<i class="fa fa-refresh fa-spin"></i> Retrieving topics';
 				socket.emit('api:admin.topics.getMore', {
 					limit: 10,
 					after: lastTid

public/src/forum/admin/users.js

@@ -64,6 +64,40 @@ define(function() {
 			});
 		}
 
+		function handleUserCreate() {
+			$('#createUser').on('click', function() {
+				$('#create-modal').modal('show');
+			});
+
+			$('#create-modal-go').on('click', function() {
+				var username = $('#create-user-name').val(),
+					email = $('#create-user-email').val(),
+					password = $('#create-user-password').val(),
+					passwordAgain = $('#create-user-password-again').val(),
+					errorEl = $('#create-modal-error');
+
+				if(password !== passwordAgain) {
+					return errorEl.html('<strong>Error</strong><p>Passwords must match!</p>').removeClass('hide');
+				}
+
+				var user = {
+					username: username,
+					email: email,
+					password: password
+				};
+
+				socket.emit('api:admin.user.createUser', user, function(err, data) {
+					if(err) {
+						return errorEl.html('<strong>Error</strong><p>' + err + '</p>').removeClass('hide');
+					}
+					$('#create-modal').modal('hide');
+					app.alertSuccess('User created!');
+					ajaxify.go('admin/users');
+				});
+
+			});
+		}
+
 
 		jQuery('document').ready(function() {
 
@@ -91,7 +125,7 @@ define(function() {
 				timeoutId = setTimeout(function() {
 					var username = $('#search-user').val();
 
-					jQuery('.icon-spinner').removeClass('none');
+					jQuery('.fa-spinner').removeClass('none');
 					socket.emit('api:admin.user.search', username);
 
 				}, 250);
@@ -99,6 +133,8 @@ define(function() {
 
 			initUsers();
 
+			handleUserCreate();
+
 			socket.removeAllListeners('api:admin.user.search');
 
 			socket.on('api:admin.user.search', function(data) {
@@ -108,7 +144,7 @@ define(function() {
 					userListEl = document.querySelector('.users');
 
 				userListEl.innerHTML = html;
-				jQuery('.icon-spinner').addClass('none');
+				jQuery('.fa-spinner').addClass('none');
 
 				if (data && data.length === 0) {
 					$('#user-notfound-notify').html('User not found!')

public/src/forum/category.js

@@ -1,18 +1,17 @@
-define(function () {
-	var	Category = {};
+define(['composer'], function(composer) {
+	var Category = {},
+		loadingMoreTopics = false;
 
 	Category.init = function() {
 		var	cid = templates.get('category_id'),
-			room = 'category_' + cid,
 			twitterEl = jQuery('#twitter-intent'),
 			facebookEl = jQuery('#facebook-share'),
 			googleEl = jQuery('#google-share'),
 			twitter_url = templates.get('twitter-intent-url'),
 			facebook_url = templates.get('facebook-share-url'),
-			google_url = templates.get('google-share-url'),
-			loadingMoreTopics = false;
+			google_url = templates.get('google-share-url');
 
-		app.enter_room(room);
+		app.enterRoom('category_' + cid);
 
 		twitterEl.on('click', function () {
 			window.open(twitter_url, '_blank', 'width=550,height=420,scrollbars=no,status=no');
@@ -28,9 +27,7 @@ define(function () {
 		});
 
 		$('#new_post').on('click', function () {
-			require(['composer'], function (cmp) {
-				cmp.push(0, cid);
-			});
+			composer.newTopic(cid);
 		});
 
 		ajaxify.register_events([
@@ -56,7 +53,7 @@ define(function () {
 				li.setAttribute('data-pid', posts[i].pid);
 
 
-				li.innerHTML = '<a href="/user/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-rounded" src="' + posts[i].picture + '" class="" /></a>' +
+				li.innerHTML = '<a href="/user/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-rounded user-img" src="' + posts[i].picture + '" class="" /></a>' +
 					'<a href="/topic/' + posts[i].topicSlug + '#' + posts[i].pid + '">' +
 					'<strong><span>'+ posts[i].username + '</span></strong>' +
 					'<p>' +
@@ -69,6 +66,7 @@ define(function () {
 				recent_replies.appendChild(frag);
 			}
 			$('#category_recent_replies span.timeago').timeago();
+			app.createUserTooltips();
 		});
 
 		$(window).off('scroll').on('scroll', function (ev) {
@@ -83,8 +81,10 @@ define(function () {
 	Category.onNewTopic = function(data) {
 		var html = templates.prepare(templates['category'].blocks['topics']).parse({
 			topics: [data]
-		}),
-			topic = $(html),
+		});
+
+		translator.translate(html, function(translatedHTML) {
+			var topic = $(translatedHTML),
 				container = $('#topics-container'),
 				topics = $('#topics-container').children('.category-item'),
 				numTopics = topics.length;
@@ -94,22 +94,26 @@ define(function () {
 
 			if (numTopics > 0) {
 				for (var x = 0; x < numTopics; x++) {
-				if ($(topics[x]).find('.icon-pushpin').length)
+					if ($(topics[x]).find('.fa-thumb-tack').length) {
+						if(x === numTopics - 1) {
+							topic.insertAfter(topics[x]);
+						}
 						continue;
+					}
 					topic.insertBefore(topics[x]);
-				topic.hide().fadeIn('slow');
 					break;
 				}
 			} else {
 				container.append(topic);
-			topic.hide().fadeIn('slow');
 			}
 
+			topic.hide().fadeIn('slow');
 			socket.emit('api:categories.getRecentReplies', templates.get('category_id'));
 
 			addActiveUser(data);
 
 			$('#topics-container span.timeago').timeago();
+		});
 	}
 
 	function addActiveUser(data) {
@@ -128,22 +132,29 @@ define(function () {
 	}
 
 	Category.onTopicsLoaded = function(topics) {
-
 		var html = templates.prepare(templates['category'].blocks['topics']).parse({
 			topics: topics
-		}),
-			container = $('#topics-container');
+		});
+
+		translator.translate(html, function(translatedHTML) {
+			var container = $('#topics-container');
 
 			jQuery('#topics-container, .category-sidebar').removeClass('hidden');
 			jQuery('#category-no-topics').remove();
 
+			html = $(translatedHTML);
 			container.append(html);
 
 			$('#topics-container span.timeago').timeago();
+			app.makeNumbersHumanReadable(html.find('.human-readable-number'));
+		});
 	}
 
-
 	Category.loadMoreTopics = function(cid) {
+		if (loadingMoreTopics) {
+			return;
+		}
+
 		loadingMoreTopics = true;
 		socket.emit('api:category.loadMore', {
 			cid: cid,

public/src/forum/favourites.js

@@ -3,10 +3,6 @@ define(['forum/accountheader'], function(header) {
 
 	AccountHeader.init = function() {
 		header.init();
-
-		$('.user-favourite-posts .topic-row').on('click', function() {
-			ajaxify.go($(this).attr('topic-url'));
-		});
 	};
 
 	return AccountHeader;

public/src/forum/footer.js

@@ -5,14 +5,15 @@
 	});
 
 	socket.on('api:updateHeader', function(data) {
-		jQuery('#search-button').on('click', function() {
-			jQuery('#search-fields').removeClass('hide').show();
-			jQuery(this).hide();
-			jQuery('#search-fields input').focus()
 
-			jQuery('#search-form').on('submit', function() {
-				jQuery('#search-fields').hide();
-				jQuery('#search-button').show();
+		$('#search-button').on('click', function() {
+			$('#search-fields').removeClass('hide').show();
+			$(this).hide();
+			$('#search-fields input').focus();
+
+			$('#search-form').on('submit', function() {
+				$('#search-fields').hide();
+				$('#search-button').show();
 			});
 
 			$('#search-fields input').on('blur', function() {
@@ -22,16 +23,17 @@
 		});
 
 		var loggedInMenu = $('#logged-in-menu'),
-			isLoggedIn = data.uid > 0;
+			isLoggedIn = data.uid > 0,
+			allowGuestSearching = (data.config || {}).allowGuestSearching === '1';
 
 		if (isLoggedIn) {
-			jQuery('.nodebb-loggedin').show();
-			jQuery('.nodebb-loggedout').hide();
+			$('.nodebb-loggedin').show();
+			$('.nodebb-loggedout').hide();
 
 			$('#logged-out-menu').addClass('hide');
 			$('#logged-in-menu').removeClass('hide');
 
-			$('#search-button').show();
+			$('#search-button').removeClass("hide").show();
 
 			var userLabel = loggedInMenu.find('#user_label');
 
@@ -46,10 +48,14 @@
 				$('#logout-link').on('click', app.logout);
 			}
 		} else {
-			$('#search-button').hide();
+			if (allowGuestSearching) {
+				$('#search-button').removeClass("hide").show();
+			} else {
+				$('#search-button').addClass("hide").hide();
+			}
 
-			jQuery('.nodebb-loggedin').hide();
-			jQuery('.nodebb-loggedout').show();
+			$('.nodebb-loggedin').hide();
+			$('.nodebb-loggedout').show();
 
 			$('#logged-out-menu').removeClass('hide');
 			$('#logged-in-menu').addClass('hide');
@@ -66,7 +72,8 @@
 	var notifContainer = document.getElementsByClassName('notifications')[0],
 		notifTrigger = notifContainer.querySelector('a'),
 		notifList = document.getElementById('notif-list'),
-		notifIcon = document.querySelector('.notifications a i');
+		notifIcon = $('.notifications a');
+
 	notifTrigger.addEventListener('click', function(e) {
 		e.preventDefault();
 		if (notifContainer.className.indexOf('open') === -1) {
@@ -77,7 +84,6 @@
 					numUnread = data.unread.length,
 					x;
 				notifList.innerHTML = '';
-				console.log(data);
 				if ((data.read.length + data.unread.length) > 0) {
 					for (x = 0; x < numUnread; x++) {
 						notifEl.setAttribute('data-nid', data.unread[x].nid);
@@ -105,12 +111,19 @@
 
 				notifList.appendChild(notifFrag);
 
-				if (data.unread.length > 0) notifIcon.className = 'icon-circle active';
-				else notifIcon.className = 'icon-circle-blank';
+				if (data.unread.length > 0) {
+					notifIcon.toggleClass('active', true);
+				} else {
+					notifIcon.toggleClass('active', false);
+				}
 
 				socket.emit('api:notifications.mark_all_read', null, function() {
-					notifIcon.className = 'icon-circle-blank';
-					utils.refreshTitle();
+					notifIcon.toggleClass('active', false);
+					app.refreshTitle();
+
+					// Update favicon + local count
+					Tinycon.setBubble(0);
+					localStorage.setItem('notifications:count', 0);
 				});
 			});
 		}
@@ -135,8 +148,29 @@
 		}
 	});
 
+	var	updateNotifCount = function(count) {
+		// Update notification icon, if necessary
+		if (count > 0) {
+			notifIcon.toggleClass('active', true);
+		} else {
+			notifIcon.toggleClass('active', false);
+		}
+
+		// Update the favicon + saved local count
+		Tinycon.setBubble(count);
+		localStorage.setItem('notifications:count', count);
+	};
+
+	socket.emit('api:notifications.getCount', function(err, count) {
+		if (!err) {
+			updateNotifCount(count);
+		} else {
+			updateNotifCount(0);
+		}
+	});
+
 	socket.on('event:new_notification', function() {
-		document.querySelector('.notifications a i').className = 'icon-circle active';
+		notifIcon.toggleClass('active', true);
 		app.alert({
 			alert_id: 'new_notif',
 			title: 'New notification',
@@ -144,26 +178,93 @@
 			type: 'warning',
 			timeout: 2000
 		});
-		utils.refreshTitle();
+		app.refreshTitle();
+
+		if (ajaxify.currentPage === 'notifications') {
+			ajaxify.refresh();
+		}
+
+		// Update the favicon + local storage
+		var	savedCount = parseInt(localStorage.getItem('notifications:count'),10) || 0;
+		updateNotifCount(savedCount+1);
+	});
+	socket.on('event:notifications.updateCount', function(count) {
+		updateNotifCount(count);
 	});
 
+	// Chats Dropdown
+	var	chatsToggleEl = $('#chat_dropdown'),
+		chatsListEl = $('#chat-list'),
+		chatDropdownEl = chatsToggleEl.parent();
+	chatsToggleEl.on('click', function() {
+		if (chatDropdownEl.hasClass('open')) {
+			return;
+		}
 
-	socket.on('chatMessage', function(data) {
+		socket.emit('api:chats.list', function(chats) {
+			var	chatsFrag = document.createDocumentFragment(),
+				chatEl = document.createElement('li'),
+				numChats = chats.length,
+				x, userObj;
 
+			if (numChats > 0) {
+				for(x=0;x<numChats;x++) {
+					userObj = chats[x];
+					chatEl.setAttribute('data-uid', userObj.uid);
+					chatEl.innerHTML = '<a href="javascript:app.openChat(\'' + userObj.username + '\', ' + userObj.uid + ');"><img src="' + userObj.picture + '" title="' + userObj.username + '" />' + userObj.username + '</a>';
+
+					chatsFrag.appendChild(chatEl.cloneNode(true));
+				}
+			} else {
+				chatEl.innerHTML = '<a href="#">No Recent Chats</a>';
+				chatsFrag.appendChild(chatEl.cloneNode(true));
+			}
+
+			chatsListEl.empty();
+			chatsListEl.html(chatsFrag);
+		});
+	});
+
+	socket.on('event:chats.receive', function(data) {
 		require(['chat'], function(chat) {
 			var modal = null;
 			if (chat.modalExists(data.fromuid)) {
 				modal = chat.getModal(data.fromuid);
 				chat.appendChatMessage(modal, data.message, data.timestamp);
+
+				if (modal.is(":visible")) {
+					chat.load(modal.attr('UUID'));
 				} else {
-				modal = chat.createModal(data.username, data.fromuid);
+					chat.toggleNew(modal.attr('UUID'), true);
 				}
 
-			chat.load(modal.attr('UUID'));
+				if (!modal.is(":visible") || !app.isFocused) {
+					app.alternatingTitle(data.username + ' has messaged you');
+				}
+			} else {
+				modal = chat.createModal(data.username, data.fromuid);
+				chat.toggleNew(modal.attr('UUID'), true);
+				app.alternatingTitle(data.username + ' has messaged you');
+			}
 		});
 	});
 
-	require(['mobileMenu'], function(mobileMenu) {
-		mobileMenu.init();
-	});
+	function updateUnreadCount(count) {
+		var badge = $('#numUnreadBadge');
+			badge.html(count > 20 ? '20+' : count);
+
+			if (count > 0) {
+				badge
+					.removeClass('badge-inverse')
+					.addClass('badge-important');
+			} else {
+				badge
+					.removeClass('badge-important')
+					.addClass('badge-inverse');
+			}
+	}
+
+	socket.on('event:unread.updateCount', updateUnreadCount);
+	socket.emit('api:unread.count', updateUnreadCount);
+
 }());

public/src/forum/login.js

@@ -2,23 +2,6 @@ define(function() {
 	var	Login = {};
 
 	Login.init = function() {		
-		// Alternate Logins
-		var altLoginEl = document.querySelector('.alt-logins');
-		altLoginEl.addEventListener('click', function(e) {
-			var target;
-			switch (e.target.nodeName) {
-				case 'LI':
-					target = e.target;
-					break;
-				case 'I':
-					target = e.target.parentNode;
-					break;
-			}
-			if (target) {
-				document.location.href = target.getAttribute('data-url');
-			}
-		});
-
 		$('#login').on('click', function() {
 			var loginData = {
 				'username': $('#username').val(),
@@ -26,17 +9,23 @@ define(function() {
 				'_csrf': $('#csrf-token').val()
 			};
 
+			$('#login').attr('disabled', 'disabled').html('Logging in...');
+			$('#login-error-notify').hide();
+
 			$.ajax({
 				type: "POST",
 				url: RELATIVE_PATH + '/login',
 				data: loginData,
 				success: function(data, textStatus, jqXHR) {
+
 					if (!data.success) {
 						$('#login-error-notify').show();
+						$('#login').removeAttr('disabled').html('Login');
 					} else {
-						$('#login-error-notify').hide();
-
-						if(!app.previousUrl) { app.previousUrl = '/'; }
+						$('#login').html('Redirecting...');
+						if(!app.previousUrl) {
+							app.previousUrl = '/';
+						}
 
 						if(app.previousUrl.indexOf('/reset/') != -1)
 							window.location.replace(RELATIVE_PATH + "/?loggedin");
@@ -48,6 +37,7 @@ define(function() {
 				},
 				error: function(data, textStatus, jqXHR) {
 					$('#login-error-notify').show();
+					$('#login').removeAttr('disabled').html('Login');
 				},
 				dataType: 'json',
 				async: true,
@@ -63,6 +53,12 @@ define(function() {
 		});
 
 		document.querySelector('#content input').focus();
+
+		if(!config.emailSetup)
+			$('#reset-link').addClass('hide');
+		else
+			$('#reset-link').removeClass('hide');
+
 	};
 
 	return Login;

public/src/forum/recent.js

@@ -8,7 +8,7 @@ define(function() {
 	var active = '';
 
 	Recent.init = function() {
-		app.enter_room('recent_posts');
+		app.enterRoom('recent_posts');
 
 		ajaxify.register_events([
 			'event:new_topic',
@@ -81,16 +81,20 @@ define(function() {
 	}
 
 	Recent.onTopicsLoaded = function(topics) {
-
 		var html = templates.prepare(templates['recent'].blocks['topics']).parse({
 			topics: topics
-		}),
-			container = $('#topics-container');
+		});
+		
+		translator.translate(html, function(translatedHTML) {
+			var container = $('#topics-container');
 
 			$('#category-no-topics').remove();
 
+			html = $(html);
 			container.append(html);
 			$('span.timeago').timeago();
+			app.makeNumbersHumanReadable(html.find('.human-readable-number'));
+		});
 	}
 
 	Recent.loadMoreTopics = function() {

public/src/forum/register.js

@@ -12,7 +12,7 @@ define(function() {
 			password_notify = $('#password-notify'),
 			password_confirm_notify = $('#password-confirm-notify'),
 			validationError = false,
-			successIcon = '<i class="icon icon-ok"></i>';
+			successIcon = '<i class="fa fa-check"></i>';
 
 		$('#referrer').val(app.previousUrl);
 
@@ -41,11 +41,12 @@ define(function() {
 
 			if (!utils.isEmailValid(emailEl.val())) {
 				showError(email_notify, 'Invalid email address.');
-			} else
+			} else {
 				socket.emit('user.email.exists', {
 					email: emailEl.val()
 				});
 			}
+		}
 
 		emailEl.on('blur', function() {
 			validateEmail();
@@ -134,11 +135,6 @@ define(function() {
 			}
 		});
 
-		// Alternate Logins
-		$('.alt-logins li').on('click', function(e) {
-			document.location.href = $(this).attr('data-url');
-		});
-
 		function validateForm() {
 			validationError = false;
 
@@ -151,7 +147,9 @@ define(function() {
 		}
 
 		register.on('click', function(e) {
-			if (validateForm()) e.preventDefault();
+			if (validateForm()) {
+				e.preventDefault();
+			}
 		});
 	};
 

public/src/forum/topic.js

@@ -1,47 +1,42 @@
-define(function() {
-	var	Topic = {};
+define(['composer'], function(composer) {
+	var	Topic = {},
+		infiniteLoaderActive = false,
+		pagination;
+
+	function showBottomPostBar() {
+		if($('#post-container .post-row').length > 1) {
+			$('.topic-main-buttons').removeClass('hide').parent().removeClass('hide');
+		}
+	}
 
 	Topic.init = function() {
 		var expose_tools = templates.get('expose_tools'),
 			tid = templates.get('topic_id'),
-			postListEl = document.getElementById('post-container'),
-			editBtns = document.querySelectorAll('#post-container .post-buttons .edit, #post-container .post-buttons .edit i'),
 			thread_state = {
 				locked: templates.get('locked'),
 				deleted: templates.get('deleted'),
 				pinned: templates.get('pinned')
 			},
-			topic_name = templates.get('topic_name'),
-			twitter_url = templates.get('twitter-intent-url'),
-			facebook_url = templates.get('facebook-share-url'),
-			google_url = templates.get('google-share-url');
+			topic_name = templates.get('topic_name');
 
 
+		function fixDeleteStateForPosts() {
+			var postEls = document.querySelectorAll('#post-container li[data-deleted]');
+			for (var x = 0, numPosts = postEls.length; x < numPosts; x++) {
+				if (postEls[x].getAttribute('data-deleted') === '1') {
+					toggle_post_delete_state(postEls[x].getAttribute('data-pid'));
+				}
+				postEls[x].removeAttribute('data-deleted');
+			}
+		}
+
 		jQuery('document').ready(function() {
 
 			app.addCommasToNumbers();
 
+			app.enterRoom('topic_' + tid);
 
-			var room = 'topic_' + tid,
-				adminTools = document.getElementById('thread-tools');
-
-			app.enter_room(room);
-
-
-			$('.twitter-share').on('click', function () {
-				window.open(twitter_url, '_blank', 'width=550,height=420,scrollbars=no,status=no');
-				return false;
-			});
-
-			$('.facebook-share').on('click', function () {
-				window.open(facebook_url, '_blank', 'width=626,height=436,scrollbars=no,status=no');
-				return false;
-			});
-
-			$('.google-share').on('click', function () {
-				window.open(google_url, '_blank', 'width=500,height=570,scrollbars=no,status=no');
-				return false;
-			});
+			showBottomPostBar();
 
 			// Resetting thread state
 			if (thread_state.locked === '1') set_locked_state(true);
@@ -50,11 +45,10 @@ define(function() {
 
 			if (expose_tools === '1') {
 				var moveThreadModal = $('#move_thread_modal');
-
-				adminTools.style.visibility = 'inherit';
+				$('.thread-tools').removeClass('hide');
 
 				// Add events to the thread tools
-				$('#delete_thread').on('click', function(e) {
+				$('.delete_thread').on('click', function(e) {
 					if (thread_state.deleted !== '1') {
 						bootbox.confirm('Are you sure you want to delete this thread?', function(confirm) {
 							if (confirm) {
@@ -73,7 +67,7 @@ define(function() {
 					return false;
 				});
 
-				$('#lock_thread').on('click', function(e) {
+				$('.lock_thread').on('click', function(e) {
 					if (thread_state.locked !== '1') {
 						socket.emit('api:topic.lock', {
 							tid: tid
@@ -86,7 +80,7 @@ define(function() {
 					return false;
 				});
 
-				$('#pin_thread').on('click', function(e) {
+				$('.pin_thread').on('click', function(e) {
 					if (thread_state.pinned !== '1') {
 						socket.emit('api:topic.pin', {
 							tid: tid
@@ -99,7 +93,7 @@ define(function() {
 					return false;
 				});
 
-				$('#move_thread').on('click', function(e) {
+				$('.move_thread').on('click', function(e) {
 					moveThreadModal.modal('show');
 					return false;
 				});
@@ -108,8 +102,7 @@ define(function() {
 
 					var loadingEl = document.getElementById('categories-loading');
 					if (loadingEl) {
-						socket.once('api:categories.get', function(data) {
-							console.log(data);
+						socket.emit('api:categories.get', function(data) {
 							// Render categories
 							var categoriesFrag = document.createDocumentFragment(),
 								categoryEl = document.createElement('li'),
@@ -125,8 +118,10 @@ define(function() {
 							categoriesEl.className = 'category-list';
 							for (x = 0; x < numCategories; x++) {
 								info = data.categories[x];
-								categoryEl.className = info.blockclass + (info.disabled === '1' ? ' disabled' : '');
-								categoryEl.innerHTML = '<i class="' + info.icon + '"></i> ' + info.name;
+								categoryEl.style.background = info.bgColor;
+								categoryEl.style.color = info.color || '#fff';
+								categoryEl.className = info.disabled === '1' ? ' disabled' : '';
+								categoryEl.innerHTML = '<i class="fa ' + info.icon + '"></i> ' + info.name;
 								categoryEl.setAttribute('data-cid', info.cid);
 								categoriesFrag.appendChild(categoryEl.cloneNode(true));
 							}
@@ -148,7 +143,7 @@ define(function() {
 									commitEl.disabled = true;
 									$(cancelEl).fadeOut(250);
 									$(moveThreadModal).find('.modal-header button').fadeOut(250);
-									commitEl.innerHTML = 'Moving <i class="icon-spin icon-refresh"></i>';
+									commitEl.innerHTML = 'Moving <i class="fa-spin fa-refresh"></i>';
 
 									socket.once('api:topic.move', function(data) {
 										moveThreadModal.modal('hide');
@@ -177,20 +172,15 @@ define(function() {
 								}
 							});
 						});
-						socket.emit('api:categories.get');
 					}
 				});
 			}
 
-			// Fix delete state for this thread's posts
-			var postEls = document.querySelectorAll('#post-container li[data-deleted]');
-			for (var x = 0, numPosts = postEls.length; x < numPosts; x++) {
-				if (postEls[x].getAttribute('data-deleted') === '1') toggle_post_delete_state(postEls[x].getAttribute('data-pid'));
-				postEls[x].removeAttribute('data-deleted');
-			}
+			fixDeleteStateForPosts();
+
 
 			// Follow Thread State
-			var followEl = $('.main-post .follow'),
+			var followEl = $('.posts .follow'),
 				set_follow_state = function(state, quiet) {
 					if (state && !followEl.hasClass('btn-success')) {
 						followEl.addClass('btn-success');
@@ -246,7 +236,7 @@ define(function() {
 			var bookmark = localStorage.getItem('topic:' + tid + ':bookmark');
 
 			if(bookmark) {
-				app.scrollToPost(parseInt(bookmark, 10));
+				Topic.scrollToPost(parseInt(bookmark, 10));
 			}
 
 			$('#post-container').on('click', '.deleted', function(ev) {
@@ -258,43 +248,45 @@ define(function() {
 			$(window).off('scroll').on('scroll', function() {
 				var bottom = ($(document).height() - $(window).height()) * 0.9;
 
-				if ($(window).scrollTop() > bottom && !app.infiniteLoaderActive && $('#post-container').children().length) {
-					app.loadMorePosts(tid);
+				if ($(window).scrollTop() > bottom && !infiniteLoaderActive && $('#post-container').children().length) {
+					loadMorePosts(tid, function(posts) {
+						fixDeleteStateForPosts();
+					});
 				}
 			});
 		}
 
-		var reply_fn = function() {
+		$('.topic').on('click', '.post_reply', function() {
 			var selectionText = '',
 				selection = window.getSelection() || document.getSelection();
 
 			if ($(selection.baseNode).parents('.post-content').length > 0) {
 				var snippet = selection.toString();
-				if (snippet.length > 0) selectionText = '> ' + snippet.replace(/\n/g, '\n> ');
+				if (snippet.length > 0) {
+					selectionText = '> ' + snippet.replace(/\n/g, '\n> ');
+				}
+			}
+
+			var username = '',
+				post = $(this).parents('li[data-pid]');
+			if(post.length) {
+				username = '@' + post.attr('data-username') + ' ';
 			}
 
 			if (thread_state.locked !== '1') {
-				require(['composer'], function(cmp) {
-					cmp.push(tid, null, null, selectionText.length > 0 ? selectionText + '\n\n' : '');
-				});
+				composer.newReply(tid, topic_name, selectionText.length > 0 ? selectionText + '\n\n' + username : '' + username);
 			}
-		};
-		$('#post-container').on('click', '.post_reply', reply_fn);
-		$('#post_reply').on('click', reply_fn);
+		});
 
 		$('#post-container').on('click', '.quote', function() {
 			if (thread_state.locked !== '1') {
 				var pid = $(this).parents('li').attr('data-pid');
 
-				socket.once('api:posts.getRawPost', function(data) {
+				socket.emit('api:posts.getRawPost', {pid: pid}, function(data) {
 
 					quoted = '> ' + data.post.replace(/\n/g, '\n> ') + '\n\n';
-					require(['composer'], function(cmp) {
-						cmp.push(tid, null, null, quoted);
-					});
-				});
-				socket.emit('api:posts.getRawPost', {
-					pid: pid
+
+					composer.newReply(tid, topic_name, quoted);
 				});
 			}
 		});
@@ -303,16 +295,15 @@ define(function() {
 			var pid = $(this).parents('li').attr('data-pid');
 			var uid = $(this).parents('li').attr('data-uid');
 
-			var element = $(this).find('i');
-			if (element.attr('class') == 'icon-star-empty') {
+			if ($(this).attr('data-favourited') == 'false') {
 				socket.emit('api:posts.favourite', {
 					pid: pid,
-					room_id: app.current_room
+					room_id: app.currentRoom
 				});
 			} else {
 				socket.emit('api:posts.unfavourite', {
 					pid: pid,
-					room_id: app.current_room
+					room_id: app.currentRoom
 				});
 			}
 		});
@@ -325,13 +316,28 @@ define(function() {
 			});
 		});
 
-		$('#post-container').delegate('.edit', 'click', function(e) {
-			var pid = $(this).parents('li').attr('data-pid'),
-				main = $(this).parents('.main-post');
-
-			require(['composer'], function(cmp) {
-				cmp.push(null, null, pid);
+		$('#post-container').on('click', '.twitter-share', function () {
+			var pid = $(this).parents('li').attr('data-pid');
+			window.open('https://twitter.com/intent/tweet?url=' + encodeURIComponent(window.location.href + '#' + pid) + '&text=' + topic_name, '_blank', 'width=550,height=420,scrollbars=no,status=no');
+			return false;
 		});
+
+		$('#post-container').on('click', '.facebook-share', function () {
+			var pid = $(this).parents('li').attr('data-pid');
+			window.open('https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(window.location.href + '#' + pid), '_blank', 'width=626,height=436,scrollbars=no,status=no');
+			return false;
+		});
+
+		$('#post-container').on('click', '.google-share', function () {
+			var pid = $(this).parents('li').attr('data-pid');
+			window.open('https://plus.google.com/share?url=' + encodeURIComponent(window.location.href + '#' + pid), '_blank', 'width=500,height=570,scrollbars=no,status=no');
+			return false;
+		});
+
+		$('#post-container').delegate('.edit', 'click', function(e) {
+			var pid = $(this).parents('li').attr('data-pid');
+
+			composer.editPost(pid);
 		});
 
 		$('#post-container').delegate('.delete', 'click', function(e) {
@@ -341,13 +347,25 @@ define(function() {
 				confirmDel = confirm((deleteAction ? 'Delete' : 'Restore') + ' this post?');
 
 			if (confirmDel) {
-				deleteAction ?
+				if(deleteAction) {
 					socket.emit('api:posts.delete', {
-						pid: pid
-					}) :
-					socket.emit('api:posts.restore', {
-						pid: pid
+						pid: pid,
+						tid: tid
+					}, function(err) {
+						if(err) {
+							return app.alertError('Can\'t delete post!');
+						}
 					});
+				} else {
+					socket.emit('api:posts.restore', {
+						pid: pid,
+						tid: tid
+					}, function(err) {
+						if(err) {
+							return app.alertError('Can\'t restore post!');
+						}
+					});
+				}
 			}
 		});
 
@@ -355,9 +373,6 @@ define(function() {
 			var username = $(this).parents('li.row').attr('data-username');
 			var touid = $(this).parents('li.row').attr('data-uid');
 
-			if (username === app.username || !app.username)
-				return;
-
 			app.openChat(username, touid);
 		});
 
@@ -381,12 +396,15 @@ define(function() {
 						var userLink = $('<a href="/user/' + userslug + '"></a>').append(userIcon);
 						userLink.attr('data-uid', uid);
 
+						var div = $('<div class="inline-block"></div>');
+						div.append(userLink);
+
 						userLink.tooltip({
-							placement: 'left',
+							placement: 'top',
 							title: username
 						});
 
-						return userLink;
+						return div;
 					}
 				}
 
@@ -428,7 +446,7 @@ define(function() {
 				activeEl.find('.anonymous-box').remove();
 				if(anonymousCount || remainingUsers) {
 
-					var anonLink = $('<i class="icon-user anonymous-box"></i>');
+					var anonLink = $('<div class="anonymous-box inline-block"><i class="fa fa-user"></i></div>');
 					activeEl.append(anonLink);
 
 					var title = '';
@@ -440,12 +458,12 @@ define(function() {
 						title = anonymousCount + ' guest(s)';
 
 					anonLink.tooltip({
-						placement: 'left',
+						placement: 'top',
 						title: title
 					});
 				}
 			}
-			app.populate_online_users();
+			app.populateOnlineUsers();
 		});
 
 		socket.on('event:rep_up', function(data) {
@@ -456,7 +474,21 @@ define(function() {
 			adjust_rep(-1, data.pid, data.uid);
 		});
 
-		socket.on('event:new_post', app.createNewPosts);
+		socket.on('event:new_post', function(data) {
+			var posts = data.posts;
+			for (var p in posts) {
+				if (posts.hasOwnProperty(p)) {
+					var post = posts[p],
+						postcount = jQuery('.user_postcount_' + post.uid),
+						ptotal = parseInt(postcount.html(), 10);
+
+					ptotal += 1;
+					postcount.html(ptotal);
+				}
+			}
+
+			createNewPosts(data);
+		});
 
 		socket.on('event:topic_deleted', function(data) {
 			if (data.tid === tid && data.status === 'ok') {
@@ -521,30 +553,36 @@ define(function() {
 
 		socket.on('api:posts.favourite', function(data) {
 			if (data.status === 'ok' && data.pid) {
-				var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling;
-				if (favEl) {
-					favEl.className = 'icon-star';
-					$(favEl).parent().addClass('btn-warning');
+				var favBtn = $('li[data-pid="' + data.pid + '"] .favourite');
+				if(favBtn.length) {
+					favBtn.addClass('btn-warning')
+						.attr('data-favourited', true)
+						.find('i').attr('class', 'fa fa-star');
 				}
 			}
 		});
 
 		socket.on('api:posts.unfavourite', function(data) {
 			if (data.status === 'ok' && data.pid) {
-				var favEl = document.querySelector('.post_rep_' + data.pid).nextSibling;
-				if (favEl) {
-					favEl.className = 'icon-star-empty';
-					$(favEl).parent().removeClass('btn-warning');
+				var favBtn = $('li[data-pid="' + data.pid + '"] .favourite');
+				if(favBtn.length) {
+					favBtn.removeClass('btn-warning')
+						.attr('data-favourited', false)
+						.find('i').attr('class', 'fa fa-star-o');
 				}
 			}
 		});
 
 		socket.on('event:post_deleted', function(data) {
-			if (data.pid) toggle_post_delete_state(data.pid, true);
+			if (data.pid) {
+				 toggle_post_delete_state(data.pid);
+			}
 		});
 
 		socket.on('event:post_restored', function(data) {
-			if (data.pid) toggle_post_delete_state(data.pid, true);
+			if (data.pid) {
+				toggle_post_delete_state(data.pid);
+			}
 		});
 
 		socket.on('api:post.privileges', function(privileges) {
@@ -566,21 +604,21 @@ define(function() {
 		}
 
 		function set_locked_state(locked, alert) {
-			var threadReplyBtn = document.getElementById('post_reply'),
+			var threadReplyBtn = $('.topic-main-buttons .post_reply'),
 				postReplyBtns = document.querySelectorAll('#post-container .post_reply'),
 				quoteBtns = document.querySelectorAll('#post-container .quote'),
 				editBtns = document.querySelectorAll('#post-container .edit'),
 				deleteBtns = document.querySelectorAll('#post-container .delete'),
 				numPosts = document.querySelectorAll('#post_container li[data-pid]').length,
-				lockThreadEl = document.getElementById('lock_thread'),
+				lockThreadEl = $('.lock_thread'),
 				x;
 
 			if (locked === true) {
-				lockThreadEl.innerHTML = '<i class="icon-unlock"></i> Unlock Thread';
-				threadReplyBtn.disabled = true;
-				threadReplyBtn.innerHTML = 'Locked <i class="icon-lock"></i>';
+				lockThreadEl.html('<i class="fa fa-unlock"></i> Unlock Thread');
+				threadReplyBtn.attr('disabled', true);
+				threadReplyBtn.html('Locked <i class="fa fa-lock"></i>');
 				for (x = 0; x < numPosts; x++) {
-					postReplyBtns[x].innerHTML = 'Locked <i class="icon-lock"></i>';
+					postReplyBtns[x].innerHTML = 'Locked <i class="fa fa-lock"></i>';
 					quoteBtns[x].style.display = 'none';
 					editBtns[x].style.display = 'none';
 					deleteBtns[x].style.display = 'none';
@@ -598,11 +636,11 @@ define(function() {
 
 				thread_state.locked = '1';
 			} else {
-				lockThreadEl.innerHTML = '<i class="icon-lock"></i> Lock Thread';
-				threadReplyBtn.disabled = false;
-				threadReplyBtn.innerHTML = 'Reply';
+				lockThreadEl.html('<i class="fa fa-lock"></i> Lock Thread');
+				threadReplyBtn.attr('disabled', false);
+				threadReplyBtn.html('Reply');
 				for (x = 0; x < numPosts; x++) {
-					postReplyBtns[x].innerHTML = 'Reply <i class="icon-reply"></i>';
+					postReplyBtns[x].innerHTML = 'Reply <i class="fa fa-reply"></i>';
 					quoteBtns[x].style.display = 'inline-block';
 					editBtns[x].style.display = 'inline-block';
 					deleteBtns[x].style.display = 'inline-block';
@@ -623,13 +661,14 @@ define(function() {
 		}
 
 		function set_delete_state(deleted) {
-			var deleteThreadEl = document.getElementById('delete_thread'),
-				deleteTextEl = deleteThreadEl.getElementsByTagName('span')[0],
+			var deleteThreadEl = $('.delete_thread'),
+				deleteTextEl = $('.delete_thread span'),
+				//deleteThreadEl.getElementsByTagName('span')[0],
 				threadEl = $('#post-container'),
 				deleteNotice = document.getElementById('thread-deleted') || document.createElement('div');
 
 			if (deleted) {
-				deleteTextEl.innerHTML = '<i class="icon-comment"></i> Restore Thread';
+				deleteTextEl.html('<i class="fa fa-comment"></i> Restore Thread');
 				threadEl.addClass('deleted');
 
 				// Spawn a 'deleted' notice at the top of the page
@@ -640,7 +679,7 @@ define(function() {
 
 				thread_state.deleted = '1';
 			} else {
-				deleteTextEl.innerHTML = '<i class="icon-trash"></i> Delete Thread';
+				deleteTextEl.html('<i class="fa fa-trash-o"></i> Delete Thread');
 				threadEl.removeClass('deleted');
 				deleteNotice.parentNode.removeChild(deleteNotice);
 
@@ -649,10 +688,10 @@ define(function() {
 		}
 
 		function set_pinned_state(pinned, alert) {
-			var pinEl = document.getElementById('pin_thread');
+			var pinEl = $('.pin_thread');
 
 			if (pinned) {
-				pinEl.innerHTML = '<i class="icon-pushpin"></i> Unpin Thread';
+				pinEl.html('<i class="fa fa-thumb-tack"></i> Unpin Thread');
 				if (alert) {
 					app.alert({
 						'alert_id': 'thread_pin',
@@ -665,7 +704,7 @@ define(function() {
 
 				thread_state.pinned = '1';
 			} else {
-				pinEl.innerHTML = '<i class="icon-pushpin"></i> Pin Thread';
+				pinEl.html('<i class="fa fa-thumb-tack"></i> Pin Thread');
 				if (alert) {
 					app.alert({
 						'alert_id': 'thread_pin',
@@ -702,6 +741,7 @@ define(function() {
 					} else {
 						postEl.toggleClass('none');
 					}
+					updatePostCount();
 				});
 				socket.emit('api:post.privileges', pid);
 			}
@@ -740,8 +780,12 @@ define(function() {
 
 
 
-		var postAuthorImage, mobileAuthorOverlay, pagination;
-		var postcount = templates.get('postcount');
+
+		Topic.postCount = templates.get('postcount');
+
+		window.onscroll = updateHeader;
+		window.onload = updateHeader;
+	};
 
 	function updateHeader() {
 		if (pagination == null) {
@@ -752,30 +796,29 @@ define(function() {
 				app.scrollToBottom();
 			});
 		}
-
-			jQuery('.mobile-author-overlay').css('bottom', '0px');
-			postAuthorImage = postAuthorImage || document.getElementById('mobile-author-image');
-			mobileAuthorOverlay = mobileAuthorOverlay || document.getElementById('mobile-author-overlay');
 		pagination = pagination || document.getElementById('pagination');
 
-			pagination.parentNode.style.display = 'block';
-
 		var windowHeight = jQuery(window).height();
 		var scrollTop = jQuery(window).scrollTop();
 		var scrollBottom = scrollTop + windowHeight;
+		var progressBar = $('.progress-bar');
+		var	progressBarContainer = $('.progress-container');
+		var tid = templates.get('topic_id');
 
-			if (scrollTop < 50 && postcount > 1) {
+		pagination.parentNode.style.display = 'block';
+		progressBarContainer.css('display', '');
+
+		if (scrollTop < jQuery('.posts > .post-row:first-child').height() && Topic.postCount > 1) {
 			localStorage.removeItem("topic:" + tid + ":bookmark");
-				postAuthorImage.src = (jQuery('.main-post .avatar img').attr('src'));
-				mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery('.main-post').attr('data-username') + ', ' + jQuery('.main-post').find('.relativeTimeAgo').html();
-				pagination.innerHTML = '0 out of ' + postcount;
+			pagination.innerHTML = '1 out of ' + Topic.postCount;
+			progressBar.width(0);
 			return;
 		}
 
 
 		var count = 0, smallestNonNegative = 0;
 
-			jQuery('.sub-posts').each(function() {
+		jQuery('.posts > .post-row:not(".deleted")').each(function() {
 			count++;
 			this.postnumber = count;
 
@@ -794,22 +837,158 @@ define(function() {
 					smallestNonNegative = Number.MAX_VALUE;
 				}
 
-					pagination.innerHTML = this.postnumber + ' out of ' + postcount;
-					postAuthorImage.src = (jQuery(this).find('.profile-image-block img').attr('src'));
-					mobileAuthorOverlay.innerHTML = 'Posted by ' + jQuery(this).attr('data-username') + ', ' + jQuery(this).find('.relativeTimeAgo').html();
+				pagination.innerHTML = (this.postnumber-1) + ' out of ' + Topic.postCount;
+				progressBar.width(((this.postnumber-1) / Topic.postCount * 100) + '%');
 			}
 		});
 
 		setTimeout(function() {
 			if (scrollTop + windowHeight == jQuery(document).height()) {
-					pagination.innerHTML = postcount + ' out of ' + postcount;
+				pagination.innerHTML = Topic.postCount + ' out of ' + Topic.postCount;
+				progressBar.width('100%');
 			}
 		}, 100);
 	}
 
-		window.onscroll = updateHeader;
-		window.onload = updateHeader;
-	};
+	Topic.scrollToPost = function(pid) {
+		if (!pid) {
+			return;
+		}
+
+		var container = $(document.body),
+			scrollTo = $('#post_anchor_' + pid),
+			tid = $('#post-container').attr('data-tid');
+
+		function animateScroll() {
+			$('body,html').animate({
+				scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop() - $('#header-menu').height()
+			}, 400);
+		}
+
+		if (!scrollTo.length && tid) {
+
+			var intervalID = setInterval(function () {
+				loadMorePosts(tid, function (posts) {
+					scrollTo = $('#post_anchor_' + pid);
+
+					if (tid && scrollTo.length) {
+						animateScroll();
+					}
+
+					if (!posts.length || scrollTo.length)
+						clearInterval(intervalID);
+				});
+			}, 100);
+
+		} else if (tid) {
+			animateScroll();
+		}
+	}
+
+	function createNewPosts(data, infiniteLoaded) {
+		if(!data || (data.posts && !data.posts.length)) {
+			return;
+		}
+
+		function removeAlreadyAddedPosts() {
+			data.posts = data.posts.filter(function(post) {
+				return $('#post-container li[data-pid="' + post.pid +'"]').length === 0;
+			});
+		}
+
+		function findInsertionPoint() {
+			var after = null,
+				firstPid = data.posts[0].pid;
+			$('#post-container li[data-pid]').each(function() {
+				if(parseInt(firstPid, 10) > parseInt($(this).attr('data-pid'), 10)) {
+					after = $(this);
+					if(after.next().length && after.next().hasClass('post-bar')) {
+						after = after.next();
+					}
+				} else {
+					return false;
+				}
+			});
+			return after;
+		}
+
+		removeAlreadyAddedPosts();
+		if(!data.posts.length) {
+			return;
+		}
+
+		var insertAfter = findInsertionPoint();
+
+		var html = templates.prepare(templates['topic'].blocks['posts']).parse(data);
+		var regexp = new RegExp("<!--[\\s]*IF @first[\\s]*-->([\\s\\S]*?)<!--[\\s]*ENDIF @first[\\s]*-->", 'g');
+		html = html.replace(regexp, '');
+
+		translator.translate(html, function(translatedHTML) {
+			var translated = $(translatedHTML);
+
+			if(!infiniteLoaded) {
+				translated.removeClass('infiniteloaded');
+			}
+
+			translated.insertAfter(insertAfter)
+				.hide()
+				.fadeIn('slow');
+
+			for (var x = 0, numPosts = data.posts.length; x < numPosts; x++) {
+				socket.emit('api:post.privileges', data.posts[x].pid);
+			}
+
+			infiniteLoaderActive = false;
+
+			app.populateOnlineUsers();
+			app.addCommasToNumbers();
+			$('span.timeago').timeago();
+			$('.post-content img').addClass('img-responsive');
+			updatePostCount();
+			showBottomPostBar();
+		});
+	}
+
+	function updatePostCount() {
+		socket.emit('api:topics.postcount', templates.get('topic_id'), function(err, postcount) {
+			if(!err) {
+				Topic.postCount = postcount;
+				$('#topic-post-count').html(Topic.postCount);
+				updateHeader();
+			}
+		})
+	}
+
+	function loadMorePosts(tid, callback) {
+		var indicatorEl = $('.loading-indicator');
+
+		if (infiniteLoaderActive) {
+			return;
+		}
+
+		infiniteLoaderActive = true;
+
+		if (indicatorEl.attr('done') === '0') {
+			indicatorEl.fadeIn();
+		}
+
+		socket.emit('api:topic.loadMore', {
+			tid: tid,
+			after: parseInt($('#post-container .post-row.infiniteloaded').last().attr('data-index'), 10) + 1
+		}, function (data) {
+			infiniteLoaderActive = false;
+			if (data.posts.length) {
+				indicatorEl.attr('done', '0');
+				createNewPosts(data, true);
+			} else {
+				indicatorEl.attr('done', '1');
+			}
+			indicatorEl.fadeOut();
+			if (callback) {
+				callback(data.posts);
+			}
+		});
+	}
 
 	return Topic;
 });

public/src/forum/unread.js

@@ -1,10 +1,9 @@
 define(function() {
-	var	Unread = {};
+	var Unread = {},
+		loadingMoreTopics = false;
 
 	Unread.init = function() {
-		var loadingMoreTopics = false;
-
-		app.enter_room('recent_posts');
+		app.enterRoom('recent_posts');
 
 		ajaxify.register_events([
 			'event:new_topic',
@@ -72,16 +71,20 @@ define(function() {
 		});
 
 		function onTopicsLoaded(topics) {
-
 			var html = templates.prepare(templates['unread'].blocks['topics']).parse({
 				topics: topics
-			}),
-				container = $('#topics-container');
+			});
+
+			translator.translate(html, function(translatedHTML) {
+				var container = $('#topics-container');
 
 				$('#category-no-topics').remove();
 
+				html = $(translatedHTML);
 				container.append(html);
 				$('span.timeago').timeago();
+				app.makeNumbersHumanReadable(html.find('.human-readable-number'));
+			});
 		}
 
 		function loadMoreTopics() {
@@ -109,8 +112,9 @@ define(function() {
 		});
 
 
-		if ($("body").height() <= $(window).height() && $('#topics-container').children().length >= 20)
+		if ($("body").height() <= $(window).height() && $('#topics-container').children().length >= 20) {
 			$('#load-more-btn').show();
+		}
 
 		$('#load-more-btn').on('click', function() {
 			loadMoreTopics();

public/src/forum/users.js

@@ -36,7 +36,7 @@ define(function() {
 				var username = $('#search-user').val();
 
 				if (username == '') {
-					jQuery('#user-notfound-notify').html('<i class="icon icon-circle-blank"></i>');
+					jQuery('#user-notfound-notify').html('<i class="fa fa-circle-o"></i>');
 					jQuery('#user-notfound-notify').parent().removeClass('btn-warning label-warning btn-success label-success');
 					return;
 				}
@@ -44,7 +44,7 @@ define(function() {
 				if (lastSearch === username) return;
 				lastSearch = username;
 
-				jQuery('#user-notfound-notify').html('<i class="icon-spinner icon-spin"></i>');
+				jQuery('#user-notfound-notify').html('<i class="fa fa-spinner fa-spin"></i>');
 
 				setTimeout(function() {
 					socket.emit('api:admin.user.search', username);

public/src/modules/chat.js

@@ -67,7 +67,8 @@ define(['taskbar'], function(taskbar) {
 		chatModal.find('.close').on('click', function(e) {
 			clearInterval(chatModal.intervalId);
 			chatModal.intervalId = 0;
-			chatModal.hide();
+			chatModal.remove();
+			chatModal.data('modal', null);
 			taskbar.discard('chat', uuid);
 		});
 
@@ -81,7 +82,11 @@ define(['taskbar'], function(taskbar) {
 			checkOnlineStatus(chatModal);
 		});
 
-		taskbar.push('chat', chatModal.attr('UUID'), {title:'chat with ' + username});
+		taskbar.push('chat', chatModal.attr('UUID'), {
+			title:'<i class="fa fa-comment"></i> ' + username,
+			state: ''
+		});
+
 		return chatModal;
 	}
 
@@ -97,6 +102,8 @@ define(['taskbar'], function(taskbar) {
 		chatModal.show();
 		module.bringModalToTop(chatModal);
 		checkOnlineStatus(chatModal);
+		taskbar.updateActive(uuid);
+		chatModal.find('#chat-message-input').focus();
 	}
 
 	module.minimize = function(uuid) {
@@ -108,7 +115,7 @@ define(['taskbar'], function(taskbar) {
 	}
 
 	function getChatMessages(chatModal, callback) {
-		socket.emit('getChatMessages', {touid:chatModal.touid}, function(messages) {
+		socket.emit('api:chats.get', {touid:chatModal.touid}, function(messages) {
 			for(var i = 0; i<messages.length; ++i) {
 				module.appendChatMessage(chatModal, messages[i].content, messages[i].timestamp);
 			}
@@ -135,7 +142,7 @@ define(['taskbar'], function(taskbar) {
 		var msg = app.strip_tags(chatModal.find('#chat-message-input').val());
 		if(msg.length) {
 			msg = msg +'\n';
-			socket.emit('sendChatMessage', { touid:chatModal.touid, message:msg});
+			socket.emit('api:chats.send', { touid:chatModal.touid, message:msg});
 			chatModal.find('#chat-message-input').val('');
 		}
 	}
@@ -149,7 +156,11 @@ define(['taskbar'], function(taskbar) {
 		chatContent.scrollTop(
 			chatContent[0].scrollHeight - chatContent.height()
 		);
-	}
+	};
+
+	module.toggleNew = function(uuid, state) {
+		taskbar.toggleNew(uuid, state);
+	};
 
 	return module;
 });

public/src/modules/composer.js

@@ -1,76 +1,448 @@
 define(['taskbar'], function(taskbar) {
 	var composer = {
-		initialized: false,
 		active: undefined,
-		taskbar: taskbar,
-		posts: {},
-		postContainer: undefined,
+		posts: {}
 	};
 
-	var uploadsInProgress = [];
+	function allowed() {
+		if(!(parseInt(app.uid, 10) > 0  || parseInt(config.allowGuestPosting, 10) === 1)) {
+			app.alert({
+				type: 'danger',
+				timeout: 5000,
+				alert_id: 'post_error',
+				title: 'Please Log In to Post',
+				message: 'Posting is currently restricted to registered members only, click here to log in',
+				clickfn: function() {
+					ajaxify.go('login');
+				}
+			});
+			return false;
+		}
+		return true;
+	}
 
-	function createImagePlaceholder(img) {
-		var text = $('.post-window textarea').val(),
-			textarea = $('.post-window textarea'),
-			imgText = "!["+img.name+"](uploading...)";
+	composer.newTopic = function(cid) {
+		if(allowed()) {
+			push({
+				cid: cid,
+				title: '',
+				body: '',
+				modified: false
+			});
+		}
+	}
 
-		text += imgText;
-		textarea.val(text + " ");
-		uploadsInProgress.push(1);
-		socket.emit("api:posts.uploadImage", img, function(err, data) {
+	composer.newReply = function(tid, title, text) {
+		if(allowed()) {
+			push({
+				tid: tid,
+				title: title,
+				body: text,
+				modified: false
+			});
+		}
+	}
 
-			var currentText = textarea.val();
-			imgText = "!["+data.name+"](uploading...)";
+	composer.editPost = function(pid) {
+		if(allowed()) {
+			socket.emit('api:composer.push', {
+				pid: pid
+			}, function(threadData) {
+				console.log(threadData);
+				push({
+					pid: pid,
+					title: threadData.title,
+					body: threadData.body,
+					modified: false
+				});
+			});
+		}
+	}
 
-			if(!err)
-				textarea.val(currentText.replace(imgText, "!["+data.name+"]("+data.url+")"));
-			else
-				textarea.val(currentText.replace(imgText, "!["+data.name+"](upload error)"));
-			uploadsInProgress.pop();
+	function push(post) {
+		var uuid = utils.generateUUID();
+
+		taskbar.push('composer', uuid, {
+			title: post.title ? post.title : 'New Topic',
+			icon: post.picture
+		});
+
+		composer.posts[uuid] = post;
+
+		composer.load(uuid);
+	}
+
+	composer.load = function(post_uuid) {
+		if($('#cmp-uuid-' + post_uuid).length) {
+			composer.activateReposition(post_uuid);
+		} else {
+			composer.createNewComposer(post_uuid);
+		}
+	}
+
+	composer.createNewComposer = function(post_uuid) {
+
+		templates.preload_template('composer', function() {
+
+			var composerTemplate = templates['composer'].parse({});
+			composerTemplate = $(composerTemplate);
+
+			composerTemplate.attr('id', 'cmp-uuid-' + post_uuid);
+
+			$(document.body).append(composerTemplate);
+
+			composer.activateReposition(post_uuid);
+
+			var postContainer = $(composerTemplate[0]);
+
+			if(config.imgurClientIDSet) {
+				initializeFileReader(post_uuid);
+			}
+
+			var postData = composer.posts[post_uuid],
+				titleEl = postContainer.find('.title'),
+				bodyEl = postContainer.find('textarea');
+
+			if (parseInt(postData.tid) > 0) {
+				titleEl.val('Replying to: ' + postData.title);
+				titleEl.prop('readOnly', true);
+			} else if (parseInt(postData.pid) > 0) {
+				titleEl.val(postData.title);
+				titleEl.prop('readOnly', true);
+				socket.emit('api:composer.editCheck', postData.pid, function(editCheck) {
+					if (editCheck.titleEditable) {
+						postContainer.find('input').prop('readonly', false);
+					}
+				});
+			} else {
+				titleEl.val(postData.title);
+				titleEl.prop('readOnly', false);
+			}
+
+			bodyEl.val(postData.body);
+
+			postContainer.on('change', 'input, textarea', function() {
+				composer.posts[post_uuid].modified = true;
+			});
+
+			postContainer.on('click', '.action-bar button', function() {
+				var	action = $(this).attr('data-action');
+
+				switch(action) {
+					case 'post':
+						composer.post(post_uuid);
+						break;
+					case 'discard':
+						if (composer.posts[post_uuid].modified) {
+							bootbox.confirm('Are you sure you wish to discard this post?', function(discard) {
+								if (discard) {
+									composer.discard(post_uuid);
+								}
+							});
+						} else {
+							composer.discard(post_uuid);
+						}
+						break;
+				}
+			});
+
+			postContainer.on('click', '.formatting-bar span', function() {
+				var postContentEl = postContainer.find('textarea'),
+					iconClass = $(this).find('i').attr('class'),
+					cursorEnd = postContentEl.val().length,
+					selectionStart = postContentEl[0].selectionStart,
+					selectionEnd = postContentEl[0].selectionEnd,
+					selectionLength = selectionEnd - selectionStart;
+
+
+				function insertIntoInput(element, value) {
+					var start = postContentEl[0].selectionStart;
+					element.val(element.val().slice(0, start) + value + element.val().slice(start, element.val().length));
+					postContentEl[0].selectionStart = postContentEl[0].selectionEnd = start + value.length;
+				}
+
+				switch(iconClass) {
+					case 'fa fa-bold':
+						if (selectionStart === selectionEnd) {
+							// Nothing selected
+							insertIntoInput(postContentEl, "**bolded text**");
+						} else {
+							// Text selected
+							postContentEl.val(postContentEl.val().slice(0, selectionStart) + '**' + postContentEl.val().slice(selectionStart, selectionEnd) + '**' + postContentEl.val().slice(selectionEnd));
+							postContentEl[0].selectionStart = selectionStart + 2;
+							postContentEl[0].selectionEnd = selectionEnd + 2;
+						}
+					break;
+					case 'fa fa-italic':
+						if (selectionStart === selectionEnd) {
+							// Nothing selected
+							insertIntoInput(postContentEl, "*italicised text*");
+						} else {
+							// Text selected
+							postContentEl.val(postContentEl.val().slice(0, selectionStart) + '*' + postContentEl.val().slice(selectionStart, selectionEnd) + '*' + postContentEl.val().slice(selectionEnd));
+							postContentEl[0].selectionStart = selectionStart + 1;
+							postContentEl[0].selectionEnd = selectionEnd + 1;
+						}
+					break;
+					case 'fa fa-list':
+						// Nothing selected
+						insertIntoInput(postContentEl, "\n\n* list item");
+					break;
+					case 'fa fa-link':
+						if (selectionStart === selectionEnd) {
+							// Nothing selected
+							insertIntoInput(postContentEl, "[link text](link url)");
+						} else {
+							// Text selected
+							postContentEl.val(postContentEl.val().slice(0, selectionStart) + '[' + postContentEl.val().slice(selectionStart, selectionEnd) + '](link url)' + postContentEl.val().slice(selectionEnd));
+							postContentEl[0].selectionStart = selectionStart + selectionLength + 3;
+							postContentEl[0].selectionEnd = selectionEnd + 11;
+						}
+					break;
+				}
+			});
+
+			postContainer.on('click', '.formatting-bar span .fa-picture-o', function() {
+				$('#files').click();
+			});
+
+			$('#files').on('change', function(e) {
+				var files = e.target.files;
+				if(files) {
+					for (var i=0; i<files.length; i++) {
+						loadFile(post_uuid, files[i]);
+					}
+				}
+			});
+
+
+			var	resizeActive = false,
+				resizeCenterX = 0,
+				resizeOffset = 0,
+				resizeStart = function(e) {
+					bodyRect = document.body.getBoundingClientRect();
+					resizeRect = resizeEl.getBoundingClientRect();
+					resizeCenterX = resizeRect.left + (resizeRect.width/2);
+					resizeOffset = resizeCenterX - e.clientX;
+					resizeSnaps.half = bodyRect.width / 2;
+					resizeSnaps.none = bodyRect.width;
+					resizeActive = true;
+
+					$(document.body).on('mousemove', resizeAction);
+					document.body.addEventListener('touchmove', resizeTouchAction);
+				},
+				resizeStop = function() {
+					resizeActive = false;
+					$(document.body).off('mousemove', resizeAction);
+					document.body.removeEventListener('touchmove', resizeTouchAction);
+				},
+				resizeTouchAction = function(e) {
+					e.preventDefault();
+					resizeAction(e.touches[0]);
+				},
+				resizeAction = function(e) {
+					if (resizeActive) {
+						position = (e.clientX + resizeOffset);
+						if (Math.abs(position - resizeSnaps.half) <= 15) {
+							// Half snap
+							postContainer.css('width', resizeSnaps.half);
+							resizeSavePosition(resizeSnaps.half);
+						} else if (Math.abs(position - resizeSnaps.none) <= 30) {
+							// Minimize snap
+							postContainer.css('width', bodyRect.width - resizeSnaps.none + 15);
+							resizeSavePosition(resizeSnaps.none);
+						} else if (position <= 30) {
+							// Full snap
+							postContainer.css('width', bodyRect.width - 15);
+							resizeSavePosition(bodyRect.width - 15);
+						} else {
+							// OH SNAP, NO SNAPS!
+							postContainer.css('width', bodyRect.width - position);
+							resizeSavePosition(bodyRect.width - position);
+						}
+					}
+				},
+				resizeSavePosition = function(px) {
+					var	percentage = px/bodyRect.width;
+					localStorage.setItem('composer:resizePercentage', percentage);
+				},
+				resizeSnaps = {
+					none: 0,
+					half: 0,
+					full: 0
+				},
+				resizeRect, bodyRect;
+
+			var resizeEl = postContainer.find('.resizer')[0];
+
+			resizeEl.addEventListener('mousedown', resizeStart);
+			resizeEl.addEventListener('mouseup', resizeStop);
+			resizeEl.addEventListener('touchstart', function(e) {
+				e.preventDefault();
+				resizeStart(e.touches[0]);
+			});
+			resizeEl.addEventListener('touchend', function(e) {
+				e.preventDefault();
+				resizeStop();
+			});
+				// .on('mousedown touchstart', resizeStart)
+				// .on('mouseup touchend', resizeStop)
+
+			window.addEventListener('resize', function() {
+				if (composer.active !== undefined) {
+					composer.activateReposition(composer.active);
+				}
+			});
 		});
 	}
 
-	function loadFile(file) {
-		var reader = new FileReader(),
-			dropDiv = $('.post-window .imagedrop'),
-			uuid = dropDiv.parents('[data-uuid]').attr('data-uuid');
+	composer.activateReposition = function(post_uuid) {
 
-		$(reader).on('loadend', function(e) {
-			var bin = this.result;
-			bin = bin.split(',')[1];
-
-			var img = {
-				name: file.name,
-				data: bin
-			};
-
-			createImagePlaceholder(img);
-
-			dropDiv.hide();
-		});
-
-		reader.readAsDataURL(file);
+		if(composer.active && composer.active !== post_uuid) {
+			composer.minimize(composer.active);
 		}
 
-	function initializeFileReader() {
-		jQuery.event.props.push( "dataTransfer" );
+		var	percentage = localStorage.getItem('composer:resizePercentage'),
+			bodyRect = document.body.getBoundingClientRect(),
+			postContainer = $('#cmp-uuid-' + post_uuid);
+
+		composer.active = post_uuid;
+
+		if (percentage) {
+			if (bodyRect.width >= 768) {
+				postContainer.css('width', Math.floor(bodyRect.width * percentage) + 'px');
+			} else {
+				postContainer.css('width', '100%');
+			}
+		}
+
+		if(config.imgurClientIDSet) {
+			postContainer.find('.upload-instructions').removeClass('hide')
+		}
+
+		postContainer.css('visibility', 'visible');
+
+		composer.focusElements(post_uuid);
+	}
+
+	composer.focusElements = function(post_uuid) {
+		var postContainer = $('#cmp-uuid-' + post_uuid),
+			postData = composer.posts[post_uuid],
+			titleEl = postContainer.find('.title'),
+			bodyEl = postContainer.find('textarea');
+
+		if ((parseInt(postData.tid) || parseInt(postData.pid)) > 0) {
+			bodyEl.focus();
+			bodyEl.selectionStart = bodyEl.val().length;
+			bodyEl.selectionEnd = bodyEl.val().length;
+		} else if (parseInt(postData.cid) > 0) {
+			titleEl.focus();
+		}
+	}
+
+	composer.post = function(post_uuid) {
+		var postData = composer.posts[post_uuid],
+			postContainer = $('#cmp-uuid-' + post_uuid),
+			titleEl = postContainer.find('.title'),
+			bodyEl = postContainer.find('textarea');
+
+		titleEl.val(titleEl.val().trim());
+		bodyEl.val(bodyEl.val().trim());
+
+		if(postData.uploadsInProgress && postData.uploadsInProgress.length) {
+			return app.alert({
+				type: 'warning',
+				timeout: 2000,
+				title: 'Still uploading',
+				message: "Please wait for uploads to complete.",
+				alert_id: 'post_error'
+			});
+		}
+
+		if (titleEl.val().length < config.minimumTitleLength) {
+			return app.alert({
+				type: 'danger',
+				timeout: 2000,
+				title: 'Title too short',
+				message: "Please enter a longer title. At least " + config.minimumTitleLength+ " characters.",
+				alert_id: 'post_error'
+			});
+		}
+
+		if (bodyEl.val().length < config.minimumPostLength) {
+			return app.alert({
+				type: 'danger',
+				timeout: 2000,
+				title: 'Content too short',
+				message: "Please enter a longer post. At least " + config.minimumPostLength + " characters.",
+				alert_id: 'post_error'
+			});
+		}
+
+		// Still here? Let's post.
+		if (parseInt(postData.cid) > 0) {
+			socket.emit('api:topics.post', {
+				'title' : titleEl.val(),
+				'content' : bodyEl.val(),
+				'category_id' : postData.cid
+			});
+		} else if (parseInt(postData.tid) > 0) {
+			socket.emit('api:posts.reply', {
+				'topic_id' : postData.tid,
+				'content' : bodyEl.val()
+			});
+		} else if (parseInt(postData.pid) > 0) {
+			socket.emit('api:posts.edit', {
+				pid: postData.pid,
+				content: bodyEl.val(),
+				title: titleEl.val()
+			});
+		}
+
+		composer.discard(post_uuid);
+	}
+
+	composer.discard = function(post_uuid) {
+		if (composer.posts[post_uuid]) {
+			$('#cmp-uuid-' + post_uuid).remove();
+			delete composer.posts[post_uuid];
+			composer.active = undefined;
+			taskbar.discard('composer', post_uuid);
+		}
+	}
+
+	composer.minimize = function(post_uuid) {
+		var postContainer = $('#cmp-uuid-' + post_uuid);
+		postContainer.css('visibility', 'hidden');
+		composer.active = undefined;
+		taskbar.minimize('composer', post_uuid);
+	}
+
+	function initializeFileReader(post_uuid) {
+		if(jQuery.event.props.indexOf('dataTransfer') === -1) {
+			jQuery.event.props.push('dataTransfer');
+		}
 
 		var draggingDocument = false;
 
 		if(window.FileReader) {
-			var drop = $('.post-window .imagedrop'),
-				textarea = $('.post-window textarea');
+			var postContainer = $('#cmp-uuid-' + post_uuid),
+				drop = postContainer.find('.imagedrop'),
+				textarea = postContainer.find('textarea');
 
-			$(document).on('dragstart', function(e) {
+			$(document).off('dragstart').on('dragstart', function(e) {
 				draggingDocument = true;
-			}).on('dragend', function(e) {
+			}).off('dragend').on('dragend', function(e) {
 				draggingDocument = false;
 			});
 
 			textarea.on('dragenter', function(e) {
-				if(draggingDocument)
+				if(draggingDocument) {
 					return;
+				}
 				drop.css('top', textarea.position().top + 'px');
+				drop.css('height', textarea.height());
+				drop.css('line-height', textarea.height() + 'px');
 				drop.show();
 
 				drop.on('dragleave', function(ev) {
@@ -89,321 +461,82 @@ define(['taskbar'], function(taskbar) {
 
 			drop.on('drop', function(e) {
 				e.preventDefault();
-				var uuid = drop.parents('[data-uuid]').attr('data-uuid'),
-					dt = e.dataTransfer,
+				var dt = e.dataTransfer,
 					files = dt.files;
 
 				for (var i=0; i<files.length; i++) {
-					loadFile(files[i]);
+					loadFile(post_uuid, files[i]);
 				}
 
-				if(!files.length)
+				if(!files.length) {
 					drop.hide();
+				}
 				return false;
 			});
 		}
 	}
 
-	composer.init = function() {
-		if (!composer.initialized) {
-			var taskbar = document.getElementById('taskbar');
+	function loadFile(post_uuid, file) {
 
-			composer.postContainer = document.createElement('div');
-			composer.postContainer.className = 'post-window row';
-			composer.postContainer.innerHTML =	'<div class="col-md-5">' +
-													'<input type="text" tabIndex="1" placeholder="Enter your topic title here..." />' +
-													'<div class="btn-toolbar formatting-bar">' +
-														'<div class="btn-group">' +
-															'<span class="btn btn-link" tabindex="-1"><i class="icon-bold"></i></span>' +
-															'<span class="btn btn-link" tabindex="-1"><i class="icon-italic"></i></span>' +
-															'<span class="btn btn-link" tabindex="-1"><i class="icon-list"></i></span>' +
-															'<span class="btn btn-link" tabindex="-1"><i class="icon-link"></i></span>' +
-														'</div>' +
-													'</div>' +
-													'<textarea tabIndex="2"></textarea>' +
-													'<div class="imagedrop"><div>Drag and Drop Images Here</div></div>'+
-													'<div class="btn-toolbar action-bar">' +
-														'<div class="btn-group" style="float: right; margin-right: -8px">' +
-															'<button data-action="minimize" class="btn hidden-xs" tabIndex="4"><i class="icon-download-alt"></i> Minimize</button>' +
-															'<button class="btn" data-action="discard" tabIndex="5"><i class="icon-remove"></i> Discard</button>' +
-															'<button data-action="post" class="btn" tabIndex="3"><i class="icon-ok"></i> Submit</button>' +
-														'</div>' +
-													'</div>' +
-												'</div>';
+		if (!file.type.match('image.*')) {
+			return;
+		}
 
-			document.body.insertBefore(composer.postContainer, taskbar);
+		var reader = new FileReader(),
+			dropDiv = $('#cmp-uuid-' + post_uuid).find('.imagedrop');
 
-			if(config.imgurClientIDSet)
-				initializeFileReader();
+		$(reader).on('loadend', function(e) {
+			var bin = this.result.split(',')[1];
 
-			socket.on('api:composer.push', function(threadData) {
-				if (!threadData.error) {
-					var uuid = utils.generateUUID();
-
-					composer.taskbar.push('composer', uuid, {
-						title: (!threadData.cid ? (threadData.title || '') : 'New Topic'),
-						icon: threadData.picture
-					});
-
-					composer.posts[uuid] = {
-						tid: threadData.tid,
-						cid: threadData.cid,
-						pid: threadData.pid,
-						title: threadData.title || '',
-						body: threadData.body || '',
-						modified: false
+			var img = {
+				name: file.name,
+				data: bin
 			};
-					composer.load(uuid);
+
+			createImagePlaceholder(post_uuid, img);
+
+			dropDiv.hide();
+		});
+
+		reader.readAsDataURL(file);
+	}
+
+
+	function createImagePlaceholder(post_uuid, img) {
+		var postContainer = $('#cmp-uuid-' + post_uuid),
+			textarea = postContainer.find('textarea'),
+			text = textarea.val(),
+			imgText = "![" + img.name + "](uploading...)";
+
+		text += imgText;
+		textarea.val(text + " ");
+
+		if(!composer.posts[post_uuid].uploadsInProgress) {
+			composer.posts[post_uuid].uploadsInProgress = [];
+		}
+
+		composer.posts[post_uuid].uploadsInProgress.push(1);
+
+		socket.emit("api:posts.uploadImage", img, function(err, data) {
+			if(err) {
+				return app.alertError(err.message);
+			}
+			var currentText = textarea.val();
+			imgText = "![" + data.name + "](uploading...)";
+
+			if(!err) {
+				textarea.val(currentText.replace(imgText, "![" + data.name + "](" + data.url + ")"));
 			} else {
-					app.alert({
-						type: 'danger',
-						timeout: 5000,
-						alert_id: 'post_error',
-						title: 'Please Log In to Post',
-						message: 'Posting is currently restricted to registered members only, click here to log in',
-						clickfn: function() {
-							ajaxify.go('login');
+				textarea.val(currentText.replace(imgText, "![" + data.name + "](upload error)"));
 			}
+			composer.posts[post_uuid].uploadsInProgress.pop();
 		});
 	}
-			});
-
-			socket.on('api:composer.editCheck', function(editCheck) {
-				if (editCheck.titleEditable === true) composer.postContainer.querySelector('input').readOnly = false;
-			});
-
-			// Post Window events
-			var	jPostContainer = $(composer.postContainer),
-				postContentEl = composer.postContainer.querySelector('textarea');
-
-			jPostContainer.on('change', 'input, textarea', function() {
-				var uuid = $(this).parents('.post-window')[0].getAttribute('data-uuid');
-				if (this.nodeName === 'INPUT') composer.posts[uuid].title = this.value;
-				else if (this.nodeName === 'TEXTAREA') composer.posts[uuid].body = this.value;
-
-				// Mark this post window as having been changed
-				composer.posts[uuid].modified = true;
-			});
-
-			jPostContainer.on('click', '.action-bar button', function() {
-				var	action = this.getAttribute('data-action'),
-					uuid = $(this).parents('.post-window').attr('data-uuid');
-				switch(action) {
-					case 'post': composer.post(uuid); break;
-					case 'minimize': composer.minimize(uuid); break;
-					case 'discard':
-						if (composer.posts[uuid].modified) {
-							bootbox.confirm('Are you sure you wish to discard this post?', function(discard) {
-								if (discard) composer.discard(uuid);
-							});
-						} else {
-							composer.discard(uuid);
-						}
-						break;
-				}
-			});
-
-			jPostContainer.on('click', '.formatting-bar span', function() {
-				var iconClass = this.querySelector('i').className,
-					cursorEnd = postContentEl.value.length,
-					selectionStart = postContentEl.selectionStart,
-					selectionEnd = postContentEl.selectionEnd,
-					selectionLength = selectionEnd - selectionStart;
-
-				switch(iconClass) {
-					case 'icon-bold':
-						if (selectionStart === selectionEnd) {
-							// Nothing selected
-							postContentEl.value = postContentEl.value + '**bolded text**';
-							postContentEl.selectionStart = cursorEnd+2;
-							postContentEl.selectionEnd = postContentEl.value.length - 2;
-						} else {
-							// Text selected
-							postContentEl.value = postContentEl.value.slice(0, selectionStart) + '**' + postContentEl.value.slice(selectionStart, selectionEnd) + '**' + postContentEl.value.slice(selectionEnd);
-							postContentEl.selectionStart = selectionStart + 2;
-							postContentEl.selectionEnd = selectionEnd + 2;
-						}
-					break;
-					case 'icon-italic':
-						if (selectionStart === selectionEnd) {
-							// Nothing selected
-							postContentEl.value = postContentEl.value + '*italicised text*';
-							postContentEl.selectionStart = cursorEnd+1;
-							postContentEl.selectionEnd = postContentEl.value.length - 1;
-						} else {
-							// Text selected
-							postContentEl.value = postContentEl.value.slice(0, selectionStart) + '*' + postContentEl.value.slice(selectionStart, selectionEnd) + '*' + postContentEl.value.slice(selectionEnd);
-							postContentEl.selectionStart = selectionStart + 1;
-							postContentEl.selectionEnd = selectionEnd + 1;
-						}
-					break;
-					case 'icon-list':
-						// Nothing selected
-						postContentEl.value = postContentEl.value + "\n\n* list item";
-						postContentEl.selectionStart = cursorEnd+4;
-						postContentEl.selectionEnd = postContentEl.value.length;
-					break;
-					case 'icon-link':
-						if (selectionStart === selectionEnd) {
-							// Nothing selected
-							postContentEl.value = postContentEl.value + '[link text](link url)';
-							postContentEl.selectionStart = cursorEnd+12;
-							postContentEl.selectionEnd = postContentEl.value.length - 1;
-						} else {
-							// Text selected
-							postContentEl.value = postContentEl.value.slice(0, selectionStart) + '[' + postContentEl.value.slice(selectionStart, selectionEnd) + '](link url)' + postContentEl.value.slice(selectionEnd);
-							postContentEl.selectionStart = selectionStart + selectionLength + 3;
-							postContentEl.selectionEnd = selectionEnd + 11;
-						}
-					break;
-				}
-			});
-			window.addEventListener('resize', function() {
-				if (composer.active !== undefined) composer.reposition(composer.active);
-			});
-
-			composer.initialized = true;
-		}
-	}
-
-	composer.push = function(tid, cid, pid, text) {
-		socket.emit('api:composer.push', {
-			tid: tid,	// Replying
-			cid: cid,	// Posting
-			pid: pid,	// Editing
-			body: text	// Predefined text
-		});
-	}
-
-	composer.load = function(post_uuid) {
-		var post_data = composer.posts[post_uuid],
-			titleEl = composer.postContainer.querySelector('input'),
-			bodyEl = composer.postContainer.querySelector('textarea');
-
-		composer.reposition(post_uuid);
-		composer.active = post_uuid;
-
-		composer.postContainer.setAttribute('data-uuid', post_uuid);
-		if (parseInt(post_data.tid) > 0) {
-			titleEl.value = 'Replying to: ' + post_data.title;
-			titleEl.readOnly = true;
-		} else if (parseInt(post_data.pid) > 0) {
-			titleEl.value = post_data.title;
-			titleEl.readOnly = true;
-			socket.emit('api:composer.editCheck', post_data.pid);
-		} else {
-			titleEl.value = post_data.title;
-			titleEl.readOnly = false;
-		}
-		bodyEl.value = post_data.body;
-
-
-		// Direct user focus to the correct element
-		if ((parseInt(post_data.tid) || parseInt(post_data.pid)) > 0) {
-			bodyEl.focus();
-			bodyEl.selectionStart = bodyEl.value.length;
-			bodyEl.selectionEnd = bodyEl.value.length;
-		} else if (parseInt(post_data.cid) > 0) {
-			titleEl.focus();
-		}
-	}
-
-	composer.reposition = function(post_uuid) {
-		var postWindowEl = composer.postContainer.querySelector('.col-md-5'),
-			taskbarBtn = document.querySelector('#taskbar [data-uuid="' + post_uuid + '"]'),
-			btnRect = taskbarBtn.getBoundingClientRect(),
-			taskbarRect = document.getElementById('taskbar').getBoundingClientRect(),
-			windowRect, leftPos;
-
-		composer.postContainer.style.display = 'block';
-		windowRect = postWindowEl.getBoundingClientRect();
-		leftPos = btnRect.left + btnRect.width - windowRect.width;
-		postWindowEl.style.left = (leftPos > 0 ? leftPos : 0) + 'px';
-		composer.postContainer.style.bottom = taskbarRect.height + "px";
-	}
-
-	composer.post = function(post_uuid) {
-		// Check title and post length
-		var postData = composer.posts[post_uuid],
-			titleEl = composer.postContainer.querySelector('input'),
-			bodyEl = composer.postContainer.querySelector('textarea');
-
-		titleEl.value = titleEl.value.trim();
-		bodyEl.value = bodyEl.value.trim();
-
-		if(uploadsInProgress.length) {
-			return app.alert({
-				type: 'warning',
-				timeout: 2000,
-				title: 'Still uploading',
-				message: "Please wait for uploads to complete.",
-				alert_id: 'post_error'
-			});
-		}
-
-		if (titleEl.value.length < config.minimumTitleLength) {
-			return app.alert({
-				type: 'danger',
-				timeout: 2000,
-				title: 'Title too short',
-				message: "Please enter a longer title. At least " + config.minimumTitleLength+ " characters.",
-				alert_id: 'post_error'
-			});
-		}
-
-		if (bodyEl.value.length < config.minimumPostLength) {
-			return app.alert({
-				type: 'danger',
-				timeout: 2000,
-				title: 'Content too short',
-				message: "Please enter a longer post. At least " + config.minimumPostLength + " characters.",
-				alert_id: 'post_error'
-			});
-		}
-
-		// Still here? Let's post.
-		if (parseInt(postData.cid) > 0) {
-			socket.emit('api:topics.post', {
-				'title' : titleEl.value,
-				'content' : bodyEl.value,
-				'category_id' : postData.cid
-			});
-		} else if (parseInt(postData.tid) > 0) {
-			socket.emit('api:posts.reply', {
-				'topic_id' : postData.tid,
-				'content' : bodyEl.value
-			});
-		} else if (parseInt(postData.pid) > 0) {
-			socket.emit('api:posts.edit', {
-				pid: postData.pid,
-				content: bodyEl.value,
-				title: titleEl.value
-			});
-		}
-
-		composer.discard(post_uuid);
-	}
-
-	composer.discard = function(post_uuid) {
-		if (composer.posts[post_uuid]) {
-			$(composer.postContainer).find('.imagedrop').hide();
-			delete composer.posts[post_uuid];
-			uploadsInProgress.length = 0;
-			composer.minimize();
-			taskbar.discard('composer', post_uuid);
-		}
-	}
-
-	composer.minimize = function(uuid) {
-		composer.postContainer.style.display = 'none';
-		composer.active = undefined;
-		taskbar.minimize('composer', uuid);
-	}
-
-	composer.init();
 
 	return {
-		push: composer.push,
+		newTopic: composer.newTopic,
+		newReply: composer.newReply,
+		editPost: composer.editPost,
 		load: composer.load,
 		minimize: composer.minimize
 	};

public/src/modules/mobileMenu.js

@@ -1,122 +0,0 @@
-define(function() {
-	var mobileMenu = {};
-
-
-	var categories = null,
-		overlay = null,
-		menuBtn = null,
-		postBtn = null,
-		initialized = false;
-
-
-	function loadCategories(callback) {
-		if (categories) {
-			callback(true);
-			return;
-		}
-
-		jQuery.getJSON(RELATIVE_PATH+'/api/home', function(data) {
-			categories = data.categories;
-			initialized = true;
-
-			if (callback) {
-				callback(true);
-			}
-		});
-	}
-
-
-	function displayCategories() {
-		var baseIcon = document.createElement('a'),
-			baseImage = document.createElement('i'),
-			baseName = document.createElement('span');
-
-		baseIcon.className = 'mobile-menu-icon';
-
-		for (var i=0, ii=categories.length; i<ii; i++) {
-			var icon = baseIcon.cloneNode(true),
-				image = baseImage.cloneNode(true),
-				name = baseName.cloneNode(true);
-
-			var category = categories[i];
-
-			image.className = category.icon + ' icon-3x';
-			name.innerHTML = '<br />' + category.name;
-			icon.appendChild(image);
-			icon.appendChild(name);
-			icon.src = 'category/' + category.slug;
-
-			icon.onclick = function() {
-				jQuery('.mobile-menu-icon').toggleClass('menu-visible');
-
-				setTimeout(function() {
-					jQuery(overlay).toggleClass('menu-visible');
-				}, 200);
-
-				ajaxify.go(this.src);
-			}
-
-			overlay.appendChild(icon);
-		}
-	}
-
-
-	function animateIcons() {
-		jQuery(overlay).toggleClass('menu-visible');
-		setTimeout(function() {
-			jQuery('.mobile-menu-icon').toggleClass('menu-visible');
-		}, 100);
-	}
-
-
-	mobileMenu.onNavigate = function() {
-		if (initialized == false) return false;
-
-		var cid = templates.get('category_id'),
-			tid = templates.get('topic_id');
-
-		if (cid) {
-			postBtn.style.display = 'inline-block';
-			postBtn.onclick = function() {
-				require(['composer'], function(cmp) {
-				    cmp.push(0, cid);
-				});
-			};
-			postBtn.children[0].className = 'icon-plus icon-2x';
-		} else if (tid) {
-			postBtn.style.display = 'inline-block';
-			postBtn.onclick = function() {
-				require(['composer'], function(cmp) {
-				    cmp.push(tid);
-				});
-			};
-			postBtn.children[0].className = 'icon-reply icon-2x'
-		} else {
-			postBtn.style.display = 'none';
-		}
-
-	};
-
-
-	mobileMenu.init = function() {
-		return; // disabling until this can be pluginified.
-		overlay = overlay || document.getElementById('mobile-menu-overlay');
-		menuBtn = menuBtn || document.getElementById('mobile-menu-btn');
-		postBtn = postBtn || document.getElementById('mobile-post-btn');
-
-		menuBtn.onclick = function() {
-			animateIcons();
-		}
-
-		loadCategories(function() {
-			displayCategories();
-			mobileMenu.onNavigate();
-		});
-
-	}
-
-	return {
-		init: mobileMenu.init,
-		onNavigate: mobileMenu.onNavigate
-	}
-});

public/src/modules/taskbar.js

@@ -25,6 +25,8 @@ define(function() {
 					if (_btn.className.indexOf('active') === -1) {
 						taskbar.minimizeAll();
 						module.load(uuid);
+						taskbar.toggleNew(uuid, false);
+						app.alternatingTitle('');
 
 						// Highlight the button
 						$(taskbar.tasklist).removeClass('active');
@@ -69,7 +71,7 @@ define(function() {
 								'</a>';
 			btnEl.setAttribute('data-module', module);
 			btnEl.setAttribute('data-uuid', uuid);
-			btnEl.className = options.state || 'active';
+			btnEl.className = options.state !== undefined ? options.state : 'active';
 
 			if (!options.state || options.state === 'active') taskbar.minimizeAll();
 			taskbar.tasklist.appendChild(btnEl);
@@ -82,14 +84,27 @@ define(function() {
 		},
 		minimizeAll: function() {
 			$(taskbar.tasklist.querySelectorAll('.active')).removeClass('active');
+		},
+		toggleNew: function(uuid, state) {
+			var btnEl = $(taskbar.tasklist.querySelector('[data-uuid="' + uuid + '"]'));
+			btnEl.toggleClass('new', state);
+		},
+		updateActive: function(uuid) {
+			var	tasks = $(taskbar.tasklist).find('li');
+			tasks.removeClass('active');
+			tasks.filter('[data-uuid="' + uuid + '"]').addClass('active');
 		}
 	}
 
-	if (!taskbar.initialized) taskbar.init();
+	if (!taskbar.initialized) {
+		taskbar.init();
+	}
 
 	return {
 		push: taskbar.push,
 		discard: taskbar.discard,
-		minimize: taskbar.minimize
+		minimize: taskbar.minimize,
+		toggleNew: taskbar.toggleNew,
+		updateActive: taskbar.updateActive
 	}
 });

public/src/templates.js

@@ -122,23 +122,17 @@
 		return '';
 	}
 
+	templates.preload_template = function(tpl_name, callback) {
 
-	templates.load_template = function (callback, url, template) {
-		var location = document.location || window.location,
-			api_url = (url === '' || url === '/') ? 'home' : url,
-			tpl_url = templates.get_custom_map(api_url.split('?')[0]),
-			trimmed = api_url;
-
-		if (!tpl_url) {
-			tpl_url = templates.getTemplateNameFromUrl(api_url);
+		if(templates[tpl_name]) {
+			return callback();
 		}
 
-		var template_data = null;
-
-		var timestamp = new Date().getTime(); //debug
-
-		if (!templates[tpl_url]) {
-			jQuery.get(RELATIVE_PATH + '/templates/' + tpl_url + '.tpl?v=' + timestamp, function (html) {
+		// TODO: This should be "load_template", and the current load_template
+		// should be named something else
+		// TODO: The "Date.now()" in the line below is only there for development purposes.
+		// It should be removed at some point.
+		jQuery.get(RELATIVE_PATH + '/templates/' + tpl_name + '.tpl?v=' + Date.now(), function (html) {
 			var template = function () {
 				this.toString = function () {
 					return this.html;
@@ -149,8 +143,27 @@
 			template.prototype.html = String(html);
 			template.prototype.blocks = {};
 
-				templates[tpl_url] = new template;
+			templates[tpl_name] = new template;
 
+			callback();
+		});
+	}
+
+	templates.load_template = function (callback, url, template) {
+		var location = document.location || window.location,
+			api_url = (url === '' || url === '/') ? 'home' : url,
+			tpl_url = templates.get_custom_map(api_url.split('?')[0]);
+
+		if (!tpl_url) {
+			tpl_url = templates.getTemplateNameFromUrl(api_url);
+		}
+
+		var template_data = null;
+
+		var timestamp = new Date().getTime(); //debug
+
+		if (!templates[tpl_url]) {
+			templates.preload_template(tpl_url, function() {
 				parse_template();
 			});
 		} else {
@@ -167,11 +180,13 @@
 			template_data = data;
 			parse_template();
 		}).fail(function (data) {
-			if(data && data.status == 404) {
-				ajaxify.go('404');
-				return;
+			if (data && data.status == 404) {
+				return ajaxify.go('404');
+			} else if (data && data.status === 403) {
+				return ajaxify.go('403');
+			} else {
+				app.alertError(data.responseJSON.error);
 			}
-			app.alertError("Can't load template data!");
 		});
 
 		function parse_template() {
@@ -235,11 +250,11 @@
 		}
 
 		function makeRegex(block) {
-			return new RegExp("<!-- BEGIN " + block + " -->[\\s\\S]*<!-- END " + block + " -->", 'g');
+			return new RegExp("<!--[\\s]*BEGIN " + block + "[\\s]*-->[\\s\\S]*<!--[\\s]*END " + block + "[\\s]*-->", 'g');
 		}
 
 		function makeConditionalRegex(block) {
-			return new RegExp("<!-- IF " + block + " -->[\\s\\S]*<!-- ENDIF " + block + " -->", 'g');
+			return new RegExp("<!--[\\s]*IF " + block + "[\\s]*-->([\\s\\S]*?)<!--[\\s]*ENDIF " + block + "[\\s]*-->", 'g');
 		}
 
 		function getBlock(regex, block, template) {
@@ -248,22 +263,12 @@
 
 			if (self.blocks && block !== undefined) self.blocks[block] = data[0];
 
-			data = data[0]
-				.replace("<!-- BEGIN " + block + " -->", "")
-				.replace("<!-- END " + block + " -->", "");
-
-			return data;
-		}
-
-		function getConditionalBlock(regex, block, template) {
-			data = template.match(regex);
-			if (data == null) return;
-
-			if (self.blocks && block !== undefined) self.blocks[block] = data[0];
+			var begin = new RegExp("(\r\n)*<!-- BEGIN " + block + " -->(\r\n)*", "g"),
+				end = new RegExp("(\r\n)*<!-- END " + block + " -->(\r\n)*", "g"),
 
 			data = data[0]
-				.replace("<!-- IF " + block + " -->", "")
-				.replace("<!-- ENDIF " + block + " -->", "");
+				.replace(begin, "")
+				.replace(end, "");
 
 			return data;
 		}
@@ -275,7 +280,7 @@
 		var template = this.html,
 			regex, block;
 
-		return (function parse(data, namespace, template) {
+		return (function parse(data, namespace, template, blockInfo) {
 			if (!data || data.length == 0) {
 				template = '';
 			}
@@ -302,28 +307,48 @@
 							result = "";
 
 						do {
-							result += parse(data[d][i], namespace, block);
+							result += parse(data[d][i], namespace, block, {iterator: i, total: numblocks});
 						} while (i++ < numblocks);
 
 						namespace = namespace.replace(d + '.', '');
 						template = setBlock(regex, result, template);
 					} else if (data[d] instanceof Object) {
-						namespace += d + '.';
-
-						regex = makeRegex(d),
-						block = getBlock(regex, namespace, template)
-						if (block == null) continue;
-
-						block = parse(data[d], namespace, block);
-						template = setBlock(regex, block, template);
+						template = parse(data[d], d + '.', template);
 					} else {
-						var conditional = makeConditionalRegex(d),
-							block = getConditionalBlock(conditional, namespace, template);
+						function checkConditional(key, value) {
+							var conditional = makeConditionalRegex(key),
+								matches = template.match(conditional);
 
-						if (block && !data[d]) {
-							template = template.replace(conditional, '');
+							if (matches !== null) {
+								for (var i = 0, ii = matches.length; i < ii; i++) {
+									var conditionalBlock = matches[i].split(/<!-- ELSE -->/);
+
+									if (conditionalBlock[1]) {
+										// there is an else statement
+										if (!value) {
+											template = template.replace(matches[i], conditionalBlock[1].replace(/<!-- ((\IF\b)|(\bENDIF\b))([^@]*?)-->/gi, ''));
+										} else {
+											template = template.replace(matches[i], conditionalBlock[0].replace(/<!-- ((\IF\b)|(\bENDIF\b))([^@]*?)-->/gi, ''));
+										}
+									} else {
+										// regular if statement
+										if (!value) {
+											template = template.replace(matches[i], '');
+										} else {
+											template = template.replace(matches[i], matches[i].replace(/<!-- ((\IF\b)|(\bENDIF\b))([^@]*?)-->/gi, ''));
+										}
+									}
+								}
+							}
 						}
 
+						checkConditional(namespace + d, data[d]);
+						checkConditional('!' + namespace + d, !data[d]);
+
+						if (blockInfo) {
+							checkConditional('@first', blockInfo.iterator === 0);
+							checkConditional('@last', blockInfo.iterator === blockInfo.total);
+						}
 
 						template = replace(namespace + d, data[d], template);
 					}
@@ -333,8 +358,12 @@
 			if (namespace) {
 				var regex = new RegExp("{" + namespace + "[\\s\\S]*?}", 'g');
 				template = template.replace(regex, '');
+				namespace = '';
 			}
 
+			// clean up all undefined conditionals
+			template = template.replace(/<!-- IF([^@]*?)ENDIF([^@]*?)-->/gi, '');
+
 			return template;
 
 		})(data, "", template);

public/src/utils.js

@@ -56,6 +56,10 @@
 			var now = +new Date(),
 				difference = now - Math.floor(parseFloat(timestamp));
 
+			if(difference < 0) {
+				difference = 0;
+			}
+
 			difference = Math.floor(difference / 1000);
 
 			if (difference < 60) {
@@ -169,53 +173,24 @@
 			return tags;
 		},
 
-		refreshTitle: function(url) {
-			if (!url) {
-				var a = document.createElement('a');
-				a.href = document.location;
-				url = a.pathname.slice(1);
-			}
-			var notificationIcon;
-
-			socket.emit('api:meta.buildTitle', url, function(title, numNotifications) {
-				document.title = (numNotifications > 0 ? '(' + numNotifications + ') ' : '') + title;
-				notificationIcon = notificationIcon || document.querySelector('.notifications a i');
-				if (numNotifications > 0 && notificationIcon) {
-					notificationIcon.className = 'icon-circle active';
-				}
-			});
-
-			jQuery.getJSON(RELATIVE_PATH + '/api/unread/total', function(data) {
-				var badge = jQuery('#numUnreadBadge');
-				badge.html(data.count > 20 ? '20+' : data.count);
-
-				if (data.count > 0) {
-					badge
-						.removeClass('badge-inverse')
-						.addClass('badge-important');
-				} else {
-					badge
-						.removeClass('badge-important')
-						.addClass('badge-inverse');
-				}
-			});
-		},
-
 		isRelativeUrl: function(url) {
 			var firstChar = url.slice(0, 1);
 			return (firstChar === '.' || firstChar === '/');
 		},
 
 		makeNumberHumanReadable: function(num) {
-			num = parseInt(num, 10);
-			if (num > 999999) {
-				return (num / 1000000).toFixed(1) + 'm';
-			}
-			else if(num > 999) {
-				return (num / 1000).toFixed(1) + 'k';
-			}
+			var n = parseInt(num, 10);
+			if(!n) {
 				return num;
 			}
+			if (n > 999999) {
+				return (n / 1000000).toFixed(1) + 'm';
+			}
+			else if(n > 999) {
+				return (n / 1000).toFixed(1) + 'k';
+			}
+			return n;
+		}
 	};
 
 

public/templates/500.tpl

@@ -0,0 +1,5 @@
+<div class="alert alert-danger">
+	<strong>[[global:500.title]]</strong>
+	<p>[[global:500.message]]</p>
+	<p>{errorMessage}</p>
+</div>

public/templates/account.tpl

@@ -13,69 +13,92 @@
 				<img src="{picture}" class="user-profile-picture img-thumbnail"/>
 			</div>
 			<div class="account-online-status">
-				<span><i class="icon-circle-blank"></i> <span>offline</span></span>
+				<span><i class="fa fa-circle-o"></i> <span>[[user:offline]]</span></span>
 			</div>
-			<div class="{show_banned}">
-				<span class="label label-danger">banned</span>
+			<!-- IF banned -->
+			<div>
+				<span class="label label-danger">[[user:banned]]</span>
+			</div>
+			<!-- ENDIF banned -->
+			<div>
+				<a id="chat-btn" href="#" class="btn btn-default hide">Chat</a>
 			</div>
 			<div id="user-actions">
-				<a id="follow-btn" href="#" class="btn btn-default">Follow</a>
-				<a id="unfollow-btn" href="#" class="btn btn-default">Unfollow</a>
+				<a id="follow-btn" href="#" class="btn btn-default hide">Follow</a>
+				<a id="unfollow-btn" href="#" class="btn btn-default hide">Unfollow</a>
 			</div>
 		</div>
 
 		<div class="col-md-4">
 			<div class="inline-block">
 				<div class="account-bio-block">
-					<span class="account-bio-label">email</span><i class="icon-eye-close {emailClass}" title="Email hidden"></i>
+					<span class="account-bio-label">[[user:email]]</span><i class="fa fa-eye-slash {emailClass}" title="[[user:email_hidden]]"></i>
+					<!-- IF email -->
 					<span>{email}</span>
+					<!-- ELSE -->
+					<i class="fa fa-eye-slash" title="[[user:email_hidden]]"></i> [[user:hidden]]
+					<!-- ENDIF email -->
 					<br/>
 
-					<span class="account-bio-label">full name</span>
+
+					<!-- IF fullname -->
+					<span class="account-bio-label">[[user:fullname]]</span>
 					<span>{fullname}</span>
 					<br/>
+					<!-- ENDIF fullname -->
 
-					<span class="account-bio-label">website</span>
-					<span><a href="{website}">{website}</a></span>
+					<!-- IF website -->
+					<span class="account-bio-label">[[user:website]]</span>
+					<span><a href="{website}">{websiteName}</a></span>
 					<br/>
+					<!-- ENDIF website -->
 
-					<span class="account-bio-label">location</span>
+					<!-- IF location -->
+					<span class="account-bio-label">[[user:location]]</span>
 					<span>{location}</span>
 					<br/>
+					<!-- ENDIF location -->
 
-					<span class="account-bio-label">age</span>
+					<!-- IF age -->
+					<span class="account-bio-label">[[user:age]]</span>
 					<span>{age}</span>
 					<br/>
+					<!-- ENDIF age -->
+
 					<hr/>
-					<span class="account-bio-label">joined</span>
+					<span class="account-bio-label">[[user:joined]]</span>
 					<span class="timeago" title="{joindate}"></span>
 					<br/>
 
-					<span class="account-bio-label">profile views</span>
+					<span class="account-bio-label">[[user:profile_views]]</span>
 					<span class="formatted-number">{profileviews}</span>
 					<br/>
 
-					<span class="account-bio-label">reputation</span>
+					<span class="account-bio-label">[[user:reputation]]</span>
 					<span class="formatted-number">{reputation}</span>
 					<br/>
 
-					<span class="account-bio-label">posts</span>
+					<span class="account-bio-label">[[user:posts]]</span>
 					<span class="formatted-number">{postcount}</span>
 					<br/>
 
-					<span class="account-bio-label">followers</span>
+					<span class="account-bio-label">[[user:followers]]</span>
 					<span class="formatted-number">{followerCount}</span>
 					<br/>
 
-					<span class="account-bio-label">following</span>
+					<span class="account-bio-label">[[user:following]]</span>
 					<span class="formatted-number">{followingCount}</span>
 					<br/>
 
 					<hr/>
-					<span class="account-bio-label">signature</span>
+					<!-- IF !disableSignatures -->
+					<!-- IF signature -->
+					<span class="account-bio-label">[[user:signature]]</span>
 					<div class="post-signature">
 						<span id='signature'>{signature}</span>
 					</div>
+					<!-- ENDIF signature -->
+					<!-- ENDIF !disableSignatures -->
 				</div>
 			</div>
 		</div>

public/templates/accountedit.tpl

@@ -1,27 +1,26 @@
+<div class="well account">
 
-<div class="well">
-
-	<div id="change-picture-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="Change Picture" aria-hidden="true">
+	<div id="change-picture-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="[[user:change_picture]]" aria-hidden="true">
 		<div class="modal-dialog">
 			<div class="modal-content">
 				<div class="modal-header">
 					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-					<h3 id="myModalLabel">Change Picture</h3>
+					<h3 id="myModalLabel">[[user:change_picture]]</h3>
 				</div>
 				<div class="modal-body">
 					<div id="gravatar-box">
 						<img id="user-gravatar-picture" src="" class="img-thumbnail user-profile-picture">
-						<span class="user-picture-label">Gravatar</span>
-						<i class='icon-ok icon-2x'></i>
+						<span class="user-picture-label">[[user:gravatar]]</span>
+						<i class='fa fa-check fa-2x'></i>
 					</div>
 					<br/>
 					<div id="uploaded-box">
 						<img id="user-uploaded-picture" src="" class="img-thumbnail user-profile-picture">
-						<span class="user-picture-label">Uploaded picture</span>
-						<i class='icon-ok icon-2x'></i>
+						<span class="user-picture-label">[[user:uploaded_picture]]</span>
+						<i class='fa fa-check fa-2x'></i>
 					</div>
 
-					<a id="uploadPictureBtn" href="#">Upload new picture</a>
+					<a id="uploadPictureBtn" href="#">[[user:upload_new_picture]]</a>
 				</div>
 				<div class="modal-footer">
 					<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
@@ -33,8 +32,8 @@
 
 	<div class="account-username-box" data-userslug="{userslug}">
 		<span class="account-username">
-			<a href="/user/{userslug}">{username}</a> <i class="icon-chevron-right"></i>
-			<a href="/user/{userslug}/edit">edit</a>
+			<a href="/user/{userslug}">{username}</a> <i class="fa fa-chevron-right"></i>
+			<a href="/user/{userslug}/edit">[[user:edit]]</a>
 		</span>
 	</div>
 
@@ -42,7 +41,7 @@
 		<div class="col-md-2" style="text-align: center; margin-bottom:20px;">
 			<div class="account-picture-block text-center">
 				<img id="user-current-picture" class="user-profile-picture img-thumbnail" src="{picture}" /><br /><br />
-				<a id="changePictureBtn" href="#" class="btn btn-primary">change picture</a>
+				<a id="changePictureBtn" href="#" class="btn btn-primary">[[user:change_picture]]</a>
 			</div>
 		</div>
 
@@ -50,51 +49,53 @@
 			<div>
 				<form class='form-horizontal'>
 					<div class="control-group">
-						<label class="control-label" for="inputEmail">Email</label>
+						<label class="control-label" for="inputEmail">[[user:email]]</label>
 						<div class="controls">
 							<input class="form-control" type="text" id="inputEmail" placeholder="Email" value="{email}">
 						</div>
 					</div>
 
 					<div class="control-group">
-						<label class="control-label" for="inputFullname">Full Name</label>
+						<label class="control-label" for="inputFullname">[[user:fullname]]</label>
 						<div class="controls">
 							<input class="form-control" type="text" id="inputFullname" placeholder="Full Name" value="{fullname}">
 						</div>
 					</div>
 
 					<div class="control-group">
-						<label class="control-label" for="inputWebsite">Website</label>
+						<label class="control-label" for="inputWebsite">[[user:website]]</label>
 						<div class="controls">
 							<input class="form-control" type="text" id="inputWebsite" placeholder="http://website.com" value="{website}">
 						</div>
 					</div>
 
 					<div class="control-group">
-						<label class="control-label" for="inputLocation">Location</label>
+						<label class="control-label" for="inputLocation">[[user:location]]</label>
 						<div class="controls">
 							<input class="form-control" type="text" id="inputLocation" placeholder="Location" value="{location}">
 						</div>
 					</div>
 
 					<div class="control-group">
-						<label class="control-label" for="inputBirthday">Birthday</label>
+						<label class="control-label" for="inputBirthday">[[user:birthday]]</label>
 						<div class="controls">
 							<input class="form-control" type="date" id="inputBirthday" placeholder="mm/dd/yyyy" value="{birthday}">
 						</div>
 					</div>
 
+					<!-- IF !disableSignatures -->
 					<div class="control-group">
-						<label class="control-label" for="inputSignature">Signature</label>
+						<label class="control-label" for="inputSignature">[[user:signature]]</label> <small><label id="signatureCharCountLeft"></label></small>
 						<div class="controls">
-							<textarea class="form-control" id="inputSignature" placeholder="max 150 chars" rows="5">{signature}</textarea>
+							<textarea class="form-control" id="inputSignature" rows="5">{signature}</textarea>
 						</div>
 					</div>
+					<!-- ENDIF !disableSignatures -->
 
 					<input type="hidden" id="inputUID" value="{uid}"><br />
 
 					<div class="form-actions">
-						<a id="submitBtn" href="#" class="btn btn-primary">Save changes</a>
+						<a id="submitBtn" href="#" class="btn btn-primary">[[global:save_changes]]</a>
 					</div>
 
 				</form>
@@ -114,23 +115,27 @@
 					</div>
 
 					<div class="control-group">
-						<label class="control-label" for="inputNewPassword">Password</label>
-						<div class="controls">
+						<label class="control-label" for="inputNewPassword">[[user:password]]</label>
+						<div class="input-group">
 							<input class="form-control" type="password" id="inputNewPassword" placeholder="New Password" value="">
-							<div id="password-notify" class="alert alert-danger hide"></div>
+							<span class="input-group-addon">
+								<span id="password-notify"><i class="fa fa-circle-o"></i></span>
+							</span>
 						</div>
 					</div>
 
 					<div class="control-group">
-						<label class="control-label" for="inputNewPasswordAgain">Confirm Password</label>
-						<div class="controls">
+						<label class="control-label" for="inputNewPasswordAgain">[[user:confirm_password]]</label>
+						<div class="input-group">
 							<input class="form-control" type="password" id="inputNewPasswordAgain" placeholder="Confirm Password" value="">
-							<div id="password-confirm-notify" class="alert alert-danger hide"></div>
+							<span class="input-group-addon">
+								<span id="password-confirm-notify"><i class="fa fa-circle-o"></i></span>
+							</span>
 						</div>
 					</div>
 					<br/>
 					<div class="form-actions">
-						<a id="changePasswordBtn" href="#" class="btn btn-primary">Change Password</a>
+						<a id="changePasswordBtn" href="#" class="btn btn-primary">[[user:change_password]]</a>
 					</div>
 
 				</form>

public/templates/accountsettings.tpl

@@ -1,10 +1,9 @@
-
-<div class="well">
+<div class="well account">
 
 	<div class="account-username-box" data-userslug="{userslug}">
 		<span class="account-username">
-			<a href="/user/{userslug}">{username}</a> <i class="icon-chevron-right"></i>
-			<a href="/user/{userslug}/settings">settings</a>
+			<a href="/user/{userslug}">{username}</a> <i class="fa fa-chevron-right"></i>
+			<a href="/user/{userslug}/settings">[[user:settings]]</a>
 		</span>
 	</div>
 
@@ -13,7 +12,7 @@
 			<h4>privacy</h4>
 			<div class="checkbox">
 				<label>
-	      			<input id="showemailCheckBox" type="checkbox" {showemail}> Show my email
+	      			<input id="showemailCheckBox" type="checkbox" {showemail}> [[user:show_email]]
 	    		</label>
 	    	</div>
 		</div>
@@ -23,6 +22,6 @@
 		</div>
 	</div>
 	<div class="form-actions">
-		<a id="submitBtn" href="#" class="btn btn-primary">Save changes</a>
+		<a id="submitBtn" href="#" class="btn btn-primary">[[global:save_changes]]</a>
 	</div>
 </div>

public/templates/admin/database.tpl

@@ -1,3 +1,6 @@
+
+
+<!-- IF redis -->
 <h1>Redis</h1>
 <hr />
 <div id="admin-redis-info">
@@ -21,4 +24,29 @@
 	<span>Keyspace Hits</span> <span class="text-right">{keyspace_hits}</span><br/>
 	<span>Keyspace Misses</span> <span class="text-right">{keyspace_misses}</span><br/>
 </div>
+<hr />
+<h3>Raw Info </h3>
+<div class="highlight">
+<pre>{raw}</pre>
+</div>
+<!-- ENDIF redis -->
 
+<!-- IF mongo -->
+<h1>Mongo</h1>
+<hr />
+<div id="admin-redis-info">
+
+	<span>Collections</span> <span class="text-right">{collections}</span><br/>
+	<span>Objects</span> <span class="text-right">{objects}</span><br/>
+	<span>Avg. Object Size</span> <span class="text-right">{avgObjSize} kb</span><br/>
+	<hr/>
+	<span>Data Size</span> <span class="text-right">{dataSize} kb</span><br/>
+	<span>Storage Size</span> <span class="text-right">{storageSize} kb</span><br/>
+	<span>File Size</span> <span class="text-right">{fileSize} kb</span><br/>
+</div>
+<hr />
+<h3>Raw Info </h3>
+<div class="highlight">
+<pre>{raw}</pre>
+</div>
+<!-- ENDIF mongo -->

public/templates/admin/groups.tpl

@@ -12,14 +12,14 @@
 					<p>{groups.description}</p>
 					<div class="btn-group">
 						<button class="btn btn-default" data-action="members">Members</button>
+						<!-- IF groups.deletable -->
 						<button class="btn btn-danger" data-action="delete">Delete Group</button>
+						<!-- ENDIF groups.deletable -->
 					</div>
 				</div>
 				<div class="col-lg-4">
 					<ul class="pull-right members">
-					<!-- BEGIN members -->
-						<li data-uid="{groups.members.uid}" title="{groups.members.username}"><img src="{groups.members.picture}" /></li>
-					<!-- END members -->
+					<!-- BEGIN members --><li data-uid="{groups.members.uid}" title="{groups.members.username}"><img src="{groups.members.picture}" /></li><!-- END members -->
 					</ul>
 				</div>
 			</div>

public/templates/admin/header.tpl

@@ -12,6 +12,7 @@
 	<script type="text/javascript" src="{relative_path}/vendor/bootstrap/js/bootstrap.min.js"></script>
 	<script type="text/javascript" src="http://code.jquery.com/qunit/qunit-git.js"></script>
 	<link rel="stylesheet" type="text/css" href="http://code.jquery.com/qunit/qunit-git.css">
+	<link rel="stylesheet" type="text/css" href="{relative_path}/vendor/colorpicker/colorpicker.css">
 	<script type="text/javascript" src="{relative_path}/socket.io/socket.io.js"></script>
 	<script type="text/javascript" src="{relative_path}/src/app.js"></script>
 	<script type="text/javascript" src="{relative_path}/src/templates.js"></script>
@@ -21,6 +22,7 @@
 	<script src="{relative_path}/vendor/jquery/js/jquery.form.js"></script>
 	<script src="{relative_path}/vendor/requirejs/require.js"></script>
 	<script src="{relative_path}/vendor/bootbox/bootbox.min.js"></script>
+	<script src="{relative_path}/vendor/colorpicker/colorpicker.js"></script>
 
 	<script>
 		require.config({
@@ -52,13 +54,13 @@
 			<div class="collapse navbar-collapse">
 				<ul class="nav navbar-nav">
 					<li>
-						<a href="/admin/index"><i class="icon-home"></i> Home</a>
+						<a href="/admin/index"><i class="fa fa-home" title="Home"></i></a>
 					</li>
 					<li>
-						<a href="/admin/settings"><i class="icon-cogs"></i> Settings</a>
+						<a href="/admin/settings"><i class="fa fa-cogs" title="Settings"></i></a>
 					</li>
 					<li>
-						<a href="/" target="_top"><i class="icon-book"></i> Forum</a>
+						<a href="/" target="_top"><i class="fa fa-book" title="Forum"></i></a>
 					</li>
 					<li>
 						<a href="#" id="reconnect"></a>
@@ -89,31 +91,36 @@
 
 	<div class="container">
 		<div class="row">
-			<div class="col-md-3">
+			<div class="col-sm-3">
 				<div class="well sidebar-nav">
 					<ul class="nav nav-list">
 						<li class="nav-header">NodeBB</li>
 						<li class='active'>
-							<a href='{relative_path}/admin/index'><i class='icon-home'></i> Home</a>
+							<a href='{relative_path}/admin/index'><i class='fa fa-home'></i> Home</a>
 						</li>
-						<li><a href='{relative_path}/admin/categories/active'><i class='icon-folder-close-alt'></i> Categories</a></li>
-						<li><a href='{relative_path}/admin/users/latest'><i class='icon-user'></i> Users</a></li>
-						<li><a href="{relative_path}/admin/groups"><i class="icon-group"></i> Groups</a></li>
-						<li><a href='{relative_path}/admin/topics'><i class='icon-book'></i> Topics</a></li>
-						<li><a href='{relative_path}/admin/themes'><i class='icon-th'></i> Themes</a></li>
-						<li><a href='{relative_path}/admin/plugins'><i class='icon-code-fork'></i> Plugins</a></li>
-						<li><a href='{relative_path}/admin/settings'><i class='icon-cogs'></i> Settings</a></li>
-						<li><a href='{relative_path}/admin/redis'><i class='icon-hdd'></i> Redis</a></li>
-						<li><a href='{relative_path}/admin/logger'><i class='icon-th'></i> Logger</a></li>
-						<li><a href="{relative_path}/admin/motd"><i class="icon-comment"></i> MOTD</a></li>
+						<li><a href='{relative_path}/admin/categories/active'><i class='fa fa-folder'></i> Categories</a></li>
+						<li><a href='{relative_path}/admin/users/latest'><i class='fa fa-user'></i> Users</a></li>
+						<li><a href="{relative_path}/admin/groups"><i class="fa fa-group"></i> Groups</a></li>
+						<li><a href='{relative_path}/admin/topics'><i class='fa fa-book'></i> Topics</a></li>
+						<li><a href='{relative_path}/admin/themes'><i class='fa fa-th'></i> Themes</a></li>
+						<li><a href='{relative_path}/admin/plugins'><i class='fa fa-code-fork'></i> Plugins</a></li>
+						<li><a href='{relative_path}/admin/settings'><i class='fa fa-cogs'></i> Settings</a></li>
+						<li><a href='{relative_path}/admin/database'><i class='fa fa-hdd-o'></i> Database</a></li>
+						<li><a href='{relative_path}/admin/logger'><i class='fa fa-th'></i> Logger</a></li>
+						<li><a href="{relative_path}/admin/motd"><i class="fa fa-comment"></i> MOTD</a></li>
 					</ul>
 				</div>
 				<div class="well sidebar-nav">
 					<ul class="nav nav-list">
 						<li class="nav-header">Social Authentication</li>
-						<li><a href='{relative_path}/admin/twitter'><i class='icon-twitter-sign'></i> Twitter</a></li>
-						<li><a href='{relative_path}/admin/facebook'><i class='icon-facebook-sign'></i> Facebook</a></li>
-						<li><a href='{relative_path}/admin/gplus'><i class='icon-google-plus-sign'></i> Google+</a></li>
+						<li><a href='{relative_path}/admin/twitter'><i class='fa fa-twitter-square'></i> Twitter</a></li>
+						<li><a href='{relative_path}/admin/facebook'><i class='fa fa-facebook-square'></i> Facebook</a></li>
+						<li><a href='{relative_path}/admin/gplus'><i class='fa fa-google-plus-square'></i> Google+</a></li>
+						<!-- BEGIN authentication -->
+						<li>
+							<a href='{relative_path}/admin{authentication.route}'><i class="fa {authentication.icon}"></i> {authentication.name}</a>
+						</li>
+						<!-- END authentication -->
 					</ul>
 				</div>
 				<div class="well sidebar-nav">
@@ -121,7 +128,7 @@
 						<li class="nav-header">Plugins</li>
 						<!-- BEGIN plugins -->
 						<li>
-							<a href='{relative_path}/admin{plugins.route}'><i class="{plugins.icon}"></i> {plugins.name}</a>
+							<a href='{relative_path}/admin{plugins.route}'><i class="fa {plugins.icon}"></i> {plugins.name}</a>
 						</li>
 						<!-- END plugins -->
 					</ul>
@@ -144,4 +151,4 @@
 				</div><!--/.well -->
 			</div><!--/span-->
 
-			<div class="col-md-9" id="content">
+			<div class="col-sm-9" id="content">

public/templates/admin/index.tpl

@@ -3,10 +3,10 @@
 	<h1>Welcome to NodeBB</h1>
 	<br />
 	<p>
-		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="icon-comment"></i> NodeBB Forum</a>
-		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="icon-github-alt"></i> Get Plugins</a>
-		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="icon-github-alt"></i> Get Themes</a>
-		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="icon-twitter"></i> dcplabs</a>
+		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="fa fa-comment"></i> NodeBB Forum</a>
+		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="fa fa-github-alt"></i> Get Plugins</a>
+		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="fa fa-github-alt"></i> Get Themes</a>
+		<a target="_blank" href="http://www.nodebb.org" class="btn btn-default btn-lg"><i class="fa fa-twitter"></i> dcplabs</a>
 	</p>
 	<p><small>You are running <strong>NodeBB v{version}</strong>. Always make sure that your <strong>NodeBB</strong> is up to date for the latest security patches and bug fixes.</small></p>
 </div>

public/templates/admin/settings.tpl

@@ -12,11 +12,14 @@
 		<input type="text" class="form-control" placeholder="Keywords describing your community, comma-seperated" data-field="keywords" /><br />
 		<label>Site Logo</label>
 		<input id="logoUrl" type="text" class="form-control" placeholder="Path to a logo to display on forum header" data-field="brand:logo" /><br />
-		<input id="uploadLogoBtn" type="button" class="btn btn-default" value="Upload"></input> <br />
+		<input id="uploadLogoBtn" type="button" class="btn btn-default" value="Upload Logo"></input> <br />
 		<label>Imgur Client ID</label>
 		<input type="text" class="form-control" placeholder="Imgur ClientID for image uploads" data-field="imgurClientID" /><br />
 		<label>Maximum User Image Size</label>
-		<input type="text" class="form-control" placeholder="Maximum size of uploaded user images in kilobytes" data-field="maximumProfileImageSize" />
+		<input type="text" class="form-control" placeholder="Maximum size of uploaded user images in kilobytes" data-field="maximumProfileImageSize" /><br />
+		<label>Favicon</label><br />
+		<input id="faviconUrl" type="text" class="form-control" placeholder="favicon.ico" data-field="brand:favicon" /><br />
+		<input id="uploadFaviconBtn" type="button" class="btn btn-default" value="Upload Favicon"></input> <br />
 	</form>
 </div>
 
@@ -26,6 +29,11 @@
 		<p>Use <strong>privilege thresholds</strong> to manage how much reputation a user must gain to receive moderator access.</p><br />
 		<strong>Manage Thread</strong><br /> <input type="text" class="form-control" value="1000" data-field="privileges:manage_topic"><br />
 		<strong>Manage Content</strong><br /> <input type="text" class="form-control" value="1000" data-field="privileges:manage_content"><br />
+		<div class="checkbox">
+			<label>
+				<input type="checkbox" data-field="privileges:disabled"> <strong>Disable Privilege Threshold System</strong>
+			</label>
+		</div>
 	</div>
 </form>
 
@@ -55,15 +63,38 @@
 	</div>
 </form>
 
+<form>
+	<h3>Profile Settings</h3>
+	<div class="alert alert-warning">
+		<div class="checkbox">
+			<label>
+				<input type="checkbox" data-field="profile:convertProfileImageToPNG"> <strong>Convert profile image uploads to PNG</strong>
+			</label>
+		</div>
+	</div>
+</form>
+
 <form>
 	<h3>User Settings</h3>
 	<div class="alert alert-warning">
+		<div class="checkbox">
+			<label>
+				<input type="checkbox" data-field="allowRegistration" checked> <strong>Allow registration</strong>
+			</label>
+		</div>
+		<div class="checkbox">
+			<label>
+				<input type="checkbox" data-field="disableSignatures"> <strong>Disable signatures</strong>
+			</label>
+		</div>
 		<strong>Minimum Username Length</strong><br />
 		<input type="text" class="form-control" value="2" data-field="minimumUsernameLength"><br />
 		<strong>Maximum Username Length</strong><br />
 		<input type="text" class="form-control" value="16" data-field="maximumUsernameLength"><br />
 		<strong>Minimum Password Length</strong><br />
 		<input type="text" class="form-control" value="6" data-field="minimumPasswordLength"><br />
+		<strong>Maximum Signature Length</strong><br />
+		<input type="text" class="form-control" value="255" data-field="maximumSignatureLength"><br />
 	</div>
 </form>
 
@@ -78,6 +109,11 @@
 				<input type="checkbox" data-field="allowGuestPosting"> <strong>Allow guests to post without logging in</strong>
 			</label>
 		</div>
+		<div class="checkbox">
+			<label>
+				<input type="checkbox" data-field="allowGuestSearching"> <strong>Allow guests to search without logging in</strong>
+			</label>
+		</div>
 		<div class="checkbox">
 			<label>
 				<input type="checkbox" data-field="useOutgoingLinksPage"> <strong>Use Outgoing Links Warning Page</strong>

public/templates/admin/themes.tpl

@@ -6,7 +6,7 @@
 	The following themes are currently installed in this NodeBB instance.
 </p>
 <ul class="themes" id="installed_themes">
-	<li><i class="icon-refresh icon-spin"></i> Checking for installed themes...</li>
+	<li><i class="fa fa-refresh fa-spin"></i> Checking for installed themes...</li>
 </ul>
 
 <h3>Bootswatch Themes</h3>
@@ -15,7 +15,7 @@
 	with Bootstrap as a base theme.
 </p>
 <ul class="themes" id="bootstrap_themes">
-	<li><i class="icon-refresh icon-spin"></i> Loading Themes</li>
+	<li><i class="fa fa-refresh fa-spin"></i> Loading Themes</li>
 </ul>
 
 <h3>Revert to Default</h3>

public/templates/admin/topics.tpl

@@ -1,24 +1,33 @@
 <h1>Topics</h1>
 <hr />
 
+
 <ul class="topics">
 	<!-- BEGIN topics -->
 	<li data-tid="{topics.tid}" data-locked="{topics.locked}" data-pinned="{topics.pinned}" data-deleted="{topics.deleted}">
 		<div class="btn-group pull-right">
-			<button data-action="pin" class="btn"><i class="icon-pushpin"></i></button>
-			<button data-action="lock" class="btn"><i class="icon-lock"></i></button>
-			<button data-action="delete" class="btn"><i class="icon-trash"></i></button>
+			<button data-action="pin" class="btn"><i class="fa fa-thumb-tack"></i></button>
+			<button data-action="lock" class="btn"><i class="fa fa-lock"></i></button>
+			<button data-action="delete" class="btn"><i class="fa fa-trash-o"></i></button>
 		</div>
 		<a target="_blank" href="{relative_path}/topic/{topics.slug}">{topics.title}</a>
 		<ul>
-			<li><i class="icon-time"></i> Posted <span class="timeago" title="{topics.relativeTime}"></span> by {topics.username}</li>
-			<li><i class="icon-comments"></i> {topics.postcount} post(s)</li>
+			<li><i class="fa fa-clock-o"></i> Posted <span class="timeago" title="{topics.relativeTime}"></span> by {topics.username}</li>
+			<li><i class="fa fa-comments"></i> {topics.postcount} post(s)</li>
 		</ul>
 		<div class="clear"></div>
 	</li>
 	<!-- END topics -->
 </ul>
 
+<!-- IF notopics -->
+<div class="alert alert-warning" id="category-no-topics">
+	<strong>There are no topics.</strong>
+</div>
+<!-- ELSE -->
 <div class="text-center">
 	<button id="topics_loadmore" class="btn btn-primary btn-lg">Load More Topics</button>
 </div>
+<!-- ENDIF notopics -->
+
+

public/templates/admin/users.tpl

@@ -1,4 +1,6 @@
 <h1>Users</h1>
+
+<button id="createUser" class="btn btn-primary">Create User</button>
 <hr />
 <ul class="nav nav-pills">
 	<li class='active'><a href='/admin/users/latest'>Latest Users</a></li>
@@ -10,7 +12,7 @@
 <br />
 <div class="search {search_display} well">
 	<input class="form-control" id="search-user" type="text" placeholder="Enter a username to search"/><br />
-	<i class="icon-spinner icon-spin none"></i>
+	<i class="fa fa-spinner fa-spin none"></i>
 	<span id="user-notfound-notify" class="label label-danger hide">User not found!</span><br/>
 </div>
 
@@ -24,11 +26,11 @@
 		<a href="/user/{users.userslug}">{users.username}</a>
 		<br/>
 		<div title="reputation">
-			<i class='icon-star'></i>
+			<i class='fa fa-star'></i>
 			<span id='reputation'>{users.reputation}</span>
 		</div>
 		<div title="post count">
-			<i class='icon-pencil'></i>
+			<i class='fa fa-pencil'></i>
 			<span id='postcount'>{users.postcount}</span>
 		</div>
 		<div>
@@ -38,6 +40,47 @@
 	<!-- END users -->
 </ul>
 
+<div class="modal fade" id="create-modal">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+				<h4 class="modal-title">Create User</h4>
+			</div>
+			<div class="modal-body">
+				<div class="alert alert-danger hide" id="create-modal-error"></div>
+				<form>
+					<div class="form-group">
+						<label for="group-name">User Name</label>
+						<input type="text" class="form-control" id="create-user-name" placeholder="User Name" />
+					</div>
+					<div class="form-group">
+						<label for="group-name">Email</label>
+						<input type="text" class="form-control" id="create-user-email" placeholder="Email of this user" />
+					</div>
+
+					<div class="form-group">
+						<label for="group-name">Password</label>
+						<input type="password" class="form-control" id="create-user-password" placeholder="Password" />
+					</div>
+
+					<div class="form-group">
+						<label for="group-name">Password Confirm</label>
+						<input type="password" class="form-control" id="create-user-password-again" placeholder="Password" />
+					</div>
+
+				</form>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+				<button type="button" class="btn btn-primary" id="create-modal-go">Create</button>
+			</div>
+		</div>
+	</div>
+</div>
+
+
+
 <div class="text-center {loadmore_display}">
 	<button id="load-more-users-btn" class="btn btn-primary">Load More</button>
 </div>

public/templates/category.tpl

@@ -3,18 +3,18 @@
 		<a href="/" itemprop="url"><span itemprop="title">[[global:home]]</span></a>
 	</li>
 	<li class="active" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
-		<span itemprop="title">{category_name} <a target="_blank" href="../{category_id}.rss"><i class="icon-rss-sign"></i></a></span>
+		<span itemprop="title">{category_name} <a target="_blank" href="../{category_id}.rss"><i class="fa fa-rss-square"></i></a></span>
 	</li>
 	<div id="category_active_users"></div>
 </ol>
 
 <div>
-	<button id="new_post" class="btn btn-primary btn-lg {show_topic_button}">[[category:new_topic_button]]</button>
+	<button id="new_post" class="btn btn-primary {show_topic_button}">[[category:new_topic_button]]</button>
 
 	<div class="inline-block pull-right">
-		<a href="#" id="facebook-share"><i class="icon-facebook-sign icon-2x"></i></a>&nbsp;
-		<a href="#" id="twitter-intent"><i class="icon-twitter-sign icon-2x"></i></a>&nbsp;
-		<a href="#" id="google-share"><i class="icon-google-plus-sign icon-2x"></i></a>&nbsp;
+		<a href="#" id="facebook-share"><i class="fa fa-facebook-square fa-2x"></i></a>&nbsp;
+		<a href="#" id="twitter-intent"><i class="fa fa-twitter-square fa-2x"></i></a>&nbsp;
+		<a href="#" id="google-share"><i class="fa fa-google-plus-square fa-2x"></i></a>&nbsp;
 	</div>
 </div>
 
@@ -38,38 +38,41 @@
 									<meta itemprop="name" content="{topics.title}">
 
 									<span class="topic-title">
-										<strong><i class="{topics.pin-icon}"></i> <i class="{topics.lock-icon}"></i></strong>
+										<strong><i class="fa {topics.pin-icon}"></i> <i class="fa {topics.lock-icon}"></i></strong>
 										{topics.title}
 									</span>
 								</h3>
 							</a>
 							<small>
 								<span class="topic-stats">
-									posts
-									<strong>{topics.postcount}</strong>
+									[[category:posts]]
+									<strong class="human-readable-number" title="{topics.postcount}">{topics.postcount}</strong>
 								</span>
 								|
 								<span class="topic-stats">
-									views
-									<strong>{topics.viewcount}</strong>
+									[[category:views]]
+									<strong class="human-readable-number" title="{topics.viewcount}">{topics.viewcount}</strong>
 								</span>
 								|
 								<span>
 									<a href="/user/{topics.userslug}">
 										<img class="teaser-pic" src="{topics.picture}" title="{topics.username}"/>
 									</a>
-									posted <span class="timeago" title="{topics.relativeTime}"></span>
+									[[category:posted]] <span class="timeago" title="{topics.relativeTime}"></span>
 								</span>
 
 								<span class="pull-right hidden-xs">
+									<!-- IF topics.unreplied -->
+									[[category:no_replies]]
+									<!-- ELSE -->
 									<a href="/user/{topics.teaser_userslug}">
 										<img class="teaser-pic" src="{topics.teaser_userpicture}" title="{topics.teaser_username}"/>
 									</a>
 									<a href="../../topic/{topics.slug}#{topics.teaser_pid}">
-										replied
+										[[category:replied]]
 									</a>
 									<span class="timeago" title="{topics.teaser_timestamp}"></span>
-
+									<!-- ENDIF topics.unreplied -->
 								</span>
 							</small>
 						</div>
@@ -80,43 +83,35 @@
 		</ul>
 	</div>
 	<div class="col-md-3 {show_sidebar} category-sidebar">
-
-		<div class="sidebar-block img-thumbnail">
-			<div class="block-header">
-				[[category:sidebar.recent_replies]]
-			</div>
-			<div class="block-content recent-replies">
+		<div class="panel panel-default">
+			<div class="panel-heading">[[category:sidebar.recent_replies]]</div>
+			<div class="panel-body recent-replies">
 				<ul id="category_recent_replies"></ul>
 			</div>
 		</div>
-		<div class="sidebar-block img-thumbnail">
-			<div class="block-header">
-				[[category:sidebar.active_participants]]
-			</div>
-			<div class="block-content active-users">
+
+		<div class="panel panel-default">
+			<div class="panel-heading">[[category:sidebar.active_participants]]</div>
+			<div class="panel-body active-users">
 				<!-- BEGIN active_users -->
-				<a data-uid="{active_users.uid}" href="/user/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-rounded" /></a>
+				<a data-uid="{active_users.uid}" href="/user/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-rounded user-img" /></a>
 				<!-- END active_users -->
 			</div>
 		</div>
-		<div class="sidebar-block img-thumbnail {moderator_block_class}">
-			<div class="block-header">
-				[[category:sidebar.moderators]]
-			</div>
-			<div class="block-content">
+
+		<div class="panel panel-default {moderator_block_class}">
+			<div class="panel-heading">[[category:sidebar.moderators]]</div>
+			<div class="panel-body moderators">
 				<!-- BEGIN moderators -->
 				<a href="/user/{moderators.userslug}"><img title="{moderators.username}" src="{moderators.picture}" class="img-rounded" /></a>
 				<!-- END moderators -->
 			</div>
 		</div>
+
 		<!-- BEGIN sidebars -->
-		<div class="sidebar-block img-thumbnail {sidebars.block_class}">
-			<div class="block-header">
-				{sidebars.header}
-			</div>
-			<div class="block-content">
-				{sidebars.content}
-			</div>
+		<div class="panel panel-default">
+			<div class="panel panel-default {sidebars.block_class}">{sidebars.header}</div>
+			<div class="panel-body">{sidebars.content}</div>
 		</div>
 		<!-- END sidebars -->
 	</div>

public/templates/composer.tpl

@@ -0,0 +1,31 @@
+<div class="composer">
+	<div class="composer-container">
+		<input class="title" type="text" tabIndex="1" placeholder="Enter your topic title here..." />
+		<div class="btn-toolbar formatting-bar">
+			<div class="btn-group">
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-bold"></i></span>
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-italic"></i></span>
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-list"></i></span>
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-link"></i></span>
+				<span class="btn btn-link" tabindex="-1">
+				<input type="file" id="files" name="files[]" multiple class="hide"/>
+					<i class="fa fa-picture-o"></i>
+				</span>
+			</div>
+			<!-- <div class="btn btn-link pull-right">Preview</div> -->
+		</div>
+		<textarea tabIndex="2"></textarea>
+		<div class="preview"></div>
+		<div class="imagedrop"><div>Drag and Drop Images Here</div></div>
+		<div class="text-center upload-instructions hide">
+			<small>Upload images by dragging & dropping them</small>
+		</div>
+		<div class="btn-toolbar action-bar">
+			<div class="btn-group pull-right">
+				<button class="btn btn-default" data-action="discard" tabIndex="5"><i class="fa fa-times"></i> Discard</button>
+				<button data-action="post" class="btn btn-default" tabIndex="3"><i class="fa fa-check"></i> Submit</button>
+			</div>
+		</div>
+		<div class="resizer"><div class="trigger"><i class="fa fa-chevron-left"></i></div></div>
+	</div>
+</div>

public/templates/config.json

@@ -4,7 +4,7 @@
 		"^admin/topics.*": "admin/topics",
 		"^admin/categories.*": "admin/categories",
 		"^admin/users.*": "admin/users",
-		"^admin/redis.*": "admin/redis",
+		"^admin/database.*": "admin/database",
 		"^admin/index.*": "admin/index",
 		"^admin/themes.*": "admin/themes",
 		"^admin/plugins/?$": "admin/plugins",

public/templates/confirm.tpl

@@ -2,6 +2,6 @@
 	<strong>{title}</strong>
 	<p>{text}</p>
 	<p>
-		<a href="/">NodeBB Home</a>
+		<a href="/">[[notification:back_to_home]]</a>
 	</p>
 </div>

public/templates/favourites.tpl

@@ -1,21 +1,36 @@
 <div class="well favourites">
 	<div class="account-username-box" data-userslug="{userslug}">
 		<span class="account-username">
-			<a href="/user/{userslug}">{username}</a> <i class="icon-chevron-right"></i>
-			<a href="/user/{userslug}/favourites">favourites</a>
+			<a href="/user/{userslug}">{username}</a> <i class="fa fa-chevron-right"></i>
+			<a href="/user/{userslug}/favourites">[[topic:favourites]]</a>
 		</span>
 	</div>
 
-	<div id="no-favourites-notice" class="alert alert-warning {show_nofavourites}">You don't have any favourites, favourite some posts to see them here!</div>
+	<!-- IF show_nofavourites -->
+		<div id="no-favourites-notice" class="alert alert-warning">[[topic:has_no_favourites]]</div>
+	<!-- ENDIF show_nofavourites -->
 
 	<div class="row">
 		<div class="col-md-12 user-favourite-posts">
 			<!-- BEGIN posts -->
-			<div class="topic-row img-thumbnail clearfix" topic-url="topic/{posts.tid}/#{posts.pid}">
-				<span><strong>{posts.username}</strong> : </span>
-				<span>{posts.content}</span>
+			<div class="topic-row img-thumbnail clearfix">
+				<a href="../../user/{posts.userslug}">
+					<img title="{posts.username}" class="img-rounded user-img" src="{posts.picture}">
+				</a>
+
+				<a href="../../topic/{posts.tid}/#{posts.pid}">
+					<strong><span>{posts.username}</span></strong>
+					<p>{posts.content}</p>
+				</a>
+
 				<div>
-					<span class="pull-right timeago" title="{posts.relativeTime}"></span>
+					<span class="pull-right">
+						posted in
+						<a href="../../category/{posts.categorySlug}">
+							<i class="fa {posts.categoryIcon}"></i> {posts.categoryName}
+						</a>
+						<span class="timeago" title="{posts.relativeTime}"></span>
+					</span>
 				</div>
 			</div>
 			<br/>

public/templates/followers.tpl

@@ -1,10 +1,9 @@
-
-<div class="well users">
+<div class="well users account">
 
 	<div class="account-username-box" data-userslug="{userslug}">
 		<span class="account-username">
-			<a href="/user/{userslug}">{username}</a> <i class="icon-chevron-right"></i>
-			<a href="/user/{userslug}/followers">followers</a>
+			<a href="/user/{userslug}">{username}</a> <i class="fa fa-chevron-right"></i>
+			<a href="/user/{userslug}/followers">[[user:followers]]</a>
 		</span>
 	</div>
 
@@ -19,18 +18,18 @@
 				<a href="/user/{followers.userslug}">{followers.username}</a>
 				<br/>
 				<div title="reputation" class="reputation">
+					<i class='fa fa-star'></i>
 					<span class='formatted-number'>{followers.reputation}</span>
-					<i class='icon-star'></i>
 				</div>
 				<div title="post count" class="post-count">
+					<i class='fa fa-pencil'></i>
 					<span class='formatted-number'>{followers.postcount}</span>
-					<i class='icon-pencil'></i>
 				</div>
 			</div>
 		</div>
 		<!-- END followers -->
 	</div>
-	<div id="no-followers-notice" class="alert alert-warning hide">This user doesn't have any followers :(</div>
+	<div id="no-followers-notice" class="alert alert-warning hide">[[user:has_no_follower]]</div>
 </div>
 
 <input type="hidden" template-variable="yourid" value="{yourid}" />

public/templates/following.tpl

@@ -1,10 +1,9 @@
-
-<div class="well users">
+<div class="well users account">
 
 	<div class="account-username-box" data-userslug="{userslug}">
 		<span class="account-username">
-			<a href="/user/{userslug}">{username}</a> <i class="icon-chevron-right"></i>
-			<a href="/user/{userslug}/following">following</a>
+			<a href="/user/{userslug}">{username}</a> <i class="fa fa-chevron-right"></i>
+			<a href="/user/{userslug}/following">[[user:following]]</a>
 		</span>
 	</div>
 
@@ -20,18 +19,18 @@
 				<br/>
 				<div title="reputation" class="reputation">
 					<span class='formatted-number'>{following.reputation}</span>
-					<i class='icon-star'></i>
+					<i class='fa fa-star'></i>
 				</div>
 				<div title="post count" class="post-count">
 					<span class='formatted-number'>{following.postcount}</span>
-					<i class='icon-pencil'></i>
+					<i class='fa fa-pencil'></i>
 				</div>
 			</div>
 		</div>
 
 		<!-- END following -->
 	</div>
-	<div id="no-following-notice" class="alert alert-warning hide">This user isn't following anyone :(</div>
+	<div id="no-following-notice" class="alert alert-warning hide">[[user:follows_no_one]]</div>
 </div>
 
 <input type="hidden" template-variable="yourid" value="{yourid}" />

public/templates/footer.tpl

@@ -26,21 +26,21 @@
 			<div class="modal-content">
 				<div class="modal-header">
 					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-					<h3 id="myModalLabel">Upload Picture</h3>
+					<h3 id="myModalLabel">[[user:upload_picture]]</h3>
 				</div>
 				<div class="modal-body">
 					<form id="uploadForm" action="" method="post" enctype="multipart/form-data">
 						<div class="form-group">
-							<label for="userPhoto">Upload a picture</label>
+							<label for="userPhoto">[[user:upload_a_picture]]</label>
 							<input type="file" id="userPhotoInput"  name="userPhoto">
-							<p class="help-block">You may only upload PNG, JPG, or GIF files under 256kb.</p>
+							<p class="help-block">[[user:image_spec]]</p>
 						</div>
 						<input id="imageUploadCsrf" type="hidden" name="_csrf" value="" />
 					</form>
 
 					<div id="upload-progress-box" class="progress progress-striped">
 						<div id="upload-progress-bar" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0">
-							<span class="sr-only"> success</span>
+							<span class="sr-only"> [[footer:success]]</span>
 						</div>
 					</div>
 
@@ -50,7 +50,7 @@
 				</div>
 				<div class="modal-footer">
 					<button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Close</button>
-					<button id="pictureUploadSubmitBtn" class="btn btn-primary">Upload Picture</button>
+					<button id="pictureUploadSubmitBtn" class="btn btn-primary">[[user:upload_picture]]</button>
 				</div>
 			</div><!-- /.modal-content -->
 		</div><!-- /.modal-dialog -->
@@ -59,8 +59,11 @@
 	<div id="alert_window"></div>
 
 
-	<footer id="footer" class="container footer">
-		<div class="copyright">Copyright &copy; 2013 <a target="_blank" href="http://www.nodebb.org">NodeBB</a> by <a target="_blank" href="https://github.com/psychobunny">psychobunny</a>, <a href="https://github.com/julianlam" target="_blank">julianlam</a>, <a href="https://github.com/barisusakli" target="_blank">barisusakli</a> from <a target="_blank" href="http://www.designcreateplay.com">designcreateplay</a></div>
+	<footer id="footer" class="container footer hide">
+		{footerHTML}
+		<div class="copyright">
+			Copyright &copy; 2013 <a target="_blank" href="http://www.nodebb.com">NodeBB Forums</a> | <a target="_blank" href="//github.com/designcreateplay/NodeBB/graphs/contributors">Contributors</a>
+		</div>
 	</footer>
 
 	<script>