nitweb: show grades in user page

Signed-off-by: Alexandre Terrasa <alexandre@moz-code.org>

diff --git a/share/nitweb/javascripts/model.js b/share/nitweb/javascripts/model.js
index 8d05de0..e609047 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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>