changed updateHeader to check for the existance of the user label

public/src/forum/footer.js

@@ -35,12 +35,26 @@
 	socket.on('api:updateHeader', function(data) {
 		var rightMenu = $('#right-menu');
 		if (data.uid > 0) {
+
 			var userLabel = rightMenu.find('#user_label');
-			userLabel.attr('href','/users/'+data['username']);
-			
-			userLabel.find('img').attr('src',data['picture']+"?s=24&default=identicon");
-			userLabel.find('span').html(data['username']);
+			if(userLabel.length) {
+				userLabel.attr('href','/users/'+data['username']);
 			
+				userLabel.find('img').attr('src',data['picture']+"?s=24&default=identicon");
+				userLabel.find('span').html(data['username']);
+			}
+			else {
+				var userli = $('<li> \
+									<a id="user_label" href="/users/'+data['username']+'"> \
+										<img src="'+data['picture']+"?s=24&default=identicon"+'"/> \
+										<span>'+data['username']+'</span> \
+									</a> \
+								</li>');
+				rightMenu.append(userli);
+
+				var logoutli = $('<li><a href="/logout">Log out</a></li>');
+				rightMenu.append(logoutli);
+			}
 		} else {
 			rightMenu.html('');
 

public/templates/footer.tpl

@@ -20,6 +20,7 @@
 		<button id="mobile-post-btn" type="button" class="btn btn-none"><i class="icon-plus icon-2x"></i></button>
 	</div>
 	<script type="text/javascript" src="/src/forum/footer.js"></script>
+	
 	<!-- END Forum Info -->
 </body>
 </html>

public/templates/header.tpl

@@ -59,22 +59,13 @@
 							<a href="/users">Users</a>
 						</li>
 					</ul>
-					<ul class="nav pull-right nodebb-inline-block" id="right-menu">
+					<ul id="right-menu" class="nav pull-right nodebb-inline-block">
 						<li class="notifications dropdown text-center">
 							<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="notif_dropdown"><i class="icon-circle-blank"></i></a>
 							<ul id="notif-list" class="dropdown-menu" aria-labelledby="notif_dropdown">
 								<li><a href="#"><i class="icon-refresh icon-spin"></i> Loading Notifications</a></li>
 							</ul>
 						</li>
-						<li>
-							<a id="user_label" href="">
-								<img src=""/>
-								<span></span>
-							</a>
-						</li>
-						<li>
-							<a href="/logout">Log out</a>
-						</li>
 					</ul>
 				</div>
 			</div>