|
346 | 346 | } |
347 | 347 | } |
348 | 348 | )); |
349 | | - |
350 | | - // Breadcrumb hovering |
351 | | - $('#breadcrumbs li').live('mouseover', cloudStack.ui.event.bind( |
352 | | - 'cloudBrowser', { |
353 | | - 'breadcrumb': function($target, $browser, data) { |
354 | | - var $hiddenPanels = data.panel.siblings().filter(function() { |
355 | | - return $(this).index() > data.panel.index(); |
356 | | - }); |
357 | | - var $targetPanel = data.panel.filter(':first'); |
358 | | - var $targetBreadcrumb = _breadcrumb.filter($targetPanel); |
359 | | - var $panelWrapper = $('<div>').addClass('panel panel-highlight-wrapper'); |
360 | | - |
361 | | - $hiddenPanels.addClass('mouseover-hidden'); |
362 | | - |
363 | | - $browser.data('browser-panel-highlight-timer', setTimeout(function() { |
364 | | - $('#browser').addClass('panel-highlight'); |
365 | | - $('.overlay').remove(); |
366 | | - |
367 | | - // Setup panel and wrapper positioning |
368 | | - $panelWrapper |
369 | | - .css({ |
370 | | - left: $targetPanel.position().left |
371 | | - }) |
372 | | - .width($targetPanel.width()); |
373 | | - $targetPanel |
374 | | - .wrap($panelWrapper); |
375 | | - $panelWrapper |
376 | | - .zIndex(10000) |
377 | | - .overlay(); |
378 | | - $targetPanel.filter(':last').addClass('highlighted'); |
379 | | - |
380 | | - // Setup breadcrumbs |
381 | | - $targetBreadcrumb.each(function() { |
382 | | - $(this).data('breadcrumb-original-zindex', $(this).zIndex()); |
383 | | - }); |
384 | | - $targetBreadcrumb.zIndex(10001); |
385 | | - |
386 | | - $hiddenPanels.hide(); |
387 | | - }, 1000)); |
388 | | - } |
389 | | - } |
390 | | - )); |
391 | | - |
392 | | - $('#breadcrumbs li').live('mouseout', cloudStack.ui.event.bind( |
393 | | - 'cloudBrowser', { |
394 | | - 'breadcrumb': function($target, $browser, data) { |
395 | | - var $getHiddenPanels = $browser.find('.panel.mouseover-hidden'); |
396 | | - var $visiblePanels = $getHiddenPanels.siblings(); |
397 | | - var $visibleBreadcrumbs = _breadcrumb.filter($visiblePanels); |
398 | | - |
399 | | - clearTimeout($browser.data('browser-panel-highlight-timer')); |
400 | | - $('#browser').removeClass('panel-highlight'); |
401 | | - $('#browser .panel').removeClass('highlighted'); |
402 | | - $('#browser .panel.panel-highlight-wrapper').each(function() { |
403 | | - var $wrapper = $(this); |
404 | | - var $panel = $wrapper.find('.panel'); |
405 | | - |
406 | | - $wrapper.after($panel); |
407 | | - $wrapper.remove(); |
408 | | - }); |
409 | | - $getHiddenPanels.removeClass('mouseover-hidden').show(); |
410 | | - $visibleBreadcrumbs.each(function() { |
411 | | - $(this).zIndex($(this).data('breadcrumb-original-zindex')); |
412 | | - }); |
413 | | - $('.overlay').remove(); |
414 | | - $('#browser .panel > .highlight-arrow').remove(); |
415 | | - } |
416 | | - } |
417 | | - )); |
418 | 349 | })(jQuery, cloudStack); |
0 commit comments