diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index b09227b2..8f951655 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -253,6 +253,12 @@ fieldset[disabled] .btn-dark.active {
background-color: #333;
color: #aaa;
}
+.btn-dark.inactive:hover {
+ color: #d7d7d7;
+ background-color: #3B3B3B;
+ border-color: transparent;
+ cursor: default;
+}
.btn-dark .badge {
color: #e5e5e5;
background-color: #3B3B3B;
@@ -1865,9 +1871,36 @@ a .library-user-instance-box:hover {
-moz-box-shadow: inset 0 0 0 2px #e9a049;
box-shadow: inset 0 0 0 2px #e9a049;
}
+#watched-stats-days-selection label {
+ margin-bottom: 0;
+}
+#watched-stats-days {
+ margin: 0;
+ width: 75px;
+ height: 34px;
+}
+#watched-stats-count {
+ margin: 0;
+ width: 75px;
+ height: 34px;
+}
+#recently-added-count {
+ margin: 0;
+ width: 75px;
+ height: 34px;
+}
+.home-padded-header {
+ margin: 25px 0;
+ height: 34px;
+}
+.home-padded-header h3 {
+ margin-top: 9px;
+ width: 175px;
+}
.home-platforms {
}
-.home-platforms ul {
+.home-platforms ul,
+.library-platforms ul {
list-style: none;
margin: 0;
}
diff --git a/data/interfaces/default/graphs.html b/data/interfaces/default/graphs.html
index 0ebdc28b..ac6a8294 100644
--- a/data/interfaces/default/graphs.html
+++ b/data/interfaces/default/graphs.html
@@ -20,7 +20,7 @@
-
+
% if config['graph_type'] == 'duration':
% endif
-
@@ -572,11 +572,7 @@
e.preventDefault();
current_tab = $(this).attr('href');
loadGraphsTab1(current_day_range, yaxis);
- $.ajax({
- url: 'set_graph_config',
- data: { graph_tab: current_tab.replace('#','') },
- async: true
- });
+ $.post('set_graph_config', { graph_tab: current_tab.replace('#','') });
})
// Tab2 opened
@@ -584,11 +580,7 @@
e.preventDefault();
current_tab = $(this).attr('href');
loadGraphsTab2(current_day_range, yaxis);
- $.ajax({
- url: 'set_graph_config',
- data: { graph_tab: current_tab.replace('#','') },
- async: true
- });
+ $.post('set_graph_config', { graph_tab: current_tab.replace('#','') });
})
// Tab3 opened
@@ -596,46 +588,28 @@
e.preventDefault();
current_tab = $(this).attr('href');
loadGraphsTab3(current_month_range, yaxis);
- $.ajax({
- url: 'set_graph_config',
- data: { graph_tab: current_tab.replace('#','') },
- async: true
- });
+ $.post('set_graph_config', { graph_tab: current_tab.replace('#','') });
})
// Date range changed
+ $('#graph-days').tooltip({ container: 'body', placement: 'top', html: true });
$('#graph-days').on('change', function() {
- current_day_range = Math.round($(this).val());
- $(this).val(current_day_range);
- if (current_day_range < 1) {
- $(this).val(7);
- current_day_range = 7;
- }
+ forceMinMax($(this));
+ current_day_range = $(this).val();
if (current_tab == '#tabs-1') { loadGraphsTab1(current_day_range, yaxis); }
if (current_tab == '#tabs-2') { loadGraphsTab2(current_day_range, yaxis); }
$('.days').html(current_day_range);
- $.ajax({
- url: 'set_graph_config',
- data: { graph_days: current_day_range},
- async: true
- });
+ $.post('set_graph_config', { graph_days: current_day_range });
});
// Month range changed
+ $('#graph-months').tooltip({ container: 'body', placement: 'top', html: true });
$('#graph-months').on('change', function() {
- current_month_range = Math.round($(this).val());
- $(this).val(current_month_range);
- if (current_month_range < 1) {
- $(this).val(12);
- current_month_range = 12;
- }
+ forceMinMax($(this));
+ current_month_range = $(this).val();
if (current_tab == '#tabs-3') { loadGraphsTab3(current_month_range, yaxis); }
$('.months').html(current_month_range);
- $.ajax({
- url: 'set_graph_config',
- data: { graph_months: current_month_range},
- async: true
- });
+ $.post('set_graph_config', { graph_months: current_month_range });
});
// User changed
@@ -652,11 +626,7 @@
if (current_tab == '#tabs-1') { loadGraphsTab1(current_day_range, yaxis); }
if (current_tab == '#tabs-2') { loadGraphsTab2(current_day_range, yaxis); }
if (current_tab == '#tabs-3') { loadGraphsTab3(current_month_range, yaxis); }
- $.ajax({
- url: 'set_graph_config',
- data: { graph_type: yaxis},
- async: true
- });
+ $.post('set_graph_config', { graph_type: yaxis });
});
function setGraphFormat(type) {
diff --git a/data/interfaces/default/index.html b/data/interfaces/default/index.html
index 492df1a6..d7e71f73 100644
--- a/data/interfaces/default/index.html
+++ b/data/interfaces/default/index.html
@@ -20,9 +20,40 @@
% elif section == 'watch_stats':