new UI - ISO page - when creating ISO for all zones, generate as many ISO in middle menu.

This commit is contained in:
Jessica Wang 2010-09-17 14:17:48 -07:00
parent 8b417ff04c
commit ab1dcb1270
3 changed files with 29 additions and 24 deletions

View File

@ -17,7 +17,7 @@ $(document).ready(function() {
$("#accordion_menu").show();
var $midmenuItem = $("#midmenu_item");
function listMidMenuItems(leftmenuId, commandString, jsonResponse1, jsonResponse2, rightPanelJSP, afterLoadRightPanelJSP, toMidmenu, toRightPanel) {
function listMidMenuItems(leftmenuId, commandString, jsonResponse1, jsonResponse2, rightPanelJSP, afterLoadRightPanelJSP, toMidmenu, toRightPanel, getMidmenuId) {
$("#"+leftmenuId).bind("click", function(event) {
if(selected_leftmenu_id != null && selected_leftmenu_id.length > 0)
$("#"+selected_leftmenu_id).removeClass("selected");
@ -60,7 +60,7 @@ $(document).ready(function() {
var $midmenuItem1 = $midmenuItem.clone();
$midmenuItem1.data("toRightPanelFn", toRightPanel);
toMidmenu(items[i], $midmenuItem1);
bindClickToMidMenu($midmenuItem1, toRightPanel);
bindClickToMidMenu($midmenuItem1, toRightPanel, getMidmenuId);
$("#midmenu_container").append($midmenuItem1.show());
}
}
@ -82,9 +82,9 @@ $(document).ready(function() {
listMidMenuItems("leftmenu_submenu_featured_template", "listTemplates&templatefilter=featured", "listtemplatesresponse", "template", "jsp/template.jsp", afterLoadTemplateJSP, templateToMidmenu, templateToRigntPanel);
listMidMenuItems("leftmenu_submenu_community_template", "listTemplates&templatefilter=community", "listtemplatesresponse", "template", "jsp/template.jsp", afterLoadTemplateJSP, templateToMidmenu, templateToRigntPanel);
listMidMenuItems("leftmenu_submenu_my_iso", "listIsos&isofilter=self", "listisosresponse", "iso", "jsp/iso.jsp", afterLoadIsoJSP, isoToMidmenu, isoToRigntPanel);
listMidMenuItems("leftmenu_submenu_featured_iso", "listIsos&isofilter=featured", "listisosresponse", "iso", "jsp/iso.jsp", afterLoadIsoJSP, isoToMidmenu, isoToRigntPanel);
listMidMenuItems("leftmenu_submenu_community_iso", "listIsos&isofilter=community", "listisosresponse", "iso", "jsp/iso.jsp", afterLoadIsoJSP, isoToMidmenu, isoToRigntPanel);
listMidMenuItems("leftmenu_submenu_my_iso", "listIsos&isofilter=self", "listisosresponse", "iso", "jsp/iso.jsp", afterLoadIsoJSP, isoToMidmenu, isoToRigntPanel, isoGetMidmenuId);
listMidMenuItems("leftmenu_submenu_featured_iso", "listIsos&isofilter=featured", "listisosresponse", "iso", "jsp/iso.jsp", afterLoadIsoJSP, isoToMidmenu, isoToRigntPanel, isoGetMidmenuId);
listMidMenuItems("leftmenu_submenu_community_iso", "listIsos&isofilter=community", "listisosresponse", "iso", "jsp/iso.jsp", afterLoadIsoJSP, isoToMidmenu, isoToRigntPanel, isoGetMidmenuId);
$("#leftmenu_instance_group_header").bind("click", function(event) {
showMiddleMenu();

View File

@ -33,27 +33,24 @@ function afterLoadIsoJSP() {
var bootable = thisDialog.find("#add_iso_bootable").val();
var $midmenuItem1 = beforeAddingMidMenuItem() ;
$.ajax({
data: createURL("command=registerIso&name="+encodeURIComponent(name)+"&displayText="+encodeURIComponent(desc)+"&url="+encodeURIComponent(url)+"&zoneId="+zoneId+"&isPublic="+isPublic+"&osTypeId="+osType+"&bootable="+bootable+"&response=json"),
dataType: "json",
success: function(json) {
var items = json.registerisoresponse.iso;
var items = json.registerisoresponse.iso;
isoToMidmenu(items[0], $midmenuItem1);
bindClickToMidMenu($midmenuItem1, isoToRigntPanel);
/*
bindClickToMidMenu($midmenuItem1, isoToRigntPanel, isoGetMidmenuId);
afterAddingMidMenuItem($midmenuItem1, true);
if(items.length > 1) {
for(var i=1; i<items.length; i++) {
var template2 = $("#vm_iso_template").clone(true);
isoJSONToTemplate(items[i], template2);
submenuContent.find("#grid_content").prepend(template2.fadeIn("slow"));
changeGridRowsTotal(submenuContent.find("#grid_rows_total"), 1);
for(var i=1; i<items.length; i++) {
var $midmenuItem2 = $("#midmenu_item").clone();
isoToMidmenu(items[i], $midmenuItem2);
bindClickToMidMenu($midmenuItem2, isoToRigntPanel, isoGetMidmenuId);
$("#midmenu_container").append($midmenuItem2.show());
}
}
*/
afterAddingMidMenuItem($midmenuItem1, true);
}
},
error: function(XMLHttpResponse) {
handleErrorInMidMenu(XMLHttpResponse, $midmenuItem1);
@ -174,8 +171,13 @@ function afterLoadIsoJSP() {
}));
}
function isoGetMidmenuId(jsonObj) {
return "midmenuItem_" + jsonObj.id + "_" + fromdb(jsonObj.zonename).replace(/\s/g, ""); //remove all spaces in zonename
}
function isoToMidmenu(jsonObj, $midmenuItem1) {
$midmenuItem1.attr("id", ("midmenuItem_"+jsonObj.id));
var id = isoGetMidmenuId(jsonObj);
$midmenuItem1.attr("id", id);
$midmenuItem1.data("jsonObj", jsonObj);
var $iconContainer = $midmenuItem1.find("#icon_container").show();
@ -276,7 +278,7 @@ var isoActionMap = {
asyncJobResponse: "deleteisosresponse",
inProcessText: "Deleting ISO....",
afterActionSeccessFn: function(jsonObj) {
var $midmenuItem1 = $("#midmenuItem_"+jsonObj.id);
var $midmenuItem1 = $("#"+isoGetMidmenuId(jsonObj));
$midmenuItem1.remove();
clearRightPanel();
isoClearRightPanel();

View File

@ -582,13 +582,16 @@ function afterAddingMidMenuItem($midmenuItem1, isSuccessful, extraMessage) {
}
}
function bindClickToMidMenu($midmenuItem1, toRightPanel) {
function bindClickToMidMenu($midmenuItem1, toRightPanel, getMidmenuId) {
$midmenuItem1.bind("click", function(event){
var thisMidmenuItem = $(this);
if(selected_midmenu_id != null && selected_midmenu_id.length > 0)
$("#"+selected_midmenu_id).find("#content").removeClass("selected");
selected_midmenu_id = ("midmenuItem_"+thisMidmenuItem.data("jsonObj").id);
if(getMidmenuId == null)
selected_midmenu_id = "midmenuItem_"+thisMidmenuItem.data("jsonObj").id;
else
selected_midmenu_id = getMidmenuId(thisMidmenuItem.data("jsonObj"));
thisMidmenuItem.find("#content").addClass("selected");
clearRightPanel();