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>
31 <li><a href="#requests">Requests</a></li>
36 <div class="container tab-content">
37 <div class="tab-pane active row" id="about">
38 <div class="col-md-12 el">
39 <h2>{{user_details.parent_authority}}</h2>
43 <div class="tab-pane row" id="users" data-authority="{{user_details.parent_authority}}">
44 <div class="col-md-12 el">
45 <div id="user-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Slices" /></div>
46 <div id="user-tab-loaded" style="display:none;">
47 <table id="user-tab" class="table">
66 <button id="removepi" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Remove from project</button>
68 <button id="makepi" type="button" class="btn btn-primary"><span class="glyphicon glyphicon-arrow-up"></span> Upgrade to PI</button>
69 <button id="removepi" type="button" class="btn"><span class="glyphicon glyphicon-arrow-down"></span> Downgrade to user</button>
70 <button id="deleteusers" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete selected users</button>
78 <div class="tab-pane row" id="projects" data-authority="{{user_details.parent_authority}}">
79 <div class="col-md-12 el">
80 <div id="project-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Projects" /></div>
81 <div id="project-tab-loaded" style="display:none;">
82 <table id="project-tab" class="table">
92 <button id="createproject" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Create project</button>
93 <button id="deleteprojects" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete selected projects</button>
95 <button id="createproject" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Request project</button>
101 <div class="tab-pane row" id="slices">
102 <div class="col-md-12 el">
103 <div id="slice-tab-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Slices" /></div>
104 <div id="slice-tab-loaded" style="display:none;">
105 <table id="slice-tab" class="table">
111 <!-- <th>nodes</th> -->
118 <button id="createslice" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Create slice</button>
119 <button id="renewslices" type="button" class="btn btn-primary"><span class="glyphicon glyphicon-refresh"></span> Renew Slices</button>
120 <button id="deleteslices" type="button" class="btn btn-danger"><span class="glyphicon glyphicon-remove"></span> Delete Slices</button>
122 <button id="createslice" type="button" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span> Request slice</button>
127 <div class="tab-pane row" id="requests">
131 $(document).ready(function() {
133 {% if user_details.parent_authority %}
135 $.post("/rest/myslice:slice/",{'fields':['slice_hrn','users','url','slice_date_created'],'filters':{'parent_authority':'{{user_details.parent_authority}}'}}, function( data ) {
136 var list_slices = [];
137 var table_slices = [];
138 /* "slice_hrn", "slice_description", "slice_type", "parent_authority", "created", "nodes", "slice_url", "slice_last_updated", "users", "slice_urn", "slice_expires" */
139 $.each( data, function( key, val ) {
140 list_slices.push( "<li><a href=\"portal/slice/"+val.slice_hrn+"\">" + val.slice_hrn + "</a></li>" );
141 if(val.nodes=="undefined" || val.nodes==null){
144 nodes_length=val.nodes.length;
147 if(val.users=="undefined" || val.users==null){
150 users_length=val.users.length;
153 if(val.url=="undefined" || val.url==null){
156 slice_url="<a href='"+val.url+"' target='_blank'>"+val.url+"</a>";
159 slice_row = "<tr id='"+val.slice_hrn+"'>";
160 slice_row += "<td><input type='checkbox' class='slice' id='"+val.slice_hrn+"'></td>";
161 slice_row += "<td><a href='/slice/"+val.slice_hrn+"'>" + val.slice_hrn + "</a></td>";
162 slice_row += "<td>"+users_length+"</td>";
163 slice_row += "<td>"+slice_url+"</td>";
164 //slice_row += "<td>"+nodes_length+"</td>";
165 slice_row += "<td>"+val.slice_date_created+"</td>";
166 slice_row += "</tr>";
167 table_slices.push(slice_row);
171 /* $("div#slice-list").html($( "<ul/>", { html: list_slices.join( "" ) })); */
172 $("table#slice-tab tr:last").after(table_slices.join( "" ));
173 $("div#slice-tab-loaded").css("display","block");
174 $("div#slice-tab-loading").css("display","none");
178 $.post("/rest/myslice:authority/",{'fields':['pi_users'],'filters':{'authority_hrn':'{{user_details.parent_authority}}'}}, function( data ) {
180 var table_users = [];
181 $.each( data[0].pi_users, function( key, val ) {
183 user_row = "<tr id='"+val+"'>";
184 user_row += "<td><input type='checkbox' class='user' id='"+val+"'></td>";
185 user_row += "<td>"+val+"</td>";
187 table_users.push(user_row);
189 $("table#user-tab tr:last").after(table_users.join( "" ));
190 $("div#user-tab-loaded").css("display","block");
191 $("div#user-tab-loading").css("display","none");
195 $.post("/rest/user/",{'fields':['user_hrn','user_email'],'filters':{'parent_authority':'{{user_details.parent_authority}}'}}, function( data ) {
197 var table_users = [];
199 user_gid, user_enabled, slices, pi_authorities, keys, parent_authority, user_first_name,
200 user_urn, user_last_name, user_phone, user_hrn, user_email, user_type
202 $.each( data, function( key, val ) {
203 list_users.push( "<li><a href=\"portal/user/"+val.user_email+"\">" + val.user_email + "</a></li>" );
204 user_row = "<tr id='"+val.user_hrn+"'>";
205 user_row += "<td><input type='checkbox' class='user' id='"+val.user_hrn+"'></td>";
206 user_row += "<td>"+val.user_email+"</td>";
207 user_row += "<td>"+val.user_hrn+"</td>";
209 user_row += "<td>"+val.user_first_name+"</td>";
210 user_row += "<td>"+val.user_last_name+"</td>";
211 user_row += "<td>"+val.user_enabled+"</td>";
214 table_users.push(user_row);
216 $("table#user-tab tr:last").after(table_users.join( "" ));
217 $("div#user-tab-loaded").css("display","block");
218 $("div#user-tab-loading").css("display","none");
220 $.post("/rest/myslice:authority/",{'fields':['authority_hrn','pi_users'],'filters':{'authority_hrn':'CONTAINS{{user_details.parent_authority}}'}}, function( data ) {
222 var table_projects = [];
223 $.each( data, function( key, val ) {
225 project_row = "<tr id='"+val.authority_hrn+"'>";
226 project_row += "<td><input type='checkbox' class='project' id='"+val.authority_hrn+"'></td>";
227 project_row += "<td><a href='/portal/project/"+val.authority_hrn+"'>"+val.authority_hrn+"</a></td>";
228 project_row += "</tr>";
229 table_projects.push(project_row);
231 $("table#project-tab tr:last").after(table_projects.join( "" ));
232 $("div#project-tab-loaded").css("display","block");
233 $("div#project-tab-loading").css("display","none");
241 }); // End document.ready
243 $(document).ready(function() {
244 $('.nav-tabs a').click(function (e) {
247 var id = $(this).attr('href').substr(1);
248 if ((id == 'requests')){
249 $("#" + id).load('/management/' + id);
252 if ((id == 'requests') || (id == 'about'))
253 $("#" + id).load('/management/' + id);
256 var hash = window.location.hash;
258 $('.nav-tabs a[href='+hash+']').click();
260 $('.nav-tabs a[href=#about]').click();
264 //upgrade users to PI
265 $(document).ready(function() {
266 $('button#makepi').click(function() {
269 $.post("/rest/myslice:authority/",{'filters':{'authority_hrn': '{{user_details.parent_authority}}'}}, function( data ) {
270 pi_users = data[0]["pi_users"];
271 $('input:checkbox.user').each(function (index) {
273 var record_id = this.id;
274 pi_users.push(record_id)
279 $.post("/update/myslice:authority/",{'filters':{'authority_hrn':'{{user_details.parent_authority}}'},'params':{'pi_users':pi_users}}, function(data) {
281 mysliceAlert('Success: User rights added to: {{user_details.parent_authority}}','success', true);
283 mysliceAlert('Rest Error for: '+data.error,'warning', true);
284 //alert("Rest Error for "+record_id+": "+data.error);
291 //downgrade to user [in projects:remove from project]
292 $(document).ready(function() {
293 $('button#removepi').click(function() {
296 $.post("/rest/myslice:authority/",{'filters':{'authority_hrn': '{{user_details.parent_authority}}'}}, function( data ) {
297 pi_users = data[0]["pi_users"];
298 // http://stackoverflow.com/questions/9792927/javascript-array-search-and-remove-string
299 $('input:checkbox.user').each(function (index) {
301 var record_id = this.id;
302 for (var i=pi_users.length-1; i>=0; i--) {
303 if (pi_users[i] === record_id) {
304 pi_users.splice(i, 1);
311 $.post("/update/myslice:authority/",{'filters':{'authority_hrn':'{{user_details.parent_authority}}'},'params':{'pi_users':pi_users}}, function(data) {
313 mysliceAlert('Success: User rights removed from: {{user_details.parent_authority}}','success', true);
315 // remove the user from the list of pis of the project displayed
316 $('input:checkbox.user').each(function (index) {
318 var record_id = this.id;
319 $('tr[id="'+record_id+'"]').fadeOut("slow");
320 $('tr[id="'+record_id+'"]').remove();
326 mysliceAlert('Rest Error for: '+data.error,'warning', true);
327 //alert("Rest Error for "+record_id+": "+data.error);