portal/templates/fibre/old/fibre_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">Filter: authority</li>
  11                   <li class="list-group-item">Filter: slice</li>
  12                   <li class="list-group-item">...</li>
  13                   <li class="list-group-item">...</li>
  14                   <li class="list-group-item">...</li>
  15                 </ul>
  16
  17         </div>
  18         <div class="col-md-10">
  19                 <div class="row">
  20                         {% include theme|add:"_widget-slice-sections.html" %}
  21                 </div>
  22                 <div class="row slice-pending">
  23                         <ul class="nav nav-pills">
  24                                 <li><a href="">All users</a></li>
  25                                 <li><a href="">Users in Slice</a></li>
  26                                 <li><a href="">Pending<span class="badge">42</span></a></li>
  27                                 <li>
  28                                         <button type="button" class="btn btn-primary apply">Apply</button>
  29                                         <button type="button" class="btn btn-default clear">Clear</button>
  30                                 </li>
  31                         </ul>
  32                 </div>
  33                 <div class="row">
  34                         <ul class="nav nav-tabs">
  35                           <li class="active"><a href="#">Users</a></li>
  36                           <li><a href="#"></a></li>
  37                           <li><a href="#"></a></li>
  38                         </ul>
  39                 </div>
  40                 <div id="user-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Useres" /></div>
  41                 <div id="user-tab-loaded" style="display:none;">
  42                 <table id="user-tab">
  43                         <tr>
  44                         <th>+/-</th>
  45                         <th>Email</th>
  46                         <th>user_hrn</th>
  47                         <th>Enabled</th>
  48                         </tr>
  49                 </table>
  50                 </div>
  51 <script>
  52     $(document).ready(function() {
  53         $.post("/rest/user/",{'filters':{'parent_authority':'ple.upmc'}}, function( data ) {
  54             var list_users = [];
  55             var table_users = [];
  56                         /*
  57                         "enabled", "keys", "parent_authority", "user_first_name", "user_last_name", "user_phone", "user_hrn", "slice", "user_email"
  58                         */
  59             $.each( data, function( key, val ) {
  60                 list_users.push( "<li><a href=\"portal/user/"+val.user_email+"\">" + val.user_email + "</a></li>" );
  61                 user_row = "<tr>";
  62                                 // checking the box for the users that belong to the selected slice
  63                                 var flag_checkbox = 0;
  64                                 for(var data in val.slice) {
  65                                 var element = val.slice[data];
  66                                         console.log("element");
  67                                         console.log(element);
  68                                         for(var key in element) {
  69                                         var value = element[key];
  70                                                 if (value == 'ple.upmc.myslicedemo'){
  71                                                 console.log("found!!");
  72                                                         flag_checkbox = 1;
  73                                                         user_row += "<td><input type='checkbox' checked='True'></td>";
  74                                                 }
  75
  76                                         }
  77                                 }
  78                                 if(flag_checkbox != 1){
  79                         user_row += "<td><input type='checkbox'></td>";
  80                                 }
  81                 user_row += "<td>"+val.user_email+"</td>";
  82                 user_row += "<td>"+val.user_hrn+"</td>";
  83                                 user_row += "<td>"+val.enabled+"</td>";
  84                 user_row += "</tr>";
  85                 table_users.push(user_row);
  86
  87             });
  88                         $("table#user-tab tr:last").after(table_users.join( "" ));
  89             $("div#user-tab-loaded").css("display","block");
  90             $("div#user-tab-loading").css("display","none");
  91          });
  92     });
  93 </script>
  94
  95 {% endblock %}