1 {% extends "layout_wide.html" %}
4 <script type="text/javascript" src="{{STATIC_URL}}/js/institution.js"></script>
8 <div class="container">
10 <div class="col-md-12">
11 <div class="breadcrumbs">
13 Management > Project: <span id="authority_name">{{user_details.parent_authority}}</span>
15 Management > Institution: <span id="authority_name">{{user_details.parent_authority}}</span>
21 <div class="container">
23 <div class="col-md-12">
24 <ul class="nav nav-tabs nav-section">
25 <li class="active"><a href="#about">About</a></li>
26 <li><a href="#users">Users</a></li>
28 <li><a href="#projects">Projects</a></li>
30 <li><a href="#slices">Slices</a></li>
32 <li><a href="#requests">Requests</a></li>
37 <div class="container tab-content">
38 <div class="tab-pane active row" id="about">
39 <div class="col-md-12 el">
40 <h2>{{user_details.parent_authority}}</h2>
44 <div class="tab-pane row" id="users" data-authority="{{user_details.parent_authority}}">
45 <div class="col-md-12 el">
46 <div id="user-tab-loading" style="padding-bottom:10px;"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Slices" /></div>
47 <div id="user-tab-loaded" style="display:none;">
48 <table id="user-tab" class="table">
67 <button id="removepi" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Remove from project</button>
69 <button id="makepi" type="button" class="btn btn-primary"><span class="glyphicon glyphicon-arrow-up"></span> Upgrade to PI</button>
70 <button id="removepi" type="button" class="btn"><span class="glyphicon glyphicon-arrow-down"></span> Downgrade to user</button>
71 <button id="deleteusers" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete selected users</button>
79 <div class="tab-pane row" id="projects" data-authority="{{user_details.parent_authority}}">
80 <div class="col-md-12 el">
81 <div id="project-tab-loading" style="padding-bottom:10px;"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Projects" /></div>
82 <div id="project-tab-loaded" style="display:none;">
83 <table id="project-tab" class="table">
93 <button id="createproject" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Create project</button>
94 <button id="deleteprojects" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete selected projects</button>
96 <button id="createproject" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Request project</button>
102 <div class="tab-pane row" id="slices">
103 <div class="col-md-12 el">
104 <div id="slice-tab-loading" style="padding-bottom:10px;"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Slices" /></div>
105 <div id="slice-tab-loaded" style="display:none;">
106 <table id="slice-tab" class="table">
112 <!-- <th>nodes</th> -->
119 <button id="createslice" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Create slice</button>
120 <button id="renewslices" type="button" class="btn btn-primary"><span class="glyphicon glyphicon-refresh"></span> Renew Slices</button>
121 <button id="deleteslices" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete Slices</button>
123 <button id="createslice" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Request slice</button>
128 <div class="tab-pane row" id="requests">
129 <div id="spinner" style="padding-top:40px; padding-left:40px;"></div>
133 $(document).ready(function() {
135 {% if user_details.parent_authority %}
136 $('#spinner').spin();
138 $.post("/rest/myslice:slice/",{'fields':['slice_hrn','users','url','slice_date_created'],'filters':{'parent_authority':'{{user_details.parent_authority}}'}}, function( data ) {
139 var list_slices = [];
140 var table_slices = [];
141 /* "slice_hrn", "slice_description", "slice_type", "parent_authority", "created", "nodes", "slice_url", "slice_last_updated", "users", "slice_urn", "slice_expires" */
142 $.each( data, function( key, val ) {
143 list_slices.push( "<li><a href=\"portal/slice/"+val.slice_hrn+"\">" + val.slice_hrn + "</a></li>" );
144 if(val.nodes=="undefined" || val.nodes==null){
147 nodes_length=val.nodes.length;
149 if(val.users=="undefined" || val.users==null){
152 users_length=val.users.length;
155 if(val.url=="undefined" || val.url==null){
158 slice_url="<a href='"+val.url+"' target='_blank'>"+val.url+"</a>";
161 slice_row = "<tr id='"+val.slice_hrn+"'>";
162 slice_row += "<td><input type='checkbox' class='slice' id='"+val.slice_hrn+"'><div id='"+val.slice_hrn+"-loading' style='display:none;padding-left:3px;'><img src='{{ STATIC_URL }}img/loading.gif'></div></td>";
164 // filter links to slices, only those that the user has credentials for
165 s = myslice.user.slices;
166 if(s.length > 0 && $.inArray(val.slice_hrn, myslice.user.slices)!=-1){
167 slice_row += "<td><a href='/slice/"+val.slice_hrn+"'>" + val.slice_hrn + "</a></td>";
169 slice_row += "<td>" + val.slice_hrn + "</td>";
171 slice_row += "<td>"+users_length+"</td>";
172 slice_row += "<td>"+slice_url+"</td>";
173 //slice_row += "<td>"+nodes_length+"</td>";
174 slice_row += "<td>"+val.slice_date_created+"</td>";
175 slice_row += "</tr>";
176 table_slices.push(slice_row);
180 /* $("div#slice-list").html($( "<ul/>", { html: list_slices.join( "" ) })); */
181 $("table#slice-tab tr:last").after(table_slices.join( "" ));
182 $("div#slice-tab-loaded").css("display","block");
183 $("div#slice-tab-loading").css("display","none");
187 $.post("/rest/myslice:authority/",{'fields':['pi_users'],'filters':{'authority_hrn':'{{user_details.parent_authority}}'}}, function( data ) {
189 var table_users = [];
190 $.each( data[0].pi_users, function( key, val ) {
191 user_row = "<tr id='"+val+"'>";
192 user_row += "<td><input type='checkbox' class='user' id='"+val+"'><div id='"+val+"-loading' style='display:none;padding-left:3px;'><img src='{{ STATIC_URL }}img/loading.gif'></div></td>";
193 user_row += "<td>"+val+"</td>";
195 table_users.push(user_row);
197 $("table#user-tab tr:last").after(table_users.join( "" ));
198 $("div#user-tab-loaded").css("display","block");
199 $("div#user-tab-loading").css("display","none");
203 $.post("/rest/myslice:user/",{'filters':{'parent_authority':'{{user_details.parent_authority}}'}}, function( data ) {
205 var table_users = [];
207 user_gid, user_enabled, slices, pi_authorities, keys, parent_authority, user_first_name,
208 user_urn, user_last_name, user_phone, user_hrn, user_email, user_type
210 $.each( data, function( key, val ) {
211 list_users.push( "<li><a href=\"portal/user/"+val.user_email+"\">" + val.user_email + "</a></li>" );
212 user_row = "<tr id='"+val.user_hrn+"'>";
213 user_row += "<td><input type='checkbox' class='user' id='"+val.user_hrn+"' data-email='"+val.user_email+"'><div id='"+val.user_hrn+"-loading' style='display:none;padding-left:3px;'><img src='{{ STATIC_URL }}img/loading.gif'></div></td>";
214 user_row += "<td>"+val.user_email+"</td>";
215 user_row += "<td>"+val.user_hrn+"</td>";
217 user_row += "<td>"+val.user_first_name+"</td>";
218 user_row += "<td>"+val.user_last_name+"</td>";
219 user_row += "<td>"+val.user_enabled+"</td>";
222 table_users.push(user_row);
224 $("table#user-tab tr:last").after(table_users.join( "" ));
225 $("div#user-tab-loaded").css("display","block");
226 $("div#user-tab-loading").css("display","none");
228 $.post("/rest/myslice:authority/",{'fields':['authority_hrn','pi_users'],'filters':{'authority_hrn':'CONTAINS{{user_details.parent_authority}}'}}, function( data ) {
230 var table_projects = [];
231 $.each( data, function( key, val ) {
232 project_row = "<tr id='"+val.authority_hrn+"'>";
233 project_row += "<td><input type='checkbox' class='project' id='"+val.authority_hrn+"'><div id='"+val.authority_hrn+"-loading' style='display:none;padding-left:3px;'><img src='{{ STATIC_URL }}img/loading.gif'></div></td>";
235 // filter links to projects, only those that the user has credentials for
236 p = myslice.projects;
237 if(p.length > 0 && $.inArray(val.authority_hrn, p)!=-1){
238 project_row += "<td><a href='/portal/project/"+val.authority_hrn+"'>"+val.authority_hrn+"</a></td>";
240 project_row += "<td>"+val.authority_hrn+"</td>";
242 project_row += "</tr>";
243 table_projects.push(project_row);
245 $("table#project-tab tr:last").after(table_projects.join( "" ));
246 $("div#project-tab-loaded").css("display","block");
247 $("div#project-tab-loading").css("display","none");
255 }); // End document.ready
257 $(document).ready(function() {
258 $('.nav-tabs a').click(function (e) {
261 var id = $(this).attr('href').substr(1);
262 if ((id == 'requests')){
263 $("#" + id).load('/management/' + id);
266 if ((id == 'requests') || (id == 'about'))
267 $("#" + id).load('/management/' + id);
270 var hash = window.location.hash;
272 $('.nav-tabs a[href='+hash+']').click();
274 $('.nav-tabs a[href=#about]').click();
277 //upgrade users to PI
278 $('button#makepi').click(function() {
282 $.post("/rest/myslice:authority/",{'filters':{'authority_hrn': '{{user_details.parent_authority}}'}}, function( data ) {
283 pi_users = data[0]["pi_users"];
284 $('input:checkbox.user').each(function (index) {
286 var record_id = this.id;
287 pi_users.push(record_id)
288 $.post("/credentials/clear/",{'emails':[this.dataset['email']]}, function(data) {
289 }); // post credentials clear
294 $.post("/update/myslice:authority/",{'filters':{'authority_hrn':'{{user_details.parent_authority}}'},'params':{'pi_users':pi_users}}, function(data) {
296 mysliceAlert('Success: User rights added to: {{user_details.parent_authority}}','success', true);
298 mysliceAlert('Rest Error for: '+data.error,'warning', true);
299 //alert("Rest Error for "+record_id+": "+data.error);
306 //downgrade to user [in projects:remove from project]
307 $('button#removepi').click(function() {
311 $.post("/rest/myslice:authority/",{'filters':{'authority_hrn': '{{user_details.parent_authority}}'}}, function( data ) {
312 pi_users = data[0]["pi_users"];
313 // http://stackoverflow.com/questions/9792927/javascript-array-search-and-remove-string
314 $('input:checkbox.user').each(function (index) {
316 var record_id = this.id;
317 for (var i=pi_users.length-1; i>=0; i--) {
318 if (pi_users[i] === record_id) {
319 pi_users.splice(i, 1);
320 $.post("/credentials/clear/",{'emails':[this.dataset['email']]}, function(data) {
321 }); // post credentials clear
328 $.post("/update/myslice:authority/",{'filters':{'authority_hrn':'{{user_details.parent_authority}}'},'params':{'pi_users':pi_users}}, function(data) {
330 mysliceAlert('Success: User rights removed from: {{user_details.parent_authority}}','success', true);
332 // remove the user from the list of pis of the project displayed
333 $('input:checkbox.user').each(function (index) {
335 var record_id = this.id;
336 $('tr[id="'+record_id+'"]').fadeOut("slow");
337 $('tr[id="'+record_id+'"]').remove();
343 mysliceAlert('Rest Error for: '+data.error,'warning', true);
344 //alert("Rest Error for "+record_id+": "+data.error);
349 mysliceAlert('No action: User had no rights on: {{user_details.parent_authority}}','success', true);