MarietjeDjango/marietje/stats/templates/stats/stats.html

{% extends 'base.html' %}
{% load static %}

{% block title %}Stats{% endblock %}

{% block content %}
<h1>Statistics</h1>
<div class="row display-flex">
    {% if not stats %}
    <div class="col-md-12 alert alert-danger">
        <strong>Stats unavailable :(</strong>
    </div>
    {% else %}
    {% if current_age_text %}
    <div class="col-md-12 alert alert-info">
        <strong>{{ current_age_text }}</strong>
    {% endif %}
    </div>
    <div class="col-md-6">
        <h2>Uploads</h2>
        <p>In total <strong> {{ stats.total_uploads }} </strong> songs have been uploaded. 
        These are the {{ stats.stats_top_count }} people who have uploaded the most.</p>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th style="text-align: right;"># Songs</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.upload_stats %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.user__name }}</td>
                        <td style="text-align: right;">{{ stat.total }}</td>
                        <td>({% widthratio stat.total stats.total_uploads_perc 100 %}%)</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <h2>Requests</h2>
        <p>In total <strong> {{ stats.total_requests }} </strong> songs have been requested. 
        These are the {{ stats.stats_top_count }} people who have requested the most songs.</p>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th style="text-align: right;"># Requests</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.request_stats %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.user__name }}</td>
                        <td style="text-align: right;">{{ stat.total }}</td>
                        <td>({% widthratio stat.total stats.total_requests_perc 100 %}%)</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <h2>Time requested</h2>
        <p>In total <strong> {{ stats.total_time_requested }} </strong> of music have been requested, with an 
        average song length of <strong>{{ stats.total_average }}</strong>. 
        These are the {{ stats.stats_top_count }} people with the longest total time queued.</p>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th style="text-align: right;">Duration</th>
                        <th>Average</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.time_requested %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.user__name }}</td>
                        <td style="text-align: right;">{{ stat.duration }}</td>
                        <td>{{stat.avg_dur}}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <h2>Unique requests</h2>
        <p>In total <strong> {{stats.total_unique_requests}}</strong> different songs
        have been requested. The {{ stats.stats_top_count }} people that have requested the largest number of
        different songs are shown below.
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th style="text-align: right;"># Unique</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.unique_request_stats %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.user__name }}</td>
                        <td style="text-align: right;">{{ stat.unique_requests }}</td>
                        <td>({% widthratio stat.unique_requests stat.total_requests 100 %}%)</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <h2>Most played songs</h2>
        <p>These are the {{ stats.stats_top_count }} most played songs ever.</p>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Artist</th>
                        <th>Title</th>
                        <th># Requests</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.most_played_songs %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.song__artist }}</td>
                        <td>{{ stat.song__title }}</td>
                        <td>{{ stat.total }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <h2>Most played Artists</h2>
        <p>These are the {{ stats.stats_top_count }} most played artists ever.</p>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Artist</th>
                        <th style="text-align: right;"># Requests</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.most_played_artists %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.song__artist }}</td>
                        <td style="text-align: right;">{{ stat.total }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
     <div class="col-md-6">
        <h2>Most played uploaders</h2>
        <p>These are the {{ stats.stats_top_count }} people whose songs are requested most often by other people, as shown in the left column. The right column shows how many times that person has queued his own songs.</p>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th style="text-align: right;"># Others</th>
                        <th># Own</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.most_requested_uploaders %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.name }}</td>
                        <td style="text-align: right;">{{ stat.total }}</td>
                        <td>{{ stat.own_total}}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    <div class="col-md-6">
        <h2>Most played songs last 14 days</h2>
        <p>These songs are played the {{ stats.stats_top_count }} most in the last two weeks.</p>
        <div class="table-responsive">
            <table class="table table-striped">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Artist</th>
                        <th>Title</th>
                        <th># Requests</th>
                    </tr>
                </thead>
                <tbody>
                    {% for stat in stats.most_played_songs_14_days %}
                    <tr>
                        <th>{{ forloop.counter }}</th>
                        <td>{{ stat.song__artist }}</td>
                        <td>{{ stat.song__title }}</td>
                        <td>{{ stat.total }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
    {% endif %}
</div>
{% endblock %}