From df4026dd99fda87fe9e904a0062cc037cb14a53d Mon Sep 17 00:00:00 2001
From: Alexandre Terrasa <alexandre@moz-code.org>
Date: Thu, 4 Aug 2016 14:48:52 -0400
Subject: [PATCH] nitweb: show grades in user page

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>
---
 share/nitweb/javascripts/model.js |    7 ++++++-
 share/nitweb/javascripts/users.js |   10 +++++++++-
 share/nitweb/views/user.html      |   20 +++++++++++++++++++-
 3 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/share/nitweb/javascripts/model.js b/share/nitweb/javascripts/model.js
index 8d05de0..e609047 100644
--- a/share/nitweb/javascripts/model.js
+++ b/share/nitweb/javascripts/model.js
@@ -142,7 +142,12 @@
 					$http.get(apiUrl + '/user')
 						.success(cb)
 						.error(cbErr);
-				}
+				},
+				loadUserStars: function(cb, cbErr) {
+					$http.get(apiUrl + '/feedback/user/stars')
+						.success(cb)
+						.error(cbErr);
+				},
 			}
 		}])
 })();
diff --git a/share/nitweb/javascripts/users.js b/share/nitweb/javascripts/users.js
index 42e7d6f..b9c077a 100644
--- a/share/nitweb/javascripts/users.js
+++ b/share/nitweb/javascripts/users.js
@@ -27,8 +27,16 @@
 						$scope.error = err;
 					});
 			};
-
+			this.loadGrades = function() {
+				User.loadUserStars(
+					function(data) {
+						$scope.ratings = data;
+					}, function(err) {
+						$scope.error = err;
+					});
+			};
 			this.loadUser();
+			this.loadGrades();
 		}])
 
 		.directive('userMenu', ['User', function(User) {
diff --git a/share/nitweb/views/user.html b/share/nitweb/views/user.html
index b044c9c..c9f10f5 100644
--- a/share/nitweb/views/user.html
+++ b/share/nitweb/views/user.html
@@ -15,6 +15,24 @@
 		</ul>
 	</div>
 	<div class='col-xs-8'>
-		Nothing to display yet.
+		<h4>Your grades</h4>
+
+		<table class='table'>
+			<tr ng-repeat='rating in ratings | orderBy: "-timestamp"'>
+				<td>{{rating.timestamp * 1000 | date: 'yy/MM/dd hh:mm a'}}</td>
+				<td>
+					<b><a href='/doc/{{rating.mentity}}'>{{rating.mentity}}</a></b>
+				</td>
+				<td>
+					<b>{{rating.dimension}}</b>
+				</td>
+				<td>
+					<span class='stars' ng-repeat='star in [1, 2, 3, 4, 5]'>
+						<span class='star glyphicon'
+						  ng-class='star <= rating.rating? "glyphicon-star": "glyphicon-star-empty"' />
+					</span>
+				</td>
+			</tr>
+		</table>
 	</div>
 <div>
-- 
1.7.9.5