portal/templates/onelab/onelab_slice-user-view.html

   1 {% extends "layout_wide.html" %}
   2
   3
   4 {% block content %}
   5         <div class="col-md-2">
   6                 <div id="select-platform" class="list-group">
   7                 </div>
   8
   9                 <ul class="list-group">
  10                   <li class="list-group-item">Authority:<b> {{user_details.parent_authority}}</b>
  11                         <!--<select id="auth_list">
  12                                 <option value="ple.upmc">UPMC</option>
  13                                 <option value="ple.inria">INRIA</option>
  14                                 <option value="ple.nitos">NITOS</option>
  15                                 <option value="ple.iminds">iMinds</option>
  16                         </select> -->
  17                   </li>
  18                   <li class="list-group-item">Filter: slice</li>
  19                   <li class="list-group-item">...</li>
  20                   <li class="list-group-item">...</li>
  21                   <li class="list-group-item">...</li>
  22                 </ul>
  23
  24         </div>
  25         <div class="col-md-10">
  26                 <div class="row">
  27                         {% include theme|add:"_widget-slice-sections.html" %}
  28                 </div>
  29                 <div class="row slice-pending">
  30                         <ul class="nav nav-pills">
  31                                 <li><a href="">All users</a></li>
  32                                 <li><a href="">Users in Slice</a></li>
  33                                 <li><a href="">Pending<span class="badge">42</span></a></li>
  34                                 <li>
  35                                         <button type="button" class="btn btn-primary apply">Apply</button>
  36                                         <button type="button" class="btn btn-default clear">Clear</button>
  37                                 </li>
  38                         </ul>
  39                 </div>
  40                 <div class="row">
  41                         <ul class="nav nav-tabs">
  42                           <li class="active"><a href="#">Users</a></li>
  43                           <li><a href="#"></a></li>
  44                           <li><a href="#"></a></li>
  45                         </ul>
  46                 </div>
  47                 <div id="user-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Useres" /></div>
  48                 <div id="user-tab-loaded" style="display:none;">
  49                 <table id="user-tab">
  50                         <tr>
  51                         <th>+/-</th>
  52                         <th>Email</th>
  53                         <th>user_hrn</th>
  54                         <th>Enabled</th>
  55                         </tr>
  56                 </table>
  57                 </div>
  58 <script>
  59     $(document).ready(function() {
  60                 //var selectedValue = $( "#auth_list option:selected" ).val();
  61                 //console.log(selectedValue);
  62                 //console.log("Name of the authority: " + "{{user_details.parent_authority}}");
  63                 //$("#auth_list").change(function(){
  64                         //selectedValue = $(this).find(":selected").val();
  65                         //console.log("the value you selected: " + selectedValue);
  66                 $.post("/rest/user/",{'filters':{'parent_authority': "{{user_details.parent_authority}}"}}, function( data ) {
  67                 var list_users = [];
  68                 var table_users = [];
  69                                 /* Available fields
  70                                 user_gid, user_enabled, slices, pi_authorities, keys, parent_authority, user_first_name,
  71                             user_urn, user_last_name, user_phone, user_hrn, user_email, user_type
  72                                 */
  73                 $.each( data, function( key, val ) {
  74                         list_users.push( "<li><a href=\"portal/user/"+val.user_email+"\">" + val.user_email + "</a></li>" );
  75                         user_row = "<tr>";
  76                                         // checking the box for the users that belong to the selected slice
  77                                         var flag_checkbox = 0;
  78                                         for(var data in val.slices) {
  79                                         var element = val.slices[data];
  80                                                 if (element == "{{slice}}"){
  81                                                         //console.log("the slice is: "+ element);
  82                                                         flag_checkbox = 1;
  83                                                         user_row += "<td><input type='checkbox' checked='True'></td>";
  84                                                 }
  85                                         }
  86                                         if(flag_checkbox != 1){
  87                                 user_row += "<td><input type='checkbox'></td>";
  88                                         }
  89                         user_row += "<td>"+val.user_email+"</td>";
  90                         user_row += "<td>"+val.user_hrn+"</td>";
  91                                         user_row += "<td>"+val.user_enabled+"</td>";
  92                         user_row += "</tr>";
  93                         table_users.push(user_row);
  94
  95                 });
  96                                 $("table#user-tab tr:last").after(table_users.join( "" ));
  97                 $("div#user-tab-loaded").css("display","block");
  98                 $("div#user-tab-loading").css("display","none");
  99                 });
 100         //      });
 101     });
 102 </script>
 103
 104 {% endblock %}