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

This commit is contained in:
Jessica Wang 2010-10-08 09:21:50 -07:00
parent 93f3205a84
commit cde98c9ba3
3 changed files with 98 additions and 3 deletions

View File

@ -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>

View File

@ -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) {

View File

@ -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",