plexpy/data/interfaces/default/index.html

<%inherit file="base.html"/>

<%def name="headIncludes()">
</%def>

<%def name="body()">
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="padded-header" id="current-activity-header">
                <h3>Activity</h3>
            </div>
            <div id="currentActivity">
                <div class="text-muted"><i class="fa fa-refresh fa-spin"></i> Checking for activity...</div>
                <br>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="padded-header">
                <h3>Statistics (Past 30 days)</h3>
            </div>
            <div id="home-stats" class="user-platforms">
                <div class='text-muted'><i class="fa fa-refresh fa-spin"></i> Loading stats...</div>
                <br>
            </div>
        </div>
    </div>
    <div class='row'>
        <div class="col-md-12">
            <div class="padded-header">
                <h3>Recently Added</h3>
            </div>
            <div id='recentlyAdded'>
                <div class='text-muted'><i class="fa fa-refresh fa-spin"></i> Looking for new items...</div>
                <br>
            </div>
        </div>
    </div>
</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) {
                $("#current-activity-header").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(30);


</script>

</%def>