Added games index sorting

Author: bigtimebuddy

app/public/css/main.css

@@ -2,17 +2,19 @@ var router = require('express').Router(),
 	Game = require('../../models/game'),
 	Pagination = require('../../helpers/pagination');
 
-router.get('/:local(page)?/:number([0-9]+)?', function(req, res)
+router.get('/:order(alphabetical|latest)?/:local(page)?/:number([0-9]+)?', function(req, res)
 {
+	var order = req.params.order || 'alphabetical';
 	Game.getAll().count(function(err, count)
 	{
-		var nav = new Pagination('/games', count, req.params.number);
+		var nav = new Pagination('/games/'+order, count, req.params.number);
 		res.render('games/index',
 		{
 			pagination: nav.result,
+			order: order,
 			games: Game.getAll()
 				.select('title slug thumbnail releases')
-				.sort('title')
+				.sort(order == 'alphabetical' ? 'title' : '-updated')
 				.skip(nav.start || 0)
 				.limit(nav.itemsPerPage)
 		});

app/routes/games/index.js

@@ -115,7 +115,7 @@ router.get('/', function(req, res)
 {
 	res.render('users/index',
 	{
-		users: User.getAll(req.user._id).select('name'),
+		users: User.getAll(req.user._id).select('name username'),
 		error: req.flash('error'),
 		errors: req.flash('errors'),
 		success: req.flash('success')

app/routes/users/index.js

@@ -4,24 +4,32 @@ append title
 	| Edit Game - 
 
 append content
-	.col-sm-12
-		a.btn.btn-sm.btn-default.pull-right(href="/games/add")
-			span.glyphicon.glyphicon-pencil
-			|  Add
-		h3 Games
-		if !games.length
-			.alert.alert-warning.text-center No games have been added.
-				|    
-				a.btn.btn-warning.btn-sm(href="/games/add") Add Game
-		else
-			.row
-				for game in games
-					.col-md-2.col-sm-3.col-xs-6
-						a.game(data-toggle="tooltip" title=game.title href="/games/game/#{game.slug}")
-							if game.thumbnail && game.thumbnail.length
-								img.preview(src="data:image/png;base64,#{game.thumbnail}")
-							else
-								img.preview(src="/images/none.png")
-							span.title=game.title
-							span.badge=game.releases.length
-			.row: include ../partials/pagination
+	.col-sm-12: .panel.panel-default
+		.panel-heading
+			.pull-right
+				| Sort by: 
+				.btn-group
+					a.btn.btn-sm.btn-default(class=(order=='alphabetical' ? 'disabled' : '') href="/games/alphabetical") title
+					a.btn.btn-sm.btn-default(class=(order=='latest' ? 'disabled' : '') href="/games/latest") updated
+				| 
+				a.btn.btn-sm.btn-default(href="/games/add")
+					span.glyphicon.glyphicon-pencil
+					|  Add
+			h3.panel-title Games 
+		.panel-body
+			if !games.length
+				.alert.alert-warning.text-center No games have been added.
+					|    
+					a.btn.btn-warning.btn-sm(href="/games/add") Add Game
+			else
+				.row
+					for game in games
+						.col-md-2.col-sm-3.col-xs-6
+							a.game(data-toggle="tooltip" title=game.title href="/games/game/#{game.slug}")
+								if game.thumbnail && game.thumbnail.length
+									img.preview(src="data:image/png;base64,#{game.thumbnail}")
+								else
+									img.preview(src="/images/none.png")
+								span.title=game.title
+								span.badge=game.releases.length
+				.row: include ../partials/pagination

app/views/games/index.jade

@@ -4,21 +4,23 @@ append title
 	| Edit Group - 
 
 append content
-	.col-sm-12
-		a.btn.btn-sm.btn-default.pull-right(href="/groups/add")
-			span.glyphicon.glyphicon-pencil
-			|  Add
-		h3 Groups
-		if !groups.length
-			.alert.alert-warning.text-center No groups have been added.
-				|    
-				a.btn.btn-warning.btn-sm(href="/groups/add") Add Group
-		else
-			.row
-				for group in groups
-					.col-md-3.col-sm-4.col-xs-6
-						a.group(href="/groups/group/#{group.slug}")
-							if group.logo && group.logo.length
-								img.logo.logo-lg(src="data:image/png;base64,#{group.logo}")
-							| #{group.name}
-			.row: include ../partials/pagination
+	.col-sm-12: .panel.panel-default
+		.panel-heading
+			a.btn.btn-sm.btn-default.pull-right(href="/groups/add")
+				span.glyphicon.glyphicon-pencil
+				|  Add
+			h3.panel-title Groups
+		.panel-body
+			if !groups.length
+				.alert.alert-warning.text-center No groups have been added.
+					|    
+					a.btn.btn-warning.btn-sm(href="/groups/add") Add Group
+			else
+				.row
+					for group in groups
+						.col-md-3.col-sm-4.col-xs-6
+							a.group(href="/groups/group/#{group.slug}")
+								if group.logo && group.logo.length
+									img.logo.logo-lg(src="data:image/png;base64,#{group.logo}")
+								| #{group.name}
+				.row: include ../partials/pagination

app/views/groups/index.jade

@@ -16,8 +16,7 @@ append content
 					.alert.alert-warning No users to edit.
 				else
 					include ../partials/feedback
-					.form-group
-						.col-sm-12
+					.form-group: .col-sm-12
 							select.content-select.form-control(name="userId", required, autofocus)
 								option Edit User...
 								for user in users

app/views/users/index.jade

@@ -189,7 +189,7 @@ p { overflow: hidden }
 }
 
 .panel-heading {
-	.btn.pull-right {
+	.pull-right {
 		margin: -6px;
 	}
 }
@@ -256,6 +256,7 @@ p { overflow: hidden }
 	margin-bottom:15px;
 	border-radius: 4px;
 	display: block;
+	min-height: 86px;
 	&:hover {
 		text-decoration: none;
 		border-color:#999;
@@ -264,7 +265,7 @@ p { overflow: hidden }
 
 .game {
 	border: 1px solid #ddd;
-	
+	border-radius: 4px;
 	display:block;
 	position:relative;
 	margin-bottom:15px;