#426

public/src/forum/footer.js

@@ -58,9 +58,10 @@
 			$('#search-button').show();
 
 			var userLabel = loggedInMenu.find('#user_label');
+			
 			if (userLabel.length) {
 				if (data['userslug'])
-					userLabel.attr('href', '/user/' + data['userslug']);
+					userLabel.find('#user-profile-link').attr('href', '/user/' + data['userslug']);
 				if (data['picture'])
 					userLabel.find('img').attr('src', data['picture']);
 				if (data['username'])
@@ -87,7 +88,7 @@
 
 		}
 
-		$('#main-nav a,#right-menu a').off('click').on('click', function() {
+		$('#main-nav a,#user-control-list a').off('click').on('click', function() {
 			if($('.navbar .navbar-collapse').hasClass('in'))
 				$('.navbar-header button').click();
 		});

public/templates/header.tpl

@@ -72,26 +72,7 @@
 						<a href="#" id="reconnect"></a>
 					</li>
 
-					<li id="notifications-list" class="notifications dropdown text-center hidden-xs">
-						<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> [[global:notifications.loading]]</a>
-							</li>
-						</ul>
-					</li>
-
-					<li>
-						<a id="user_label" href="">
-							<img src=""/>
-							<span></span>
-						</a>
-					</li>
-
-					<li id="logout-link">
-						<a href="#">Log out</a>
-					</li>
-
 						<form id="search-form" class="navbar-form navbar-right hidden-xs" role="search" method="GET" action="">
 							<div class="hide" id="search-fields">
 								<div class="form-group">
@@ -101,6 +82,31 @@
 							</div>
 							<button id="search-button" type="button" class="btn btn-link"><i class="icon-search"></i></button>
 						</form>
+					</li>
+
+					<li id="notifications-list" class="notifications dropdown text-center hidden-xs">
+						<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> [[global:notifications.loading]]</a>
+							</li>
+						</ul>
+					</li>
+
+					<li id="user_label" class="dropdown">
+						<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="user_dropdown">
+							<img src=""/>
+						</a>
+						<ul id="user-control-list" class="dropdown-menu" aria-labelledby="user_dropdown">
+							<li>
+								<a id="user-profile-link" href=""><span>Profile</span></a>
+							</li>
+							<li id="logout-link">
+								<a href="#">Log out</a>
+							</li>
+						</ul>
+					</li>
+					
 				</ul>
 
 				<ul id="logged-out-menu" class="nav navbar-nav navbar-right">