mirror of
				https://github.com/apache/cloudstack.git
				synced 2025-10-26 08:42:29 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			248 lines
		
	
	
		
			9.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			248 lines
		
	
	
		
			9.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
|  /**
 | |
|  *  Copyright (C) 2010 Cloud.com, Inc.  All rights reserved.
 | |
|  * 
 | |
|  * This software is licensed under the GNU General Public License v3 or later.
 | |
|  * 
 | |
|  * It is free software: you can redistribute it and/or modify
 | |
|  * it under the terms of the GNU General Public License as published by
 | |
|  * the Free Software Foundation, either version 3 of the License, or any later version.
 | |
|  * This program is distributed in the hope that it will be useful,
 | |
|  * but WITHOUT ANY WARRANTY; without even the implied warranty of
 | |
|  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 | |
|  * GNU General Public License for more details.
 | |
|  * 
 | |
|  * You should have received a copy of the GNU General Public License
 | |
|  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 | |
|  * 
 | |
|  */
 | |
| 
 | |
| function afterLoadDiskOfferingJSP() {
 | |
|     var $detailsTab = $("#right_panel_content #tab_content_details"); 
 | |
|       
 | |
|     //dialogs
 | |
|     initDialog("dialog_add_disk");
 | |
|     
 | |
|     //add button ***
 | |
|     $("#midmenu_add_link").find("#label").text("Add Disk Offering"); 
 | |
|     $("#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());
 | |
| 				if(disksize != null && disksize.length > 0)
 | |
| 				    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, diskOfferingToRightPanel, getMidmenuId);  
 | |
| 						afterAddingMidMenuItem($midmenuItem1, true);						
 | |
| 					},			
 | |
|                     error: function(XMLHttpResponse) {		                   
 | |
| 	                    handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);								    
 | |
|                     }	
 | |
| 				});
 | |
| 			}, 
 | |
| 			"Cancel": function() { 
 | |
| 				$(this).dialog("close"); 
 | |
| 			} 
 | |
| 		}).dialog("open");			
 | |
| 		return false;
 | |
| 	});
 | |
| }
 | |
| 
 | |
| function doEditDiskOffering($actionLink, $detailsTab, $midmenuItem1) {       
 | |
|     var $readonlyFields  = $detailsTab.find("#name, #displaytext");
 | |
|     var $editFields = $detailsTab.find("#name_edit, #displaytext_edit"); 
 | |
|              
 | |
|     $readonlyFields.hide();
 | |
|     $editFields.show();  
 | |
|     $detailsTab.find("#cancel_button, #save_button").show();
 | |
|     
 | |
|     $detailsTab.find("#cancel_button").unbind("click").bind("click", function(event){    
 | |
|         $editFields.hide();
 | |
|         $readonlyFields.show();   
 | |
|         $("#save_button, #cancel_button").hide();       
 | |
|         return false;
 | |
|     });
 | |
|     $detailsTab.find("#save_button").unbind("click").bind("click", function(event){        
 | |
|         doEditDiskOffering2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields);   
 | |
|         return false;
 | |
|     });   
 | |
| }
 | |
| 
 | |
| function doEditDiskOffering2($actionLink, $detailsTab, $midmenuItem1, $readonlyFields, $editFields) { 
 | |
|     var $detailsTab = $("#right_panel_content #tab_content_details");   
 | |
|     var jsonObj = $detailsTab.data("jsonObj");
 | |
|     var id = jsonObj.id;
 | |
|     
 | |
|     // validate values   
 | |
|     var isValid = true;					
 | |
|     isValid &= validateString("Name", $detailsTab.find("#name_edit"), $detailsTab.find("#name_edit_errormsg"), true);		
 | |
|     isValid &= validateString("Display Text", $detailsTab.find("#displaytext_edit"), $detailsTab.find("#displaytext_edit_errormsg"), true);				
 | |
|     if (!isValid) 
 | |
|         return;	
 | |
|      
 | |
|     var array1 = [];    
 | |
|     var name = $detailsTab.find("#name_edit").val();
 | |
|     array1.push("&name="+todb(name));
 | |
|     var displaytext = $detailsTab.find("#displaytext_edit").val();
 | |
|     array1.push("&displayText="+todb(displaytext));
 | |
| 	
 | |
| 	$.ajax({
 | |
| 	    data: createURL("command=updateDiskOffering&id="+id+array1.join("")),
 | |
| 		dataType: "json",
 | |
| 		success: function(json) {	
 | |
| 		    //call listDiskOffering before bug 6502(What updateDiskOffering API returns should include an embedded object) is fixed.
 | |
| 		    var jsonObj;		   
 | |
| 		    $.ajax({
 | |
| 		        data: createURL("command=listDiskOfferings&id="+id),
 | |
| 		        dataType: "json",
 | |
| 		        async: false,
 | |
| 		        success: function(json) {		            
 | |
| 		            jsonObj = json.listdiskofferingsresponse.diskoffering[0];
 | |
| 		        }
 | |
| 		    });		   
 | |
| 		    var $midmenuItem1 = $("#"+getMidmenuId(jsonObj));		   
 | |
| 		    diskOfferingToMidmenu(jsonObj, $midmenuItem1);
 | |
| 		    diskOfferingToRightPanel($midmenuItem1);	
 | |
| 		    
 | |
| 		    $editFields.hide();      
 | |
|             $readonlyFields.show();       
 | |
|             $("#save_button, #cancel_button").hide();     	  
 | |
| 		}
 | |
| 	});
 | |
| }
 | |
| 
 | |
| function diskOfferingToMidmenu(jsonObj, $midmenuItem1) {  
 | |
|     $midmenuItem1.attr("id", getMidmenuId(jsonObj));  
 | |
|     $midmenuItem1.data("jsonObj", jsonObj); 
 | |
|         
 | |
|     var $iconContainer = $midmenuItem1.find("#icon_container").show();   
 | |
|     $iconContainer.find("#icon").attr("src", "images/midmenuicon_system_diskoffering.png");	
 | |
|     
 | |
|     $midmenuItem1.find("#first_row").text(fromdb(jsonObj.name).substring(0,25)); 
 | |
|     $midmenuItem1.find("#second_row").text(convertBytes(jsonObj.disksize));  
 | |
| }
 | |
| 
 | |
| function diskOfferingToRightPanel($midmenuItem1) {
 | |
|     copyActionInfoFromMidMenuToRightPanel($midmenuItem1);
 | |
|     $("#right_panel_content").data("$midmenuItem1", $midmenuItem1);
 | |
|     diskOfferingJsonToDetailsTab();   
 | |
| }
 | |
| 
 | |
| function diskOfferingJsonToDetailsTab() { 
 | |
|     var $thisTab = $("#right_panel_content #tab_content_details");  
 | |
|     $thisTab.find("#tab_container").hide(); 
 | |
|     $thisTab.find("#tab_spinning_wheel").show();        
 | |
|     
 | |
|     var $midmenuItem1 = $("#right_panel_content").data("$midmenuItem1");
 | |
|     var id = $midmenuItem1.data("jsonObj").id;
 | |
|     
 | |
|     var jsonObj;   
 | |
|     $.ajax({
 | |
|         data: createURL("command=listDiskOfferings&id="+id),
 | |
|         dataType: "json",
 | |
|         async: false,
 | |
|         success: function(json) {  
 | |
|             var items = json.listdiskofferingsresponse.diskoffering;
 | |
|             if(items != null && items.length > 0)
 | |
|                 jsonObj = items[0];
 | |
|         }
 | |
|     });        
 | |
|     $thisTab.data("jsonObj", jsonObj);    
 | |
|     $midmenuItem1.data("jsonObj", jsonObj);    
 | |
|    
 | |
|     $thisTab.find("#id").text(jsonObj.id);
 | |
|     
 | |
|     $thisTab.find("#grid_header_title").text(fromdb(jsonObj.name));
 | |
|     $thisTab.find("#name").text(fromdb(jsonObj.name));
 | |
|     $thisTab.find("#name_edit").val(fromdb(jsonObj.name));
 | |
|     
 | |
|     $thisTab.find("#displaytext").text(fromdb(jsonObj.displaytext));
 | |
|     $thisTab.find("#displaytext_edit").val(fromdb(jsonObj.displaytext));
 | |
|     
 | |
|     $thisTab.find("#disksize").text(convertBytes(jsonObj.disksize));
 | |
|     $thisTab.find("#tags").text(fromdb(jsonObj.tags));   
 | |
|     $thisTab.find("#domain").text(fromdb(jsonObj.domain));   
 | |
|     
 | |
|     //actions ***
 | |
|     var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
 | |
|     $actionMenu.find("#action_list").empty();    
 | |
|     buildActionLinkForDetailsTab("Edit Disk Offering", diskOfferingActionMap, $actionMenu, $midmenuItem1, $thisTab);	  
 | |
|     buildActionLinkForDetailsTab("Delete Disk Offering", diskOfferingActionMap, $actionMenu, $midmenuItem1, $thisTab);	  
 | |
|     
 | |
|     $thisTab.find("#tab_spinning_wheel").hide();    
 | |
|     $thisTab.find("#tab_container").show();         
 | |
| }
 | |
| 
 | |
| function diskOfferingClearRightPanel() {
 | |
|     diskOfferingClearDetailsTab();
 | |
| }
 | |
| 
 | |
| function diskOfferingClearDetailsTab() {
 | |
|     var $thisTab = $("#right_panel_content #tab_content_details");     
 | |
|     $thisTab.find("#id").text("");    
 | |
|     $thisTab.find("#name").text("");
 | |
|     $thisTab.find("#name_edit").val("");    
 | |
|     $thisTab.find("#displaytext").text("");
 | |
|     $thisTab.find("#displaytext_edit").val("");    
 | |
|     $thisTab.find("#disksize").text("");
 | |
|     $thisTab.find("#tags").text("");   
 | |
|     $thisTab.find("#domain").text("");   
 | |
|     
 | |
|     var $actionMenu = $("#right_panel_content #tab_content_details #action_link #action_menu");
 | |
|     $actionMenu.find("#action_list").empty(); 
 | |
|     $actionMenu.find("#action_list").append($("#no_available_actions").clone().show());
 | |
| }
 | |
| 
 | |
| var diskOfferingActionMap = {   
 | |
|     "Edit Disk Offering": {
 | |
|         dialogBeforeActionFn: doEditDiskOffering
 | |
|     },   
 | |
|     "Delete Disk Offering": {              
 | |
|         api: "deleteDiskOffering",     
 | |
|         isAsyncJob: false,           
 | |
|         inProcessText: "Deleting disk offering....",
 | |
|         afterActionSeccessFn: function(json, $midmenuItem1, id) {        
 | |
|             $midmenuItem1.remove();
 | |
|             clearRightPanel();
 | |
|             diskOfferingClearRightPanel();
 | |
|         }
 | |
|     }    
 | |
| }  
 |