diff --git a/ui/scripts/ui/widgets/cloudBrowser.js b/ui/scripts/ui/widgets/cloudBrowser.js index 31ac533dd11..007025b14be 100644 --- a/ui/scripts/ui/widgets/cloudBrowser.js +++ b/ui/scripts/ui/widgets/cloudBrowser.js @@ -346,73 +346,4 @@ } } )); - - // Breadcrumb hovering - $('#breadcrumbs li').live('mouseover', cloudStack.ui.event.bind( - 'cloudBrowser', { - 'breadcrumb': function($target, $browser, data) { - var $hiddenPanels = data.panel.siblings().filter(function() { - return $(this).index() > data.panel.index(); - }); - var $targetPanel = data.panel.filter(':first'); - var $targetBreadcrumb = _breadcrumb.filter($targetPanel); - var $panelWrapper = $('
').addClass('panel panel-highlight-wrapper'); - - $hiddenPanels.addClass('mouseover-hidden'); - - $browser.data('browser-panel-highlight-timer', setTimeout(function() { - $('#browser').addClass('panel-highlight'); - $('.overlay').remove(); - - // Setup panel and wrapper positioning - $panelWrapper - .css({ - left: $targetPanel.position().left - }) - .width($targetPanel.width()); - $targetPanel - .wrap($panelWrapper); - $panelWrapper - .zIndex(10000) - .overlay(); - $targetPanel.filter(':last').addClass('highlighted'); - - // Setup breadcrumbs - $targetBreadcrumb.each(function() { - $(this).data('breadcrumb-original-zindex', $(this).zIndex()); - }); - $targetBreadcrumb.zIndex(10001); - - $hiddenPanels.hide(); - }, 1000)); - } - } - )); - - $('#breadcrumbs li').live('mouseout', cloudStack.ui.event.bind( - 'cloudBrowser', { - 'breadcrumb': function($target, $browser, data) { - var $getHiddenPanels = $browser.find('.panel.mouseover-hidden'); - var $visiblePanels = $getHiddenPanels.siblings(); - var $visibleBreadcrumbs = _breadcrumb.filter($visiblePanels); - - clearTimeout($browser.data('browser-panel-highlight-timer')); - $('#browser').removeClass('panel-highlight'); - $('#browser .panel').removeClass('highlighted'); - $('#browser .panel.panel-highlight-wrapper').each(function() { - var $wrapper = $(this); - var $panel = $wrapper.find('.panel'); - - $wrapper.after($panel); - $wrapper.remove(); - }); - $getHiddenPanels.removeClass('mouseover-hidden').show(); - $visibleBreadcrumbs.each(function() { - $(this).zIndex($(this).data('breadcrumb-original-zindex')); - }); - $('.overlay').remove(); - $('#browser .panel > .highlight-arrow').remove(); - } - } - )); })(jQuery, cloudStack);