152 lines
4.4 KiB
HTML
152 lines
4.4 KiB
HTML
<%inherit file="base.html"/>
|
|
<%!
|
|
from plexpy import helpers
|
|
%>
|
|
|
|
<%def name="headIncludes()">
|
|
|
|
</%def>
|
|
|
|
<%def name="body()">
|
|
<div class="container-fluid">
|
|
|
|
<div class="row-fluid">
|
|
<div class="span12">
|
|
<div class="wellbg">
|
|
<div class="wellheader">
|
|
<div class="dashboard-wellheader">
|
|
<div id="currentActivityHeader">
|
|
<h3>Activity</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="currentActivity">
|
|
<div class="muted"><i class="fa fa-refresh fa-spin"></i> Checking for activity...</div><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-fluid">
|
|
<div class="span12">
|
|
<div class="wellbg">
|
|
<div class="wellheader">
|
|
<div class="dashboard-wellheader">
|
|
<h3>Statistics
|
|
<span class="muted"> | <a href="javascript:void(0)" id="stats-7">7 days</a></span>
|
|
<span class="muted"> | <a href="javascript:void(0)" id="stats-30">30 days</a></span>
|
|
<span class="muted"> | <a href="javascript:void(0)" id="stats-90">90 days</a></span>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div id="home-stats">
|
|
<div class='muted'><i class="fa fa-refresh fa-spin"></i> Loading stats...</div><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class='row-fluid'>
|
|
<div class='wellbg'>
|
|
<div class='wellheader'>
|
|
<div class='dashboard-wellheader'>
|
|
<h3>Recently Added</h3>
|
|
</div>
|
|
</div>
|
|
<div id='recentlyAdded'>
|
|
<div class='muted'><i class="fa fa-refresh fa-spin"></i> Looking for new items...</div><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer></footer>
|
|
</div>
|
|
</%def>
|
|
|
|
<%def name="javascriptIncludes()">
|
|
<script src="interfaces/default/js/moment-with-locale.js"></script>
|
|
<script>
|
|
|
|
function getHomeStats(days) {
|
|
$.ajax({
|
|
url: 'home_stats',
|
|
cache: false,
|
|
async: true,
|
|
data: {time_range: days},
|
|
complete: function(xhr, status) {
|
|
$("#home-stats").html(xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
|
|
function currentActivity() {
|
|
$.ajax({
|
|
url: 'get_current_activity',
|
|
cache: false,
|
|
async: true,
|
|
complete: function(xhr, status) {
|
|
$("#currentActivity").html(xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
currentActivity();
|
|
setInterval(currentActivity, 15000);
|
|
|
|
function currentActivityHeader() {
|
|
$.ajax({
|
|
url: 'get_current_activity_header',
|
|
cache: false,
|
|
async: true,
|
|
complete: function(xhr, status) {
|
|
$("#currentActivityHeader").html(xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
currentActivityHeader();
|
|
setInterval(currentActivityHeader, 15000);
|
|
|
|
function recentlyAdded() {
|
|
var widthVal = $('body').find(".container-fluid").width();
|
|
var tmp = (widthVal-20) / 182;
|
|
|
|
if (tmp > 0) {
|
|
containerSize = parseInt(tmp);
|
|
} else {
|
|
containerSize = 1;
|
|
}
|
|
|
|
$.ajax({
|
|
url: 'get_recently_added',
|
|
type: "GET",
|
|
async: true,
|
|
data: { count : containerSize },
|
|
complete: function(xhr, status) {
|
|
$("#recentlyAdded").html(xhr.responseText);
|
|
}
|
|
});
|
|
}
|
|
$(document).ready(function () {
|
|
recentlyAdded();
|
|
$(window).resize(function() {
|
|
recentlyAdded();
|
|
});
|
|
});
|
|
|
|
getHomeStats(7);
|
|
|
|
$('#stats-7').click(function() {
|
|
$('#home-stats').html('<div class="muted"><i class="fa fa-refresh fa-spin"></i> Loading stats...</div><br>');
|
|
getHomeStats(7);
|
|
});
|
|
|
|
$('#stats-30').click(function() {
|
|
$('#home-stats').html('<div class="muted"><i class="fa fa-refresh fa-spin"></i> Loading stats...</div><br>');
|
|
getHomeStats(30);
|
|
});
|
|
|
|
$('#stats-90').click(function() {
|
|
$('#home-stats').html('<div class="muted"><i class="fa fa-refresh fa-spin"></i> Loading stats...</div><br>');
|
|
getHomeStats(90);
|
|
});
|
|
|
|
</script>
|
|
|
|
</%def>
|