1 <script type="text/javascript" src="{{STATIC_URL}}/js/jquery-ui.js"></script>
2 <script type="text/javascript" src="{{STATIC_URL}}/js/jquery.qtip.min.js"></script>
3 <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery.qtip.min.css">
4 <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery-ui.css">
6 function get_users_in_slice(authority_hrn){
7 console.log(authority_hrn);
8 $("table#user-tab").html("<tr><th>+/-</th><th>Email</th><th>User hrn</th></tr>");
10 $.post("/rest/user/",{'filters':{'parent_authority': authority_hrn}}, function( data ) {
14 user_gid, user_enabled, slices, pi_authorities, keys, parent_authority, user_first_name,
15 user_urn, user_last_name, user_phone, user_hrn, user_email, user_type
17 $.each( data, function( key, val ) {
18 list_users.push( "<li><a href=\"portal/user/"+val.user_email+"\">" + val.user_email + "</a></li>" );
20 // checking the box for the users that belong to the selected slice
21 var flag_checkbox = 0;
22 for(var data in val.slices) {
23 var element = val.slices[data];
24 if (element == "{{slice}}"){
25 //console.log("the slice is: "+ element);
27 slice_users.push (val.user_hrn)
28 user_row += "<td><input type='checkbox' checked='True' class='user'></td>";
31 if(flag_checkbox != 1){
32 user_row += "<td><input type='checkbox' class='user'></td>";
34 user_row += "<td>"+val.user_email+"</td>";
35 user_row += "<td>"+val.user_hrn+"</td>";
36 //user_row += "<td>"+val.user_enabled+"</td>";
38 table_users.push(user_row);
41 $("table#user-tab tr:first").after(table_users.join( "" ));
42 $("div#user-tab-loaded").css("display","block");
43 $("div#user-tab-loading").css("display","none");
44 $("input:checkbox.user").click(function() {
45 user_hrn = $(this).closest('tr').find('td:eq(2)').html();
47 var record_id = this.id;
48 slice_users.push (user_hrn);
50 console.log(slice_users);
55 $('button#addusers').click(function() {
56 $.post("/update/slice/",{'filters':{'slice_hrn':'{{slice}}'},'params':{'users':slice_users}}, function(data) {
58 // TODO: highlight row after success
59 //$('tr[id="'+record_id+'"]').highlight();
60 mysliceAlert('Success: slice updated','success', true);
62 mysliceAlert('Rest Error for: '+data.error,'warning', true);
64 }); // post update slice
66 // TODO: refresh table
67 //window.location="/portal/institution#slices";
68 }); // button#addusers click
70 } // get_users_in_slice
72 $(document).ready(function() {
73 // TODO: Add a filter based on the list of authorities
74 $.post("/rest/authority/",{'fields':['authority_hrn']}, function( data ) {
75 var list_authorities = [];
76 $.each( data, function( key, val ) {
77 auth_hrn = val.authority_hrn;
78 // Keep only the sub authorities, remove root auth
79 if(auth_hrn.indexOf(".") > -1){
80 list_authorities.push(auth_hrn);
81 list_authorities.sort();
82 if(auth_hrn=="{{user_details.parent_authority}}"){
83 $('#auth_list').val(auth_hrn);
87 $( "#auth_list" ).autocomplete({
88 source: list_authorities,
90 select: function (event, ui) {
91 get_users_in_slice(ui.item.value);
93 //select: function( event, ui ) {console.log(jQuery(this))}
95 }); // post rest/authority
97 get_users_in_slice("{{user_details.parent_authority}}");
99 $('[title!=""]').qtip();
100 }); // document ready
103 <div class="col-md-2">
104 <div id="select-platform" class="list-group">
107 <ul class="list-group">
108 <li class="list-group-item">Authority</li>
109 <li class="list-group-item" style="padding-left:5px;">
110 <input type="text" id="auth_list" style ="min-width:190px;"
111 title="The default value is the authority that you belong to and the selected users belong to this slice.
112 You can view users of other authorities (organizations) from the list that apears when you click in the field and start to type.
113 Use the arrow keys to scroll through the list; type part of the name to narrow down the list."/>
118 <div class="col-md-10">
121 <div id="user-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Useres" /></div>
122 <div id="user-tab-loaded" style="display:none;">
123 <table id="user-tab" class="table">
126 <!-- XXX TODO: for the moment only PIs have access to Update but users that have slice credentials should also have access to that -->
128 <button id="addusers" type="button" class="btn btn-default"><span class="glyphicon glyphicon-ok"></span> Update users</button>