X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2Fslice-tab-users-view.html;h=82acd013048cea78101648f688291402c3bfd40b;hb=bff32abff469690c249af3b4f1cbb6905bd70e0d;hp=1052c495d762edec62d69c47a5f26a6fb4fb14a6;hpb=43da604014833e14325c327a0ea60c04bf112526;p=myslice.git

diff --git a/portal/templates/slice-tab-users-view.html b/portal/templates/slice-tab-users-view.html
index 1052c495..82acd013 100644
--- a/portal/templates/slice-tab-users-view.html
+++ b/portal/templates/slice-tab-users-view.html
@@ -1,8 +1,15 @@
+<script type="text/javascript" src="{{STATIC_URL}}/js/jquery-ui.js"></script>
+<script type="text/javascript" src="{{STATIC_URL}}/js/jquery.qtip.min.js"></script>
+<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/jquery.qtip.min.css">
+<link rel="stylesheet" href="{{ STATIC_URL }}css/jquery-ui.css">
 <script>
     function get_users_in_slice(authority_hrn){
         console.log(authority_hrn);
         $("table#user-tab").html("<tr><th>+/-</th><th>Email</th><th>User hrn</th></tr>");
-    	var slice_users = [];
+     	var slice_users = [];
+    	var slice_users_removed = [];
+ 	  	var slice_users_emails = [];
+    	var slice_users_emails_removed = [];
     	$.post("/rest/user/",{'filters':{'parent_authority': authority_hrn}}, function( data ) {
         	var list_users = [];
         	var table_users = [];
@@ -39,15 +46,45 @@
         	$("div#user-tab-loading").css("display","none");
             $("input:checkbox.user").click(function() {
                 user_hrn = $(this).closest('tr').find('td:eq(2)').html();
+                user_email = $(this).closest('tr').find('td:eq(1)').html();
                 if(this.checked){
                     var record_id = this.id;
                     slice_users.push (user_hrn);
+					slice_users_removed.splice($.inArray(user_hrn, slice_users_removed),1);
+                    slice_users_emails.push (user_email);
+					slice_users_emails_removed.splice($.inArray(user_email, slice_users_emails_removed),1);	
+	
                 }else{
-                    console.log(slice_users);
+                    slice_users_removed.push (user_hrn);
+					slice_users.splice($.inArray(user_hrn, slice_users),1);
+                    slice_users_emails_removed.push (user_email);
+					// this one is removing from the list wrong user when u uncheck
+					//slice_users_emails.splice($.inArray(user_email, slice_users_emails),1);
+					//this one is still buggy cz it still keeps users in both arrays
+					// but it's ok for the moment
+					slice_users_emails;
+	
                 }
             });
-     	}); // post rest/user
-    }
+     	}); // post rest/use
+
+	 	$('button#addusers').click(function() {
+     		$.post("/update/slice/",{'filters':{'slice_hrn':'{{slice}}'},'params':{'users':slice_users}}, function(data) {
+         		if(data.success){
+             		// TODO: highlight row after success
+             		//$('tr[id="'+record_id+'"]').highlight();
+             		mysliceAlert('Success: slice updated','success', true);
+         		}else{
+             		mysliceAlert('Rest Error for: '+data.error,'warning', true);
+         		}
+     		}); // post update slice
+			emails = slice_users_emails.concat(slice_users_emails_removed);
+     		$.post("/credentials/clear/",{'emails':emails}, function(data) {
+     		}); // post credentials clear
+
+ 		}); // button#addusers click
+
+    } // get_users_in_slice
 
     $(document).ready(function() {
             // TODO: Add a filter based on the list of authorities
@@ -58,33 +95,25 @@
                     // Keep only the sub authorities, remove root auth
                     if(auth_hrn.indexOf(".") > -1){
                         list_authorities.push(auth_hrn);
+						list_authorities.sort();
                         if(auth_hrn=="{{user_details.parent_authority}}"){
-                            $("#auth_list").append("<option value='"+auth_hrn+"' selected='selected'>"+auth_hrn+"</option>");
-                        }else{
-                            $("#auth_list").append("<option value='"+auth_hrn+"'>"+auth_hrn+"</option>");
-                        }
+							$('#auth_list').val(auth_hrn);
+						}
                     }
                 });
+				$( "#auth_list" ).autocomplete({
+      				source: list_authorities,
+      				minLength: 0,
+      				select: function (event, ui) {
+		  				get_users_in_slice(ui.item.value);
+      				}
+      				//select: function( event, ui ) {console.log(jQuery(this))}
+    			});
             }); // post rest/authority
 
             get_users_in_slice("{{user_details.parent_authority}}");
 
-	        $('button#addusers').click(function() {
-                $.post("/update/slice/",{'filters':{'slice_hrn':'{{slice}}'},'params':{'users':slice_users}}, function(data) {
-                	if(data.success){
-                    	// TODO: highlight row after success
-                    	//$('tr[id="'+record_id+'"]').highlight();
-                    	mysliceAlert('Success: slice updated','success', true);
-                	}else{
-                    	mysliceAlert('Rest Error for: '+data.error,'warning', true);
-                	}
-                }); // post update slice
-            
-            	// TODO: refresh table
-            	//window.location="/portal/institution#slices";
-
-            }); // button#addusers click
-
+	$('[title!=""]').qtip();
     }); // document ready
 </script>
 
@@ -93,11 +122,12 @@
 		</div>
 			
 		<ul class="list-group">
-		  <li class="list-group-item">Authority:<b> {{user_details.parent_authority}}</b>
-		  </li>
+		  <li class="list-group-item">Authority</li>
 		  <li class="list-group-item" style="padding-left:5px;">
-			<select id="auth_list" onchange="get_users_in_slice(this.value);" style ="min-width:190px;">
-            </select>
+			<input type="text" id="auth_list"  style ="min-width:190px;" 
+			title="The default value is  the authority that you belong to and the selected users belong to this slice.
+				   You can view users of other authorities (organizations) from the list that apears when you click in the field and start to type.
+				   Use the arrow keys to scroll through the list; type part of the name to narrow down the list."/>
           </li>
 		</ul>
 	
@@ -112,8 +142,6 @@
 
                 <!-- XXX TODO: for the moment only PIs have access to Update but users that have slice credentials should also have access to that -->
 
-				{% if 'is_pi'  in pi %}
 				<button id="addusers" type="button" class="btn btn-default"><span class="glyphicon glyphicon-ok"></span> Update users</button>
-				{%endif%}
         	</div>