github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-31 12:00:08 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Lock scrolling of activity card overflow

Browse source
This commit is contained in:
JonnyWong16 2017-11-06 18:09:35 -08:00
parent c6a36cb4cf
commit 3df31bb01b
3 changed files with 20 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

2
data/interfaces/default/current_activity_instance.html
View file

@ -125,7 +125,7 @@ DOCUMENTATION :: END
</div>
<div class="dashboard-activity-info-container">
<div class="dashboard-activity-info-scroller scrollbar-macosx">
<div class="dashboard-activity-info">
<div class="dashboard-activity-info scoller-content">
<ul class="list-unstyled dashboard-activity-info-list">
<li class="dashboard-activity-info-item">
<div class="sub-heading">Platform</div>

2
data/interfaces/default/home_stats.html
View file

@ -119,7 +119,7 @@ DOCUMENTATION :: END
% endif
</div>
<div class="dashboard-stats-info-scroller scrollbar-macosx">
<div class="dashboard-stats-info">
<div class="dashboard-stats-info scoller-content">
<ul class="list-unstyled dashboard-stats-info-list">
% for row in top_stat['rows']:
<li class="dashboard-stats-info-item" data-stat_id="${stat_id}" data-art="${row.get('art')}" data-thumb="${row.get('thumb')}" data-platform="${row.get('platform_type')}"

35
data/interfaces/default/index.html
View file

@ -215,6 +215,22 @@
time_format = data.time_format;
}
});
function lockScroll(elem) {
$(elem).each(function (i, instance) {
var childHeight = $(instance).children('.scoller-content').height();
var height = $(instance).height();
var scrollHeight = $(instance).get(0).scrollHeight;
if (childHeight > height) {
$(instance).on('mousewheel', function(e, d) {
if(($(instance).scrollTop() >= (scrollHeight - height)) && d < 0 || ($(instance).scrollTop() <= 0) && d > 0) {
e.preventDefault();
}
});
}
});
};
</script>
% if 'current_activity' in config['home_sections']:
<script>
@ -492,6 +508,7 @@
$('#activity-instance-' + session.session_key + ' .dashboard-activity-info-scroller').scrollbar();
$('#activity-instance-' + session.session_key + ' [data-toggle=tooltip]').tooltip({ container: 'body', placement: 'right', delay: 50 })
$('#terminate-button-' + session.session_key).tooltip('destroy').tooltip({ container: 'body', placement: 'left', delay: 50 });
lockScroll('#activity-instance-' + session.session_key + ' .dashboard-activity-info-scroller');
}
});
}
@ -610,7 +627,7 @@
complete: function (xhr, status) {
$("#home-stats").html(xhr.responseText);
$('#ajaxMsg').fadeOut();
lockScroll();
lockScroll('#home-stats .dashboard-stats-info-scroller');
}
});
}
@ -640,22 +657,6 @@
$('#watched-stats-days').tooltip({ container: 'body', placement: 'top', html: true });
$('#watched-stats-count').tooltip({ container: 'body', placement: 'top', html: true });
function lockScroll() {
$('#home-stats .dashboard-stats-info-scroller.scroll-content').each(function (i, instance) {
var childHeight = $(instance).children('.dashboard-stats-info').height();
var height = $(instance).height();
var scrollHeight = $(instance).get(0).scrollHeight;
if (childHeight > height) {
$(instance).on('mousewheel', function(e, d) {
if(($(instance).scrollTop() >= (scrollHeight - height)) && d < 0 || ($(instance).scrollTop() <= 0) && d > 0) {
e.preventDefault();
}
});
}
});
};
</script>
% endif
% if 'library_stats' in config['home_sections']: