new UI - Disk Offerings page - implement Create Disk Offering action.

ui/new/jsp/diskoffering.jsp

@@ -112,3 +112,37 @@
         </div>  
     </div>
 </div>
+
+<!-- Add Disk Offering Dialog -->
+<div id="dialog_add_disk" title="Add Disk Offering" style="display:none">
+	<p>Please fill in the following data to add a new disk Offering.</p>
+	<div class="dialog_formcontent">
+		<form action="#" method="post" id="form1">
+			<ol>
+				<li>
+					<label for="user_name">Name:</label>
+					<input class="text" type="text" name="add_disk_name" id="add_disk_name"/>
+					<div id="add_disk_name_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>
+				<li>
+					<label for="user_name">Description:</label>
+					<input class="text" type="text" name="add_disk_description" id="add_disk_description"/>
+					<div id="add_disk_description_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>				
+				<li>
+					<label for="user_name">Disk size (in GB):</label>
+					<input class="text" type="text" name="add_disk_disksize" id="add_disk_disksize"/>
+					<div id="add_disk_disksize_errormsg" class="dialog_formcontent_errormsg" style="display:none;" ></div>
+				</li>				
+				<li id="add_disk_tags_container">
+                    <label for="add_disk_tags">
+                        Tags:</label>
+                    <input class="text" type="text" id="add_disk_tags" />
+                    <div id="add_disk_tags_errormsg" class="dialog_formcontent_errormsg" style="display: none;">
+                    </div>
+                </li>	
+			</ol>
+		</form>
+	</div>
+</div>
+

ui/new/scripts/cloud.core2.diskoffering.js

@@ -1,5 +1,66 @@
 function afterLoadDiskOfferingJSP() {
-
+    initDialog("dialog_add_disk");
+    
+    //add button ***
+    $("#midmenu_add_link").show();     
+    $("#midmenu_add_link").unbind("click").bind("click", function(event) {    
+		var dialogAddDisk = $("#dialog_add_disk");
+		dialogAddDisk.find("#disk_name").val("");
+		dialogAddDisk.find("#disk_description").val("");
+		dialogAddDisk.find("#disk_disksize").val("");	
+		var submenuContent = $("#submenu_content_disk");
+				
+		dialogAddDisk
+		.dialog('option', 'buttons', { 				
+			"Add": function() { 
+			    var thisDialog = $(this);
+								    		
+				// validate values
+				var isValid = true;					
+				isValid &= validateString("Name", thisDialog.find("#add_disk_name"), thisDialog.find("#add_disk_name_errormsg"));
+				isValid &= validateString("Description", thisDialog.find("#add_disk_description"), thisDialog.find("#add_disk_description_errormsg"));
+				isValid &= validateNumber("Disk size", thisDialog.find("#add_disk_disksize"), thisDialog.find("#add_disk_disksize_errormsg"), 0, null); 
+				isValid &= validateString("Tags", thisDialog.find("#add_disk_tags"), thisDialog.find("#add_disk_tags_errormsg"), true);	//optional	
+				if (!isValid) 
+				    return;		
+				thisDialog.dialog("close");
+				    
+				var $midmenuItem1 = beforeAddingMidMenuItem() ;		
+			
+				var array1 = [];					
+				var name = trim(thisDialog.find("#add_disk_name").val());
+				array1.push("&name="+todb(name));
+				
+				var description = trim(thisDialog.find("#add_disk_description").val());	
+				array1.push("&displaytext="+todb(description));
+							
+				var disksize = trim(thisDialog.find("#add_disk_disksize").val());
+				array1.push("&disksize="+disksize);
+				
+				var tags = trim(thisDialog.find("#add_disk_tags").val());
+				if(tags != null && tags.length > 0)
+				    array1.push("&tags="+todb(tags));								
+				
+				$.ajax({
+				  data: createURL("command=createDiskOffering&isMirrored=false&response=json" + array1.join("")),
+					dataType: "json",
+					success: function(json) {						    
+					    var item = json.creatediskofferingresponse;							
+						diskOfferingToMidmenu(item, $midmenuItem1);	
+						bindClickToMidMenu($midmenuItem1, diskOfferingToRigntPanel);  
+						afterAddingMidMenuItem($midmenuItem1, true);						
+					},			
+                    error: function(XMLHttpResponse) {		                   
+	                    handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);								    
+                    }	
+				});
+			}, 
+			"Cancel": function() { 
+				$(this).dialog("close"); 
+			} 
+		}).dialog("open");			
+		return false;
+	});
 }
 
 function diskOfferingToMidmenu(jsonObj, $midmenuItem1) {  

ui/new/scripts/cloud.core2.serviceoffering.js

@@ -31,6 +31,7 @@ function afterLoadServiceOfferingJSP() {
 				isValid &= validateString("Tags", thisDialog.find("#add_service_tags"), thisDialog.find("#add_service_tags_errormsg"), true);	//optional							
 				if (!isValid) 
 				    return;										
+				thisDialog.dialog("close");
 									
 				var $midmenuItem1 = beforeAddingMidMenuItem() ;			
 									
@@ -62,9 +63,8 @@ function afterLoadServiceOfferingJSP() {
 				
 				var tags = trim(thisDialog.find("#add_service_tags").val());
 				if(tags != null && tags.length > 0)
-				    array1.push("&tags="+todb(tags));		
+				    array1.push("&tags="+todb(tags));	
 				
-				thisDialog.dialog("close");
 				$.ajax({
 				  data: createURL("command=createServiceOffering"+array1.join("")+"&response=json"),
 					dataType: "json",