supervisors list, v2

sails/src/assets/scripts/modules/supervisor/views/supervisors_list.html

@@ -18,25 +18,33 @@
   </div>
 
   <div class="table-responsive">
-    <table class="table table-hover">
+    <table class="table">
       <thead class="thead-default">
         <tr>
-          <th translate>name</th>
-          <th translate>email</th>
+          <th translate>supervisors</th>
           <th translate>students</th>
         </tr>
       </thead>
       <tbody>
         <tr ng-repeat="supervisor in supervisors_list | filter:search_sups | orderBy: 'name'">
-          <td class="color_blue">{{supervisor.name}} {{supervisor.surname}}</td>
-          <td>{{supervisor.email}}</td>
+          <td>
+            <div>
+              <div class="col-xs-2">
+                <img class="thumbnail preview" ng-src="/upload/supervisorAvatar/{{supervisor.pic}}" alt="Supervisor" title="Supervisor" />
+              </div>
+              <div class="col-xs-4">
+                <h4 class="list-group-item-heading">{{supervisor.name}} {{supervisor.surname}}</h4>
+                <p class="list-group-item-text">{{supervisor.email}}</p>
+              </div>
+            </div>
+          </td>
           <td>
 
-            <table>
-              <tr ng-repeat="student in supervisor.students" >
-                <td>{{ student.name }} {{ student.surname }}</td>
-              </tr>
-            </table>
+            <div class="list-group">
+              <a href="#" class="list-group-item" ng-repeat="student in supervisor.students">
+                {{ student.name }} {{ student.surname }}
+              </a>
+            </div>
 
           </td>
         </tr>