root / snf-cyclades-app / synnefo / ui / new_ui / ui / javascripts / overlay1.js @ e0d90534
History | View | Annotate | Download (2.9 kB)
| 1 |
function setArrowsStatus(remainingActions, actionsNum, visibleActions) { |
|---|---|
| 2 |
if(remainingActions<=0) { |
| 3 |
$('.actions-area .arrows .down'). addClass('inactive'); |
| 4 |
} |
| 5 |
else {
|
| 6 |
$('.actions-area .arrows .down'). removeClass('inactive'); |
| 7 |
} |
| 8 |
if(remainingActions>= actionsNum - visibleActions) {
|
| 9 |
$('.actions-area .arrows .up'). addClass('inactive'); |
| 10 |
} |
| 11 |
else {
|
| 12 |
$('.actions-area .arrows .up'). removeClass('inactive'); |
| 13 |
} |
| 14 |
} |
| 15 |
|
| 16 |
$(document).ready(function() { |
| 17 |
$('.entities li.testOverlay .more').each(function(){ |
| 18 |
var width = $(this).parent('li').outerWidth(); |
| 19 |
var height = $(this).parent('li').outerHeight() |
| 20 |
$(this).css('width', width); |
| 21 |
$(this).css('height', height); |
| 22 |
}); |
| 23 |
|
| 24 |
|
| 25 |
var actionsAreaHeight = 100; |
| 26 |
var actionHeight, actionsNum, visibleActions, step, remainingActions;
|
| 27 |
|
| 28 |
$('.items-list li .img-wrap').on("mouseenter", function(e) { |
| 29 |
var actionsArea = $(this).parents('.container').siblings('.more').find('.actions-area'); |
| 30 |
if(actionsArea.find('ul').height() < actionsArea.height()) { |
| 31 |
actionsArea.find('.arrows a').addClass('inactive'); |
| 32 |
} |
| 33 |
else {
|
| 34 |
var actionsAreaHeight = 100; |
| 35 |
var actionHeight = actionsArea.find('li').height(); |
| 36 |
var actionsNum = actionsArea.find('li').length; |
| 37 |
var visibleActions = actionsAreaHeight/actionHeight;
|
| 38 |
var step = 2; |
| 39 |
var remainingActions = actionsNum - visibleActions;
|
| 40 |
actionsArea.find('ul').css({top: 0}) |
| 41 |
setArrowsStatus(remainingActions, actionsNum, visibleActions); |
| 42 |
$('.actions-area .arrows .down').click(function(e) { |
| 43 |
e.preventDefault(); |
| 44 |
if(remainingActions>0) { |
| 45 |
distance = parseInt($('.actions-list').css('top'), 10) - step*actionHeight; |
| 46 |
actionsArea.find('.actions-list').animate({top: distance+'px'}, function() { |
| 47 |
remainingActions = remainingActions -2;
|
| 48 |
setArrowsStatus(remainingActions, actionsNum, visibleActions); |
| 49 |
|
| 50 |
}) |
| 51 |
|
| 52 |
} |
| 53 |
}); |
| 54 |
$('.actions-area .arrows .up').click(function(e) { |
| 55 |
e.preventDefault(); |
| 56 |
if(remainingActions< actionsNum - visibleActions) {
|
| 57 |
distance = parseInt($('.actions-list').css('top'), 10) + step*actionHeight; |
| 58 |
actionsArea.find('.actions-list').animate({top: distance+'px'}, function() { |
| 59 |
remainingActions = remainingActions +2;
|
| 60 |
setArrowsStatus(remainingActions, actionsNum, visibleActions); |
| 61 |
|
| 62 |
}); |
| 63 |
} |
| 64 |
}); |
| 65 |
} |
| 66 |
}); |
| 67 |
|
| 68 |
|
| 69 |
}) |