moved index code from index.tpl to its own file

public/src/app.js

@@ -19,7 +19,6 @@ var socket,
 				var reconnecting = false;
 				var reconnectTries = 0;
 	
-	
 				socket.on('event:connect', function(data) {
 					console.log('connected to nodebb socket: ', data);
 				});
@@ -48,17 +47,27 @@ var socket,
 					}
 				});
 	
-				socket.on('disconnect', function(data){
+				socket.on('reconnecting', function(data) {
-					
+					function showDisconnectModal() {
+						$('#disconnect-modal').modal({
+							backdrop:'static',
+							show:true
 						});
 		
-				socket.on('reconnecting', function(data) {
+						$('#reload-button').on('click',function(){
+							$('#disconnect-modal').modal('hide');
+							window.location.reload();
+						});
+					}
+					
 					reconnecting = true;
 					reconnectTries++;
+					
 					if(reconnectTries > 4) {
 						showDisconnectModal();
 						return;
 					}
+					
 					app.alert({
 						alert_id: 'connection_alert',
 						title: 'Reconnecting',
@@ -70,7 +79,8 @@ var socket,
 	
 				socket.on('api:user.get_online_users', function(users) {
 					jQuery('.username-field').each(function() {
-						if (this.processed === true) return;
+						if (this.processed === true) 
+							return;
 			
 						var el = jQuery(this),
 							uid = el.parents('li').attr('data-uid');
@@ -85,26 +95,14 @@ var socket,
 					});
 				});
 				
-				function showDisconnectModal() {
-					$('#disconnect-modal').modal({
-						backdrop:'static',
-						show:true
-					});
-	
-					$('#reload-button').on('click',function(){
-						$('#disconnect-modal').modal('hide');
-						window.location.reload();
-					});
-				}
-				
 				app.enter_room('global');
+				
+
 			},
 			async: false
 		});
 	}
 	
-
-	
 	// takes a string like 1000 and returns 1,000
 	app.addCommas = function(text) {
 		return text.replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,");
@@ -238,8 +236,6 @@ var socket,
 
 	jQuery('document').ready(function() {
 
-		
-		
 		// On menu click, change "active" state
 		var menuEl = document.querySelector('.nav'),
 			liEls = menuEl.querySelectorAll('li'),

public/src/forum/admin/index.js

@@ -0,0 +1,25 @@
+
+(function() {
+	
+	ajaxify.register_events(['api:get_all_rooms']);
+	socket.on('api:get_all_rooms', function(data) {
+
+		var active_users = document.getElementById('active_users'),
+			total = 0;
+			active_users.innerHTML = '';
+	
+		for(var room in data) {
+			if (room !== '') {
+				var count = data[room].length;
+				total += count;
+				active_users.innerHTML = active_users.innerHTML + "<div class='alert alert-success'><strong>" + room + "</strong> " + count + " active user" + (count > 1 ? "s" : "") + "</div>"; 
+			}
+		}
+
+		document.getElementById('connections').innerHTML = total;
+	});
+
+	app.enter_room('admin');
+	socket.emit('api:get_all_rooms');
+
+}());

public/templates/admin/index.tpl

@@ -19,30 +19,4 @@
 	</p>
 </div>
 
-<script type="text/javascript">
+<script type="text/javascript" src="{relative_path}/src/forum/admin/index.js"></script>
-
-	
-	ajaxify.register_events(['api:get_all_rooms']);
-	socket.on('api:get_all_rooms', function(data) {
-
-		var active_users = document.getElementById('active_users'),
-			total = 0;
-			active_users.innerHTML = '';
-	
-		for(var room in data) {
-			if (room !== '') {
-				var count = data[room].length;
-				total += count;
-				active_users.innerHTML = active_users.innerHTML + "<div class='alert alert-success'><strong>" + room + "</strong> " + count + " active user" + (count > 1 ? "s" : "") + "</div>"; 
-			}
-		}
-
-		document.getElementById('connections').innerHTML = total;
-	});
-
-	app.enter_room('admin');
-	socket.emit('api:get_all_rooms');
-
-	
-
-</script>