From cc928ed4a3fe82ca46f6f5bc3ab89cdd7e607d2a Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Sat, 16 Oct 2010 23:22:02 -0700
Subject: [PATCH] new UI - implement create primary storage action.

---
 ui/new/jsp/resource.jsp                |  68 ++++++++++++-
 ui/new/scripts/cloud.core2.resource.js | 133 ++++++++++++++++++++++++-
 2 files changed, 196 insertions(+), 5 deletions(-)

diff --git a/ui/new/jsp/resource.jsp b/ui/new/jsp/resource.jsp
index 184a5e74a3c..f92e7dbe88e 100644
--- a/ui/new/jsp/resource.jsp
+++ b/ui/new/jsp/resource.jsp
@@ -708,7 +708,7 @@
 </div>
 <!-- END Add Pod Dialog -->
 
-<!-- Add Computing Host Dialog -->
+<!-- Add Host Dialog -->
 <div id="dialog_add_host" title="Add Host" style="display:none">
 	<p>Add a host for zone <b><span id="zone_name"></span></b>, pod <b><span id="pod_name"></span></b></p>
 	<div class="dialog_formcontent">
@@ -750,6 +750,72 @@
 	</div>
 </div>
 
+<!-- Add Primary Storage Dialog -->
+<div id="dialog_add_pool" title="Add Primary Storage" style="display: none">
+    <p>Add a new Primary Storage for zone <b><span id="zone_name"></span></b>, pod <b><span id="pod_name"></span></b></p>
+    <div class="dialog_formcontent">
+        <form action="#" method="post" id="form_acquire">
+        <ol>            
+            <li id="pool_cluster_container">
+                <label for="pool_cluster">
+                    Cluster:</label>
+                <select class="select" id="pool_cluster">                    
+                </select>
+                <div id="pool_cluster_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                </div>
+            </li>
+            <li>
+                <label for="user_name">Name:</label>
+                <input class="text" type="text" name="add_pool_name" id="add_pool_name" />
+                <div id="add_pool_name_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                </div>
+            </li>
+            <li>
+                <label for="add_pool_protocol">Protocol:</label>
+				<select class="select" id="add_pool_protocol">
+                    <option value="nfs">NFS</option>
+					<option value="iscsi">ISCSI</option>
+                </select>
+			</li>
+			<li>
+				<label for="add_pool_nfs_server">Server:</label>
+                <input class="text" type="text" name="add_pool_nfs_server" id="add_pool_nfs_server" />
+                <div id="add_pool_nfs_server_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                </div>
+            </li>
+            <li id="add_pool_path_container">
+                <label for="add_pool_path">
+                    Path:</label>
+                <input class="text" type="text" name="add_pool_path" id="add_pool_path" />
+                <div id="add_pool_path_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                </div>
+            </li>            
+			<li id="add_pool_iqn_container" style="display:none">
+                <label for="add_pool_iqn">
+                    Target IQN:</label>
+                <input class="text" type="text" name="add_pool_iqn" id="add_pool_iqn" />
+                <div id="add_pool_iqn_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                </div>
+            </li>
+			<li id="add_pool_lun_container" style="display:none">
+                <label for="add_pool_lun">
+                    LUN #:</label>
+                <input class="text" type="text" name="add_pool_lun" id="add_pool_lun" />
+                <div id="add_pool_lun_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                </div>
+            </li>
+            <li id="add_pool_tags_container">
+                <label for="add_pool_tags">
+                    Tags:</label>
+                <input class="text" type="text" id="add_pool_tags" />
+                <div id="add_pool_tags_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                </div>
+            </li>
+        </ol>
+        </form>
+    </div>
+</div>
+
 
 <!-- Zonetree Template (begin) -->
 <div class="zonetree_contentbox" id="zonetree" style="display: none">
diff --git a/ui/new/scripts/cloud.core2.resource.js b/ui/new/scripts/cloud.core2.resource.js
index 552daa7f860..b97c9e5c1da 100644
--- a/ui/new/scripts/cloud.core2.resource.js
+++ b/ui/new/scripts/cloud.core2.resource.js
@@ -398,11 +398,102 @@ function showPage($pageToShow, jsonObj) {
         //***** Add Primary Storage (begin) *****          
         $("#midmenu_add2_link").find("#label").text("Add Primary Storage"); 
         $("#midmenu_add2_link").data("jsonObj", jsonObj).show();   
-        $("#midmenu_add2_link").unbind("click").bind("click", function(event) {
-        
+        $("#midmenu_add2_link").unbind("click").bind("click", function(event) {                 
+            dialogAddPool = $("#dialog_add_pool");  
+            var podObj = $(this).data("jsonObj");	
+            dialogAddPool.find("#zone_name").text(fromdb(podObj.zonename));  
+            dialogAddPool.find("#pod_name").text(fromdb(podObj.name)); 
+                                    
+	        var clusterSelect = $("#dialog_add_pool").find("#pool_cluster").empty();			            
+		    $.ajax({
+			    data: createURL("command=listClusters&podid=" + podObj.id),
+		        dataType: "json",
+		        success: function(json) {				                        
+		            var items = json.listclustersresponse.cluster;
+		            if(items != null && items.length > 0) {				                		                
+		                for(var i=0; i<items.length; i++) 			                    
+		                    clusterSelect.append("<option value='" + items[i].id + "'>" + fromdb(items[i].name) + "</option>");		                
+		            }			            
+		        }
+		    });		   
+            
+            $("#dialog_add_pool")
+		    .dialog('option', 'buttons', { 				    
+			    "Add": function() { 	
+			    	var thisDialog = $(this);
+			    	
+				    // validate values
+					var protocol = thisDialog.find("#add_pool_protocol").val();
+					
+				    var isValid = true;						    
+				    isValid &= validateDropDownBox("Cluster", thisDialog.find("#pool_cluster"), thisDialog.find("#pool_cluster_errormsg"), false);  //required, reset error text					    				
+				    isValid &= validateString("Name", thisDialog.find("#add_pool_name"), thisDialog.find("#add_pool_name_errormsg"));
+				    isValid &= validateString("Server", thisDialog.find("#add_pool_nfs_server"), thisDialog.find("#add_pool_nfs_server_errormsg"));	
+					if (protocol == "nfs") {
+						isValid &= validateString("Path", thisDialog.find("#add_pool_path"), thisDialog.find("#add_pool_path_errormsg"));	
+					} else {
+						isValid &= validateString("Target IQN", thisDialog.find("#add_pool_iqn"), thisDialog.find("#add_pool_iqn_errormsg"));	
+						isValid &= validateString("LUN #", thisDialog.find("#add_pool_lun"), thisDialog.find("#add_pool_lun_errormsg"));	
+					}
+					isValid &= validateString("Tags", thisDialog.find("#add_pool_tags"), thisDialog.find("#add_pool_tags_errormsg"), true);	//optional
+				    if (!isValid) 
+				        return;
+				        
+				    thisDialog.dialog("close");    
+					
+					var $midmenuItem1 = beforeAddingMidMenuItem() ;    	
+					
+					var array1 = [];
+					array1.push("&zoneId="+podObj.zoneid);
+			        array1.push("&podId="+podObj.id);
+					
+					var clusterId = thisDialog.find("#pool_cluster").val();
+				    array1.push("&clusterid="+clusterId);	
+					
+				    var name = trim(thisDialog.find("#add_pool_name").val());
+				    array1.push("&name="+todb(name));
+				    
+				    var server = trim(thisDialog.find("#add_pool_nfs_server").val());						
+					
+					var url = null;
+					if (protocol == "nfs") {
+						var path = trim(thisDialog.find("#add_pool_path").val());
+						if(path.substring(0,1)!="/")
+							path = "/" + path; 
+						url = nfsURL(server, path);
+					} else {
+						var iqn = trim(thisDialog.find("#add_pool_iqn").val());
+						if(iqn.substring(0,1)!="/")
+							iqn = "/" + iqn; 
+						var lun = trim(thisDialog.find("#add_pool_lun").val());
+						url = iscsiURL(server, iqn, lun);
+					}
+					array1.push("&url="+encodeURIComponent(url));
+					
+				    var tags = trim(thisDialog.find("#add_pool_tags").val());
+					if(tags != null && tags.length > 0)
+					    array1.push("&tags="+todb(tags));				    
+				    
+				    $.ajax({
+					    data: createURL("command=createStoragePool&response=json" + array1.join("")),
+					    dataType: "json",
+					    success: function(json) {					        
+					        var item = json.createstoragepoolresponse;				            			      										   
+						    primarystorageToMidmenu(item, $midmenuItem1);
+		                    bindClickToMidMenu($midmenuItem1, primarystorageToRigntPanel, getMidmenuId);  
+		                    afterAddingMidMenuItem($midmenuItem1, true);
+					    },			
+                        error: function(XMLHttpResponse) {	
+                            handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);			                        					    
+                        }							    
+				    });
+			    }, 
+			    "Cancel": function() { 
+				    $(this).dialog("close"); 
+			    } 
+		    }).dialog("open");            
             return false;
-        });     
-        
+        });             
         //***** Add Primary Storage (end) *****           
     }      
     else {
@@ -603,6 +694,22 @@ function afterLoadResourceJSP() {
 	initDialog("dialog_add_zone");
 	initDialog("dialog_add_pod", 320);
 	initDialog("dialog_add_host");
+	initDialog("dialog_add_pool");
+	
+	// if hypervisor is KVM, limit the server option to NFS for now
+	if (getHypervisorType() == 'kvm') {
+		$("#dialog_add_pool").find("#add_pool_protocol").empty().html('<option value="nfs">NFS</option>');
+	}
+	
+    $("#dialog_add_pool").find("#add_pool_protocol").change(function(event) {
+		if ($(this).val() == "iscsi") {
+			$("#dialog_add_pool #add_pool_path_container").hide();
+			$("#dialog_add_pool #add_pool_iqn_container, #dialog_add_pool #add_pool_lun_container").show();
+		} else {
+			$("#dialog_add_pool #add_pool_path_container").show();
+			$("#dialog_add_pool #add_pool_iqn_container, #dialog_add_pool #add_pool_lun_container").hide();
+		}
+	});
 		
 	//Add Zone button ***
 	$("#midmenu_add_link").find("#label").text("Add Zone");     
@@ -703,3 +810,21 @@ function afterLoadResourceJSP() {
     });  
 }
 
+function nfsURL(server, path) {
+    var url;
+    if(server.indexOf("://")==-1)
+	    url = "nfs://" + server + path;
+	else
+	    url = server + path;
+	return url;
+}
+
+function iscsiURL(server, iqn, lun) {
+    var url;
+    if(server.indexOf("://")==-1)
+	    url = "iscsi://" + server + iqn + "/" + lun;
+	else
+	    url = server + iqn + "/" + lun;
+	return url;
+}
+