nitweb: extract user sidebar directive

[nit.git] / share / nitweb / views / user.html

diff --git a/share/nitweb/views/user.html b/share/nitweb/views/user.html
index b044c9c..b1d947c 100644 (file)
--- a/share/nitweb/views/user.html
+++ b/share/nitweb/views/user.html
@@ -1,20 +1,26 @@
-<div class='container'>
-       <div class='col-xs-4'>
-               <img class='avatar' width='100%' src='{{user.avatar_url}}' />
-               <h1>{{user.login}}</h1>
-               <h3>{{user.name}}</h3>
-               <ul class='list-unstyled'>
-                       <li>
-                               <span class='glyphicon glyphicon-envelope' />
-                               <a href='mailto:{{user.email}}'>{{user.email}}</a>
-                       </li>
-                       <li>
-                               <span class='glyphicon glyphicon-link' />
-                               <a href='{{user.blog}}'>{{user.blog}}</a>
-                       </li>
-               </ul>
+<div class='container-fluid'>
+       <div class='col-xs-3'>
+               <user-sidebar />
        </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>