header language

public/language/en/global.json

@@ -1,5 +1,6 @@
 {
 	"home": "Home",
+	"search": "Search",
 	"buttons.close": "Close",
 	"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>?",
@@ -7,5 +8,10 @@
 	"404.message": "You seem to have stumbled upon a page that does not exist. Return to the <a href='/''>home page</a>.",
 	"logout": "Logout",
 	"logout.title": "You are now logged out.",
-	"logout.message": "You have successfully logged out of NodeBB"
+	"logout.message": "You have successfully logged out of NodeBB",
+	"header.recent": "Recent",
+	"header.unread": "Unread",
+	"header.users": "Users",
+	"header.search": "Search",
+	"notifications.loading": "Loading Notifications"
 }

public/templates/header.tpl

@@ -47,17 +47,17 @@
 			<div class="navbar-collapse collapse navbar-ex1-collapse">
 				<ul id="main-nav" class="nav navbar-nav">
 					<li>
-						<a href="/recent">Recent</a>
+						<a href="/recent">[[global:header.recent]]</a>
 					</li>
 					<li class="nodebb-loggedin">
-						<a href="/unread"><span id="numUnreadBadge" class="badge badge-inverse">0</span> Unread</a>
+						<a href="/unread"><span id="numUnreadBadge" class="badge badge-inverse">0</span> [[global:header.unread]]</a>
 					</li>
 					<li>
-						<a href="/users">Users</a>
+						<a href="/users">[[global:header.users]]</a>
+					</li>
+					<li class="visible-xs">
+						<a href="/search">[[global:header.search]]</a>
 					</li>
-					<!--Enable when /search form is completed <li class="visible-xs">
-						<a href="/search">Search</a>
-					</li>-->
 					<li>
 						<a href="/"></a>
 					</li>
@@ -68,7 +68,7 @@
 						<div class="form-group">
 							<input type="text" class="form-control" placeholder="Search" name="query" value="">
 						</div>
-						<button type="submit" class="btn btn-default hide">Search</button>
+						<button type="submit" class="btn btn-default hide">[[global:search]]</button>
 					</div>
 					<button id="search-button" type="button" class="btn btn-link"><i class="icon-search"></i></button>
 				</form>
@@ -78,7 +78,7 @@
 						<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>
+								<a href="#"><i class="icon-refresh icon-spin"></i> [[global:notifications.loading]]</a>
 							</li>
 						</ul>
 					</li>