Added search to navbar

Author: bigtimebuddy

app/public/css/main.css

@@ -15,6 +15,22 @@ block body
 						| SpringRoll Connect 
 						small.version.hidden-xs v#{version}
 				.navbar-collapse.collapse
+					if user && user.privilege >= privilege.editor
+						form.navbar-form.search.hidden-sm.hidden-xs
+							.input-group
+								.input-group-addon
+									span.glyphicon.glyphicon-search
+								input.form-control#allGameSearch(
+									type="text" 
+									placeholder="Search for games" 
+									data-search="/games/search" 
+									data-list="#allGameSearchDisplay" 
+									data-field="title"
+									autofocus
+									tabIndex=1
+									autocomplete="off")
+							.dropdown.search#allGameSearchDisplay
+								ul.dropdown-menu
 					ul.nav.navbar-nav.navbar-right
 						if user
 							if user.privilege >= privilege.editor

app/public/js/main.js

@@ -45,6 +45,22 @@ h2, h3, h4 {
 	}
 }
 
+form.search {
+	float:right;
+	display:inline-block;
+	padding-right:0;
+	.search-item {
+		color: #337ab7 !important;
+		&:hover {
+			color:#23527c !important;
+			text-decoration: underline;
+		}
+	}
+	.active .search-item {
+		color:#fff !important;
+	}
+}
+
 .navbar-brand {
 	.version {
 		background: #333;

app/views/templates/normal.jade

@@ -0,0 +1,10 @@
+(function()
+{
+	// User searching add result
+	var games = $("#games");
+	var gameTemplate = $("#gameTemplate").html();
+	$("#allGameSearch").on('search', function(e, game)
+	{
+		location.href = "/games/game/" + game.slug;
+	});
+}());