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

Added hover effect over the navigation to indicate which ones can be opened or not

This commit is contained in:
will 2010-10-20 19:14:07 -07:00
parent f58e15d009
commit 8d498f4ea8
3 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/new/index.jsp
View File

@ -303,7 +303,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_instances">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:block;"></div>
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<div class="leftmenu_list_icons">
<img src="images/instance_leftmenuicon.png" alt="Instance" /></div>
<%=t.t("instance")%>
@ -329,7 +329,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_storage">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:block;"></div>
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<div class="leftmenu_list_icons">
<img src="images/storage_leftmenuicon.png" alt="Storage" /></div>
<%=t.t("storage")%>
@ -363,7 +363,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_network">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:block;"></div>
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<div class="leftmenu_list_icons">
<img src="images/network_leftmenuicon.png" alt="Network" /></div>
<%=t.t("Network")%>
@ -385,7 +385,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_templates">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:block;"></div>
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<div class="leftmenu_list_icons">
<img src="images/templates_leftmenuicon.png" alt="Template" /></div>
<%=t.t("template")%>
@ -487,7 +487,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_account">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<!-- <div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div> -->
<div class="leftmenu_list_icons">
<img src="images/accounts_leftmenuicon.png" alt="Account" /></div>
<%=t.t("account")%>
@ -498,7 +498,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_domain">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:block;"></div>
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<div class="leftmenu_list_icons">
<img src="images/domain_leftmenuicon.png" alt="Domain" /></div>
<%=t.t("domain")%>
@ -512,7 +512,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_events">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:block;"></div>
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<div class="leftmenu_list_icons">
<img src="images/events_leftmenuicon.png" alt="Event" /></div>
<%=t.t("event")%>
@ -544,7 +544,7 @@ long milliseconds = new Date().getTime();
<div class="leftmenu_list">
<div class="leftmenu_content_flevel" id="leftmenu_system">
<div class="leftmenu_firstindent">
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:block;"></div>
<div class="leftmenu_arrows_firstlevel_open" id="expandable_first_level_arrow" style="display:none;"></div>
<div class="leftmenu_list_icons">
<img src="images/configuration_leftmenuicon.png" alt="System" /></div>
<%=t.t("system")%>

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

@ -17,6 +17,17 @@
*/
$(document).ready(function() {
$(".leftmenu_content_flevel").hover(
function() {
$(this).find(".leftmenu_arrows_firstlevel_open").show();
},
function() {
if ($selectedLeftMenu.attr("id") != $(this).attr("id")) {
$(this).find(".leftmenu_arrows_firstlevel_open").hide();
}
}
);
// Setup first level navigation
$("#leftmenu_dashboard").bind("click", function(event) {
selectLeftMenu($(this));

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

@ -493,9 +493,12 @@ var $selectedLeftMenu;
var $expandedLeftMenu;
function selectLeftMenu($menuToSelect, expandable) {
if ($selectedLeftMenu == null || ($menuToSelect.attr("id") != $selectedLeftMenu.attr("id"))) {
if($selectedLeftMenu != null)
if($selectedLeftMenu != null) {
$selectedLeftMenu.removeClass("selected");
$selectedLeftMenu.find(".leftmenu_arrows_firstlevel_open").hide();
}
$menuToSelect.addClass("selected");
$menuToSelect.find(".leftmenu_arrows_firstlevel_open").show();
$selectedLeftMenu = $menuToSelect;
// collapse any current expanded menu