apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

new UI - clear midmenu icons (add icon, action icon) when clicking on a different page.

Browse Source
This commit is contained in:
Jessica Wang 2010-09-13 11:05:42 -07:00
parent 1af28db9cd
commit ab05973b18
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/new/index.jsp
View File

@ -105,7 +105,7 @@ long milliseconds = new Date().getTime();
</ul> </ul>
</div> </div>
</div> </div>
<div class="actionpanel_button_wrapper" id="add_link" style="display: none"> <div class="actionpanel_button_wrapper" id="midmenu_add_link" style="display: none">
<div class="actionpanel_button"> <div class="actionpanel_button">
<div class="actionpanel_button_icons"> <div class="actionpanel_button_icons">
<img src="images/addvm_actionicon.png" alt="Add" /></div> <img src="images/addvm_actionicon.png" alt="Add" /></div>

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

@ -50,9 +50,15 @@ $(document).ready(function() {
$midmenuItem1.data("toRightPanelFn", toRightPanelFn); $midmenuItem1.data("toRightPanelFn", toRightPanelFn);
} }
function clearMidMenu() {
$("#midmenu_action_link").hide();
$("#midmenu_add_link").hide();
}
var $midmenuItem = $("#midmenu_item"); var $midmenuItem = $("#midmenu_item");
function listMidMenuItems(leftmenuId, apiName, jsonResponse1, jsonResponse2, rightPanelJSP, afterLoadRightPanelJSP, toMidmenu, toRightPanel) { function listMidMenuItems(leftmenuId, apiName, jsonResponse1, jsonResponse2, rightPanelJSP, afterLoadRightPanelJSP, toMidmenu, toRightPanel) {
$("#"+leftmenuId).bind("click", function(event) { $("#"+leftmenuId).bind("click", function(event) {
clearMidMenu();
$("#right_panel").load(rightPanelJSP, function(){ $("#right_panel").load(rightPanelJSP, function(){
afterLoadRightPanelJSP(); afterLoadRightPanelJSP();
$.ajax({ $.ajax({
@ -85,6 +91,7 @@ $(document).ready(function() {
listMidMenuItems("leftmenu_ip", "listPublicIpAddresses", "listpublicipaddressesresponse", "publicipaddress", "jsp/ip_address.jsp", afterLoadIpJSP, ipToMidmenu, ipToRigntPanel); listMidMenuItems("leftmenu_ip", "listPublicIpAddresses", "listpublicipaddressesresponse", "publicipaddress", "jsp/ip_address.jsp", afterLoadIpJSP, ipToMidmenu, ipToRigntPanel);
$("#leftmenu_instance_group_header").bind("click", function(event) { $("#leftmenu_instance_group_header").bind("click", function(event) {
clearMidMenu();
var $arrowIcon = $(this).find("#arrow_icon"); var $arrowIcon = $(this).find("#arrow_icon");
clickInstanceGroupHeader($arrowIcon); clickInstanceGroupHeader($arrowIcon);
return false; return false;

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

@ -484,7 +484,7 @@ function clickInstanceGroupHeader($arrowIcon) {
//***** declaration for volume tab (end) ********************************************************* //***** declaration for volume tab (end) *********************************************************
$("#add_link").show(); $("#midmenu_add_link").show();
if($arrowIcon.hasClass("close") == true) { if($arrowIcon.hasClass("close") == true) {
$arrowIcon.removeClass("close").addClass("open"); $arrowIcon.removeClass("close").addClass("open");
$.ajax({ $.ajax({
@ -629,7 +629,7 @@ function clickInstanceGroupHeader($arrowIcon) {
var currentPageInTemplateGridInVmPopup =1; var currentPageInTemplateGridInVmPopup =1;
var selectedTemplateTypeInVmPopup; //selectedTemplateTypeInVmPopup will be set to "featured" when new VM dialog box opens var selectedTemplateTypeInVmPopup; //selectedTemplateTypeInVmPopup will be set to "featured" when new VM dialog box opens
$("#add_link").unbind("click").bind("click", function(event) { $("#midmenu_add_link").unbind("click").bind("click", function(event) {
vmWizardOpen(); vmWizardOpen();
$.ajax({ $.ajax({
data: createURL("command=listZones&available=true"), data: createURL("command=listZones&available=true"),