portal/templates/slice-tab-users-view.html

   1         <div class="col-md-2">
   2                 <div id="select-platform" class="list-group">
   3                 </div>
   4
   5                 <ul class="list-group">
   6                   <li class="list-group-item">Authority:<b> {{user_details.parent_authority}}</b>
   7                         <!--<select id="auth_list">
   8                                 <option value="ple.upmc">UPMC</option>
   9                                 <option value="ple.inria">INRIA</option>
  10                                 <option value="ple.nitos">NITOS</option>
  11                                 <option value="ple.iminds">iMinds</option>
  12                         </select> -->
  13                   </li>
  14                   <li class="list-group-item">Filter: slice</li>
  15                   <li class="list-group-item">...</li>
  16                   <li class="list-group-item">...</li>
  17                   <li class="list-group-item">...</li>
  18                 </ul>
  19
  20         </div>
  21         <div class="col-md-10">
  22                 <div class="row">
  23                 </div>
  24                 <div id="user-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Useres" /></div>
  25                 <div id="user-tab-loaded" style="display:none;">
  26                 <table id="user-tab">
  27                         <tr>
  28                         <th>+/-</th>
  29                         <th>Email</th>
  30                         <th>user_hrn</th>
  31                         <th>Enabled</th>
  32                         </tr>
  33                 </table>
  34                 </div>
  35 <script>
  36     $(document).ready(function() {
  37                         //console.log("the value you selected: " + selectedValue);
  38                 $.post("/rest/user/",{'filters':{'parent_authority': "{{user_details.parent_authority}}"}}, function( data ) {
  39                 var list_users = [];
  40                 var table_users = [];
  41                                 /* Available fields
  42                                 user_gid, user_enabled, slices, pi_authorities, keys, parent_authority, user_first_name,
  43                             user_urn, user_last_name, user_phone, user_hrn, user_email, user_type
  44                                 */
  45                 $.each( data, function( key, val ) {
  46                         list_users.push( "<li><a href=\"portal/user/"+val.user_email+"\">" + val.user_email + "</a></li>" );
  47                         user_row = "<tr>";
  48                                         // checking the box for the users that belong to the selected slice
  49                                         var flag_checkbox = 0;
  50                                         for(var data in val.slices) {
  51                                         var element = val.slices[data];
  52                                                 if (element == "{{slice}}"){
  53                                                         //console.log("the slice is: "+ element);
  54                                                         flag_checkbox = 1;
  55                                                         user_row += "<td><input type='checkbox' checked='True'></td>";
  56                                                 }
  57                                         }
  58                                         if(flag_checkbox != 1){
  59                                 user_row += "<td><input type='checkbox'></td>";
  60                                         }
  61                         user_row += "<td>"+val.user_email+"</td>";
  62                         user_row += "<td>"+val.user_hrn+"</td>";
  63                                         user_row += "<td>"+val.user_enabled+"</td>";
  64                         user_row += "</tr>";
  65                         table_users.push(user_row);
  66
  67                 });
  68                                 $("table#user-tab tr:last").after(table_users.join( "" ));
  69                 $("div#user-tab-loaded").css("display","block");
  70                 $("div#user-tab-loading").css("display","none");
  71                 });
  72         //      });
  73     });
  74 </script>
  75