From e9014301e2e1546a3f0cefe43d6510a1cf42d912 Mon Sep 17 00:00:00 2001
From: Jessica Wang <jessica@cloud.com>
Date: Wed, 15 Sep 2010 17:15:27 -0700
Subject: [PATCH] new UI - template page - implement create VM from template
 action.

---
 ui/new/scripts/cloud.core2.template.js | 80 ++++++++++++++++++++++++--
 1 file changed, 75 insertions(+), 5 deletions(-)

diff --git a/ui/new/scripts/cloud.core2.template.js b/ui/new/scripts/cloud.core2.template.js
index 29cc1891000..4d0e4c32a6d 100644
--- a/ui/new/scripts/cloud.core2.template.js
+++ b/ui/new/scripts/cloud.core2.template.js
@@ -31,7 +31,7 @@ function afterLoadTemplateJSP() {
     });
     
     
-    //OS type dropdown ***
+    //populate dropdown ***
     $.ajax({
 	    data: createURL("command=listOsTypes&response=json"+maxPageSize),
 		dataType: "json",
@@ -47,6 +47,33 @@ function afterLoadTemplateJSP() {
 		}
 	});
 	
+	$.ajax({
+	    data: createURL("command=listServiceOfferings&response=json"+maxPageSize),
+	    dataType: "json",
+	    success: function(json) {
+	        var items = json.listserviceofferingsresponse.serviceoffering;
+	        if(items != null && items.length > 0 ) {
+	            var serviceOfferingField = $("#dialog_create_vm_from_template #service_offering").empty();
+	            for(var i = 0; i < items.length; i++)		        
+	                serviceOfferingField.append("<option value='" + items[i].id + "'>" + sanitizeXSS(items[i].name) + "</option>");
+	        }		        
+	    }
+	});		
+	
+	$.ajax({
+	    data: createURL("command=listDiskOfferings&response=json"+maxPageSize),
+	    dataType: "json",
+	    success: function(json) {
+	        var items = json.listdiskofferingsresponse.diskoffering;
+	        if(items != null && items.length > 0 ) {
+	            var diskOfferingField = $("#dialog_create_vm_from_template #disk_offering").empty();
+	            for(var i = 0; i < items.length; i++)		        
+	                diskOfferingField.append("<option value='" + items[i].id + "'>" + sanitizeXSS(items[i].name) + "</option>");
+	        }		  
+	        
+	    }
+	});		
+	
 	//initialize dialog box ***
 	activateDialog($("#dialog_copy_template").dialog({ 
 		width:300,
@@ -153,12 +180,12 @@ function templateJsonToDetailsTab(jsonObj) {
     // action Edit, Copy, Create VM 			
 	if ((isUser() && jsonObj.ispublic == "true" && !(jsonObj.domainid == g_domainid && jsonObj.account == g_account)) || jsonObj.id==DomRTemplateId || jsonObj.isready == "false") {
 		//template.find("#template_edit_container, #template_copy_container, #template_create_vm_container").hide(); 
-		$("edit_button").hide();		
+		$("#edit_button").hide();		
     }
     else {
-        $("edit_button").show();
+        $("#edit_button").show();
         buildActionLinkForDetailsTab("Copy Template", templateActionMap, $actionMenu, templateListAPIMap);			
-        //buildActionLinkForDetailsTab("Create VM", templateActionMap, $actionMenu, templateListAPIMap);			
+        buildActionLinkForDetailsTab("Create VM", templateActionMap, $actionMenu, templateListAPIMap);			
     }
 	
 	// action Delete 			
@@ -232,7 +259,15 @@ var templateActionMap = {
         isAsyncJob: true,
         asyncJobResponse: "createtemplateresponse",            
         dialogBeforeActionFn : doCopyTemplate,
-        inProcessText: "Copy Template....",
+        inProcessText: "Copying Template....",
+        afterActionSeccessFn: function(){}   
+    }  
+    ,
+    "Create VM": {
+        isAsyncJob: true,
+        asyncJobResponse: "deployvirtualmachineresponse",            
+        dialogBeforeActionFn : doCreateVMFromTemplate,
+        inProcessText: "Creating VM....",
         afterActionSeccessFn: function(){}   
     }  
 }   
@@ -369,4 +404,39 @@ function doCopyTemplate($actionLink, listAPIMap, $detailsTab) {
 		    $(this).dialog("close");
 	    }				
 	}).dialog("open");			
+}
+
+function doCreateVMFromTemplate($actionLink, listAPIMap, $detailsTab) { 
+    var jsonObj = $detailsTab.data("jsonObj");
+	var id = jsonObj.id;		
+	var name = jsonObj.name;				
+	var zoneId = jsonObj.zoneid;		
+					
+	var createVmDialog = $("#dialog_create_vm_from_template");				
+	createVmDialog.find("#template").text(name);
+		
+	createVmDialog
+	.dialog('option', 'buttons', {			    
+	    "Create": function() {
+	        var thisDialog = $(this);	
+	        thisDialog.dialog("close");
+	        			        
+	        // validate values
+		    var isValid = true;		
+		    isValid &= validateString("Name", thisDialog.find("#name"), thisDialog.find("#name_errormsg"), true);
+		    isValid &= validateString("Group", thisDialog.find("#group"), thisDialog.find("#group_errormsg"), true);				
+		    if (!isValid) return;	       
+	                
+	        var name = trim(thisDialog.find("#name").val());		
+	        var group = trim(thisDialog.find("#group").val());		
+	        var serviceOfferingId = thisDialog.find("#service_offering").val();				        
+	        var diskOfferingId = thisDialog.find("#disk_offering").val();		        
+	        
+		    var apiCommand = "command=deployVirtualMachine&zoneId="+zoneId+"&serviceOfferingId="+serviceOfferingId+"&diskOfferingId="+diskOfferingId+"&templateId="+id+"&group="+encodeURIComponent(group)+"&displayname="+encodeURIComponent(name);
+    	    doActionToDetailsTab(id, $actionLink, apiCommand, listAPIMap);		
+	    }, 
+	    "Cancel": function() {
+	        $(this).dialog("close");
+	    }
+	}).dialog("open");			
 }		
\ No newline at end of file