etan39
/
cloudstack
mirror of https://github.com/apache/cloudstack.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

new UI - add shared function enableMultipleSelectionInMiddleMenu(), disableMultipleSelectionInMiddleMenu().

This commit is contained in:
Jessica Wang 2010-10-05 14:22:10 -07:00
parent 3982bc0558
commit 4fa53720c6
4 changed files with 36 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/new/scripts/cloud.core2.init.js
View File

@ -25,7 +25,7 @@ $(document).ready(function() {
$(this).addClass("selected");
showMiddleMenu();
$("#midmenu_container").selectable("destroy"); //Most pages don't need multiple selection in middle menu.
disableMultipleSelectionInMidMenu();
clearLeftMenu();
clearMiddleMenu();
@ -88,7 +88,8 @@ $(document).ready(function() {
$("#leftmenu_instance_group_header").bind("click", function(event) {
showMiddleMenu();
clearMiddleMenu();
clearMiddleMenu();
enableMultipleSelectionInMiddleMenu(); //multiple-selection is needeed for actions like start VM, stop VM, reboot VM.
var $arrowIcon = $(this).find("#arrow_icon");
clickInstanceGroupHeader($arrowIcon);
return false;
@ -109,7 +110,7 @@ $(document).ready(function() {
$(this).addClass("selected");
showMiddleMenuWithoutSearch();
$("#midmenu_container").selectable("destroy"); //Most pages don't need multiple selection in middle menu.
disableMultipleSelectionInMidMenu();
clearLeftMenu();
clearMiddleMenu();

29
ui/new/scripts/cloud.core2.instance.js
View File

@ -1,31 +1,4 @@
function clickInstanceGroupHeader($arrowIcon) {
//midmenu needs multiple-selection for actions like start VM, stop VM, reboot VM.
$("#midmenu_container").selectable({
selecting: function(event, ui) {
if(ui.selecting.id.indexOf("midmenuItem") != -1) {
var $midmenuItem1 = $("#"+ui.selecting.id);
if($midmenuItem1.find("#content").hasClass("inaction") == false) { //only items not in action are allowed to be selected
var id =$midmenuItem1.data("jsonObj").id;
selectedItemsInMidMenu[id] = $midmenuItem1;
$midmenuItem1.find("#content").addClass("selected");
}
clearRightPanel();
var toRightPanelFn = $midmenuItem1.data("toRightPanelFn");
toRightPanelFn($midmenuItem1);
}
},
unselecting: function(event, ui) {
if(ui.unselecting.id.indexOf("midmenuItem") != -1) {
var $midmenuItem1 = $("#"+ui.unselecting.id);
var id = $midmenuItem1.data("jsonObj").id;
if(id in selectedItemsInMidMenu) {
delete selectedItemsInMidMenu[id];
$midmenuItem1.find("#content").removeClass("selected");
}
}
}
});
function clickInstanceGroupHeader($arrowIcon) {
$("#midmenu_add_link").show();
if($arrowIcon.hasClass("close") == true) {

31
ui/new/scripts/cloud.core2.js
View File

@ -762,7 +762,36 @@ function initDialog(elementId, width1) {
}
}
function disableMultipleSelectionInMidMenu() {
$("#midmenu_container").selectable("destroy"); //Most pages don't need multiple selection in middle menu.
}
function enableMultipleSelectionInMiddleMenu() {
$("#midmenu_container").selectable({
selecting: function(event, ui) {
if(ui.selecting.id.indexOf("midmenuItem") != -1) {
var $midmenuItem1 = $("#"+ui.selecting.id);
if($midmenuItem1.find("#content").hasClass("inaction") == false) { //only items not in action are allowed to be selected
var id =$midmenuItem1.data("jsonObj").id;
selectedItemsInMidMenu[id] = $midmenuItem1;
$midmenuItem1.find("#content").addClass("selected");
}
clearRightPanel();
var toRightPanelFn = $midmenuItem1.data("toRightPanelFn");
toRightPanelFn($midmenuItem1);
}
},
unselecting: function(event, ui) {
if(ui.unselecting.id.indexOf("midmenuItem") != -1) {
var $midmenuItem1 = $("#"+ui.unselecting.id);
var id = $midmenuItem1.data("jsonObj").id;
if(id in selectedItemsInMidMenu) {
delete selectedItemsInMidMenu[id];
$midmenuItem1.find("#content").removeClass("selected");
}
}
}
});
}

11
ui/scripts/cloud.core.instances.js
View File

@ -1062,16 +1062,7 @@ function showInstancesTab(p_domainId, p_account) {
link.data("expanded", false);
}
break;
case "vm_actions" :
//fix for zIndex bug of IE7
vmInstance.find('#vm_rows').each(function() {
$(this).css("z-index", "1");
});
vmInstance.find('#vm_actions_container').each(function() {
$(this).css("z-ndex", "2");
});
case "vm_actions" :
vmInstance.find("#vm_actions_container").slideDown("fast");
break;
case "vm_actions_close" :