From bd32d4e05a64163272894af1b119ed3edff25ce0 Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Thu, 3 Mar 2011 11:27:06 -0800
Subject: [PATCH] bug 8636: (2.1.x UI) Network Group - Search Panel 2 - change
 domain dropdown to autoComplete input text field.

---
 ui/jsp/tab_networking.jsp        | 11 +++++--
 ui/scripts/cloud.core.network.js | 50 +++++++++++++++++++++++++-------
 2 files changed, 49 insertions(+), 12 deletions(-)

diff --git a/ui/jsp/tab_networking.jsp b/ui/jsp/tab_networking.jsp
index d0b564d1be0..3993bdb89d0 100755
--- a/ui/jsp/tab_networking.jsp
+++ b/ui/jsp/tab_networking.jsp
@@ -51,7 +51,7 @@ long milliseconds = new Date().getTime();
             
             <div class="select_directipbg_admin" style="display:block;">
                 <form action="#" method="post">
-                <ol>
+                <ol id="ip_search_panel1">
                     <li>
                     	
                     	<p style="float:left; font-size:11px; font-weight:bold; color:#FFF; margin:7px 0 0 0;">Search </p>
@@ -63,12 +63,19 @@ long milliseconds = new Date().getTime();
                 </form>
                 
                 <form action="#" method="post">
-                <ol>
+                <ol id="ip_search_panel2">
                      <li style="margin-left:15px;">
                     	<div class="ip_oricon"></div>
                        	<input class="text ipwatermark_text" type="text" id="search_by_account" value="By Account"/>
+                                                
+                        <input class="text" type="text" id="search_by_domain" />
+		                <!--  
+		                <div id="search_by_domain_errormsg" class="dialog_formcontent_errormsg" style="display: none;">  
+		                -->
+		                <!--                     
                         <select class="select" id="search_by_domain">
                         </select>
+                        -->   
                     </li>                    
                 </ol>
                 <div class="ip_searchbutton" id="ip_searchbutton2"></div>
diff --git a/ui/scripts/cloud.core.network.js b/ui/scripts/cloud.core.network.js
index de2d703dd4d..c74a33c84b8 100644
--- a/ui/scripts/cloud.core.network.js
+++ b/ui/scripts/cloud.core.network.js
@@ -209,7 +209,8 @@ function showNetworkingTab(p_domainId, p_account) {
     //watermark (end)	
     
     $("#submenu_content_network #ip_searchbutton1").bind("click", refreshIpListContainerByInputBox);
-    		  
+     
+    /* 		  
     function populateDomainDropdown() {
         var domainSelect = $("#submenu_content_network #search_by_domain").empty();			
 	    $.ajax({
@@ -224,16 +225,43 @@ function showNetworkingTab(p_domainId, p_account) {
 			    }
 		    }
 	    });		    
-    }		  
+    }	
+    */	  
     
-    $("#submenu_content_network #ip_searchbutton2").bind("click", function(event){
-        var array1 = [];
-        var account = $("#submenu_content_network #search_by_account").val();
+    $("#submenu_content_network").find("#ip_searchbutton2").bind("click", function(event){
+        var $searchPanel2= $("#submenu_content_network").find("#ip_search_panel2");
+        
+        var moreCriteria = [];
+        
+        var account = $searchPanel2.find("#search_by_account").val();
         if(account != null && account.length > 0)
-            array1.push("&account=" + account);
-        var domainId = $("#submenu_content_network #search_by_domain").val();
-        array1.push("&domainid=" + domainId);	        
-        refreshIpListContainer("command=listPublicIpAddresses&response=json&forvirtualnetwork=true" + array1.join(""));	 	        
+            moreCriteria.push("&account=" + account);       
+        
+        var domainName = $searchPanel2.find("#search_by_domain").val();
+        if (domainName != null && domainName.length > 0) { 	
+		    var domainId;							    
+	        if(autoCompleteDomains != null && autoCompleteDomains.length > 0) {									
+		        for(var i=0; i < autoCompleteDomains.length; i++) {					        
+		          if(fromdb(autoCompleteDomains[i].name).toLowerCase() == domainName.toLowerCase()) {
+		              domainId = autoCompleteDomains[i].id;
+		              break;	
+		          }
+	            } 					   			    
+	        } 	     	
+            if(domainId == null) { 
+	            //showError(false, $searchPanel2.find("#search_by_domain"), $searchPanel2.find("#search_by_domain_errormsg"), "Not Found");
+	        }
+	        else { //e.g. domainId == "5" 
+	            //showError(true, $searchPanel2.find("#search_by_domain"), $searchPanel2.find("#search_by_domain_errormsg"), null)
+	            moreCriteria.push("&domainid="+todb(domainId));	
+	        }
+	    }           
+        /*    
+        var domainId = $searchPanel2.find("#search_by_domain").val();
+        moreCriteria.push("&domainid=" + domainId);
+        */	        
+        
+        refreshIpListContainer("command=listPublicIpAddresses&response=json&forvirtualnetwork=true" + moreCriteria.join(""));	 	        
         return false;
     });
     		  
@@ -1021,7 +1049,9 @@ function showNetworkingTab(p_domainId, p_account) {
 	    if(isAdmin()) {
 	        submenuContent.find(".select_directipbg_admin").show();
 	        submenuContent.find(".select_directipbg_user").hide();	
-	        populateDomainDropdown();	    
+	        
+	        applyAutoCompleteToDomainField($("#submenu_content_network #search_by_domain"));  
+	        //populateDomainDropdown();	    
 	    } else {	        
 	        submenuContent.find(".select_directipbg_admin").hide();
 	        submenuContent.find(".select_directipbg_user").show();