From a1f2fec682cbed9ba5265f9eff29093dc72ad86b Mon Sep 17 00:00:00 2001
From: NIKITA <nikita@cloud.com>
Date: Fri, 17 Dec 2010 12:35:17 -0800
Subject: [PATCH] New UI for Advance Search in Snapshots, systemVM, template,
 volume

---
 ui/jsp/snapshot.jsp | 60 ++++++++++++++-------------
 ui/jsp/systemvm.jsp | 98 +++++++++++++++++++++++----------------------
 ui/jsp/template.jsp | 71 ++++++++++++++++----------------
 ui/jsp/volume.jsp   | 84 ++++++++++++++++++++------------------
 4 files changed, 164 insertions(+), 149 deletions(-)

diff --git a/ui/jsp/snapshot.jsp b/ui/jsp/snapshot.jsp
index f77fa685852..c7860bbb7aa 100644
--- a/ui/jsp/snapshot.jsp
+++ b/ui/jsp/snapshot.jsp
@@ -194,35 +194,39 @@
 
 <!-- advanced search template (begin) -->
 <div id="advanced_search_template" class="adv_searchpopup" style="display: none;">
-    <div class="adv_searchformbox">
-        <h3>
-            Advance Search</h3>
-        <a id="advanced_search_close" href="#">Close </a>
-        <form action="#" method="post">
-        <ol>
-            <li>
-                <label>
-                    Name:</label>
-                <input class="text" type="text" name="adv_search_name" id="adv_search_name" />
-            </li>
-            <li id="adv_search_domain_li" style="display: none;">
-                <label for="filter">
-                    Domain:</label>
-                <select class="select" id="adv_search_domain">
-                </select>
-            </li>
-            <li id="adv_search_account_li" style="display: none;">
-                <label for="filter">
-                    Account:</label>
-                <input class="text" type="text" id="adv_search_account" />
-            </li>
-        </ol>
-        </form>
-        <div class="adv_search_actionbox">
-            <div class="adv_searchpopup_button" id="adv_search_button">
-            </div>
-        </div>
+    <div class="adv_searchpopup_top">
+    	<h2>Advance Search</h2>
     </div>
+    
+    <div class="adv_searchpopup_mid">
+        <div class="adv_searchformbox">
+            <form action="#" method="post">
+            <ol>
+                <li>
+                    <label>
+                        Name:</label>
+                    <input class="text" type="text" name="adv_search_name" id="adv_search_name" />
+                </li>
+                <li id="adv_search_domain_li" style="display: none;">
+                    <label for="filter">
+                        Domain:</label>
+                    <select class="select" id="adv_search_domain">
+                    </select>
+                </li>
+                <li id="adv_search_account_li" style="display: none;">
+                    <label for="filter">
+                        Account:</label>
+                    <input class="text" type="text" id="adv_search_account" />
+                </li>
+            </ol>
+            </form>
+            <div class="adv_search_actionbox">
+                <div class="adv_searchpopup_button" id="adv_search_button">
+                </div>
+            </div>
+         </div>
+    </div>
+    <div class="adv_searchpopup_bot"></div>
 </div>
 <!-- advanced search template (end) -->
 
diff --git a/ui/jsp/systemvm.jsp b/ui/jsp/systemvm.jsp
index 2151ae1a908..61a5f969ba4 100644
--- a/ui/jsp/systemvm.jsp
+++ b/ui/jsp/systemvm.jsp
@@ -38,7 +38,7 @@
 	            <div class="grid_header">
 	                <div id="grid_header_title" class="grid_header_title">
 	                    (title)</div>
-	                <div id="action_link" class="grid_actionbox" id="action_link">
+	                <div id="action_link" class="grid_actionbox">
 	                    <div class="grid_actionsdropdown_box" id="action_menu" style="display: none;">
 	                        <ul class="actionsdropdown_boxlist" id="action_list">
 	                            <li>
@@ -207,52 +207,56 @@
 
 <!-- advanced search template (begin) -->
 <div id="advanced_search_template" class="adv_searchpopup" style="display: none;">
-    <div class="adv_searchformbox">
-        <h3>
-            Advance Search</h3>
-        <a id="advanced_search_close" href="#">Close </a>
-        <form action="#" method="post">
-        <ol>
-            <li>
-                <label>
-                    Name:</label>
-                <input class="text" type="text" id="adv_search_name" />
-            </li>
-            <li>
-			    <label>
-			        Status:</label>
-			    <select class="select" id="adv_search_state">
-			        <option value=""></option>
-			        <option value="Creating">Creating</option>
-			        <option value="Starting">Starting</option>
-			        <option value="Running">Running</option>
-			        <option value="Stopping">Stopping</option>
-			        <option value="Stopped">Stopped</option>
-			        <option value="Destroyed">Destroyed</option>
-			        <option value="Expunging">Expunging</option>
-			        <option value="Migrating">Migrating</option>
-			        <option value="Error">Error</option>
-			        <option value="Unknown">Unknown</option>
-			    </select>
-			</li>            
-            <li>
-                <label>
-                    Zone:</label>
-                <select class="select" id="adv_search_zone">
-                </select>
-            </li>
-            <li id="adv_search_pod_li" style="display: none;">
-                <label id="adv_search_pod_label">
-                    Pod:</label>
-                <select class="select" id="adv_search_pod">
-                </select>
-            </li>           
-        </ol>
-        </form>
-        <div class="adv_search_actionbox">
-            <div class="adv_searchpopup_button" id="adv_search_button">
-            </div>
-        </div>
+    <div class="adv_searchpopup_top">
+    	<h2>Advance Search</h2>
     </div>
+    
+    <div class="adv_searchpopup_mid">
+        <div class="adv_searchformbox">
+            <form action="#" method="post">
+            <ol>
+                <li>
+                    <label>
+                        Name:</label>
+                    <input class="text" type="text" id="adv_search_name" />
+                </li>
+                <li>
+                    <label>
+                        Status:</label>
+                    <select class="select" id="adv_search_state">
+                        <option value=""></option>
+                        <option value="Creating">Creating</option>
+                        <option value="Starting">Starting</option>
+                        <option value="Running">Running</option>
+                        <option value="Stopping">Stopping</option>
+                        <option value="Stopped">Stopped</option>
+                        <option value="Destroyed">Destroyed</option>
+                        <option value="Expunging">Expunging</option>
+                        <option value="Migrating">Migrating</option>
+                        <option value="Error">Error</option>
+                        <option value="Unknown">Unknown</option>
+                    </select>
+                </li>            
+                <li>
+                    <label>
+                        Zone:</label>
+                    <select class="select" id="adv_search_zone">
+                    </select>
+                </li>
+                <li id="adv_search_pod_li" style="display: none;">
+                    <label id="adv_search_pod_label">
+                        Pod:</label>
+                    <select class="select" id="adv_search_pod">
+                    </select>
+                </li>           
+            </ol>
+            </form>
+            <div class="adv_search_actionbox">
+                <div class="adv_searchpopup_button" id="adv_search_button">
+                </div>
+            </div>
+         </div>
+    </div>
+    <div class="adv_searchpopup_bot"></div>
 </div>
 <!-- advanced search template (end) -->
\ No newline at end of file
diff --git a/ui/jsp/template.jsp b/ui/jsp/template.jsp
index a3acdd6acd2..fb24e727bbc 100644
--- a/ui/jsp/template.jsp
+++ b/ui/jsp/template.jsp
@@ -397,40 +397,43 @@
 
 <!-- advanced search template (begin) -->
 <div id="advanced_search_template" class="adv_searchpopup" style="display: none;">
-    <div class="adv_searchformbox">
-        <h3>
-            Advance Search</h3>
-        <a id="advanced_search_close" href="#">Close </a>
-        <form action="#" method="post">
-        <ol>
-            <li>
-                <label for="filter">
-                    Name:</label>
-                <input class="text" type="text" name="adv_search_name" id="adv_search_name" />
-            </li>
-            <li>
-                <label for="filter">
-                    Zone:</label>
-                <select class="select" id="adv_search_zone">
-                </select>
-            </li>            
-            <li id="adv_search_domain_li" style="display: none;">
-                <label for="filter">
-                    Domain:</label>
-                <select class="select" id="adv_search_domain">
-                </select>
-            </li>
-            <li id="adv_search_account_li" style="display: none;">
-                <label for="filter">
-                    Account:</label>
-                <input class="text" type="text" id="adv_search_account" />
-            </li>
-        </ol>
-        </form>
-        <div class="adv_search_actionbox">
-            <div class="adv_searchpopup_button" id="adv_search_button">
-            </div>
-        </div>
+    <div class="adv_searchpopup_top">
+    	<h2>Advance Search</h2>
     </div>
+    
+    <div class="adv_searchpopup_mid">
+        <div class="adv_searchformbox">
+            <form action="#" method="post">
+            <ol>
+                <li>
+                    <label for="filter">
+                        Name:</label>
+                    <input class="text" type="text" name="adv_search_name" id="adv_search_name" />
+                </li>
+                <li>
+                    <label for="filter">
+                        Zone:</label>
+                    <select class="select" id="adv_search_zone">
+                    </select>
+                </li>            
+                <li id="adv_search_domain_li" style="display: none;">
+                    <label for="filter">
+                        Domain:</label>
+                    <select class="select" id="adv_search_domain">
+                    </select>
+                </li>
+                <li id="adv_search_account_li" style="display: none;">
+                    <label for="filter">
+                        Account:</label>
+                    <input class="text" type="text" id="adv_search_account" />
+                </li>
+            </ol>
+            </form>
+            <div class="adv_search_actionbox">
+                <div class="adv_searchpopup_button" id="adv_search_button">
+                </div>
+            </div>
+    </div>
+    <div class="adv_searchpopup_bot"></div>
 </div>
 <!-- advanced search template (end) -->
\ No newline at end of file
diff --git a/ui/jsp/volume.jsp b/ui/jsp/volume.jsp
index edf753d7e55..d1faef5c1c8 100644
--- a/ui/jsp/volume.jsp
+++ b/ui/jsp/volume.jsp
@@ -720,46 +720,50 @@
 
 <!-- advanced search template (begin) -->
 <div id="advanced_search_template" class="adv_searchpopup" style="display: none;">
-    <div class="adv_searchformbox">
-        <h3>
-            Advance Search</h3>
-        <a id="advanced_search_close" href="#">Close </a>
-        <form action="#" method="post">
-        <ol>
-            <li>
-                <label for="filter">
-                    Name:</label>
-                <input class="text" type="text" name="adv_search_name" id="adv_search_name" />
-            </li>
-            <li>
-                <label for="filter">
-                    Zone:</label>
-                <select class="select" id="adv_search_zone">
-                </select>
-            </li>
-            <li id="adv_search_pod_li" style="display: none;">
-                <label for="filter" id="adv_search_pod_label">
-                    Pod:</label>
-                <select class="select" id="adv_search_pod">
-                </select>
-            </li>
-            <li id="adv_search_domain_li" style="display: none;">
-                <label for="filter">
-                    Domain:</label>
-                <select class="select" id="adv_search_domain">
-                </select>
-            </li>
-            <li id="adv_search_account_li" style="display: none;">
-                <label for="filter">
-                    Account:</label>
-                <input class="text" type="text" id="adv_search_account" />
-            </li>
-        </ol>
-        </form>
-        <div class="adv_search_actionbox">
-            <div class="adv_searchpopup_button" id="adv_search_button">
-            </div>
-        </div>
+    <div class="adv_searchpopup_top">
+    	<h2>Advance Search</h2>
     </div>
+    
+    <div class="adv_searchpopup_mid">
+    	<div class="adv_searchformbox">
+            <form action="#" method="post">
+            <ol>
+                <li>
+                    <label for="filter">
+                        Name:</label>
+                    <input class="text" type="text" name="adv_search_name" id="adv_search_name" />
+                </li>
+                <li>
+                    <label for="filter">
+                        Zone:</label>
+                    <select class="select" id="adv_search_zone">
+                    </select>
+                </li>
+                <li id="adv_search_pod_li" style="display: none;">
+                    <label for="filter" id="adv_search_pod_label">
+                        Pod:</label>
+                    <select class="select" id="adv_search_pod">
+                    </select>
+                </li>
+                <li id="adv_search_domain_li" style="display: none;">
+                    <label for="filter">
+                        Domain:</label>
+                    <select class="select" id="adv_search_domain">
+                    </select>
+                </li>
+                <li id="adv_search_account_li" style="display: none;">
+                    <label for="filter">
+                        Account:</label>
+                    <input class="text" type="text" id="adv_search_account" />
+                </li>
+            </ol>
+            </form>
+            <div class="adv_search_actionbox">
+                <div class="adv_searchpopup_button" id="adv_search_button">
+                </div>
+            </div>
+         </div>
+    </div>
+    <div class="adv_searchpopup_bot"></div>
 </div>
 <!-- advanced search template (end) -->
\ No newline at end of file