moviewyrm/bookwyrm/templates/settings/dashboard/dashboard.html

146 lines
5.2 KiB
HTML
Raw Normal View History

2021-09-11 04:12:08 +00:00
{% extends 'settings/layout.html' %}
{% load i18n %}
{% load humanize %}
{% load static %}
{% block title %}{% trans "Dashboard" %}{% endblock %}
{% block header %}{% trans "Dashboard" %}{% endblock %}
{% block panel %}
2021-10-04 18:22:14 +00:00
<div class="columns block has-text-centered is-mobile is-multiline">
<div class="column is-3-desktop is-6-mobile">
2021-09-11 04:12:08 +00:00
<div class="notification">
<h3>{% trans "Total users" %}</h3>
<p class="title is-5">{{ users|intcomma }}</p>
</div>
</div>
2021-10-04 18:22:14 +00:00
<div class="column is-3-desktop is-6-mobile">
2021-09-11 04:12:08 +00:00
<div class="notification">
<h3>{% trans "Active this month" %}</h3>
<p class="title is-5">{{ active_users|intcomma }}</p>
</div>
</div>
2021-10-04 18:22:14 +00:00
<div class="column is-3-desktop is-6-mobile">
2021-09-11 04:12:08 +00:00
<div class="notification">
<h3>{% trans "Statuses" %}</h3>
<p class="title is-5">{{ statuses|intcomma }}</p>
</div>
</div>
2021-10-04 18:22:14 +00:00
<div class="column is-3-desktop is-6-mobile">
2021-09-11 04:12:08 +00:00
<div class="notification">
<h3>{% trans "Works" %}</h3>
<p class="title is-5">{{ works|intcomma }}</p>
</div>
</div>
</div>
<div class="columns block is-multiline">
{% if reports %}
<div class="column">
<a href="{% url 'settings-reports' %}" class="notification is-warning is-block">
{% blocktrans trimmed count counter=reports with display_count=reports|intcomma %}
{{ display_count }} open report
{% plural %}
{{ display_count }} open reports
{% endblocktrans %}
</a>
</div>
{% endif %}
2022-01-13 18:59:52 +00:00
{% if pending_domains %}
<div class="column">
<a href="{% url 'settings-link-domain' %}" class="notification is-primary is-block">
{% blocktrans trimmed count counter=pending_domains with display_count=pending_domains|intcomma %}
{{ display_count }} domain needs review
{% plural %}
{{ display_count }} domains need review
{% endblocktrans %}
</a>
</div>
{% endif %}
2021-09-11 04:12:08 +00:00
{% if not site.allow_registration and site.allow_invite_requests and invite_requests %}
<div class="column">
<a href="{% url 'settings-invite-requests' %}" class="notification is-block is-success is-light">
{% blocktrans trimmed count counter=invite_requests with display_count=invite_requests|intcomma %}
{{ display_count }} invite request
{% plural %}
{{ display_count }} invite requests
{% endblocktrans %}
</a>
</div>
{% endif %}
</div>
<div class="block content">
<h2>{% trans "Instance Activity" %}</h2>
2021-09-11 15:47:16 +00:00
2021-10-04 18:22:14 +00:00
<form method="get" action="{% url 'settings-dashboard' %}" class="notification has-background-white-bis scroll-x">
2021-09-11 15:47:16 +00:00
<div class="is-flex is-align-items-flex-end">
<div class="ml-1 mr-1">
<label class="label" for="id_start">
2021-09-11 15:47:16 +00:00
{% trans "Start date:" %}
</label>
<input class="input" type="date" name="start" value="{{ start }}" id="id_start">
2021-09-11 15:47:16 +00:00
</div>
<div class="ml-1 mr-1">
<label class="label" for="id_end">
2021-09-11 15:47:16 +00:00
{% trans "End date:" %}
</label>
<input class="input" type="date" name="end" value="{{ end }}" id="id_end">
2021-09-11 15:47:16 +00:00
</div>
<div class="ml-1 mr-1">
<label class="label" for="id_interval">
2021-09-11 15:47:16 +00:00
{% trans "Interval:" %}
</label>
<div class="select">
<select name="days" id="id_interval">
<option value="1" {% if interval == 1 %}selected{% endif %}>{% trans "Days" %}</option>
<option value="7" {% if interval == 7 %}selected{% endif %}>{% trans "Weeks" %}</option>
</select>
</div>
2021-09-11 15:47:16 +00:00
</div>
<div class="ml-1 mr-1">
<button class="button is-link" type="submit">{% trans "Submit" %}</button>
</div>
</div>
</form>
<div class="columns is-multiline">
2021-10-04 17:53:22 +00:00
<div class="column is-half">
<h3>{% trans "Total users" %}</h3>
2021-09-11 04:12:08 +00:00
<div class="box">
<canvas id="user_stats"></canvas>
</div>
</div>
2021-10-04 18:14:50 +00:00
<div class="column is-half">
<h3>{% trans "User signup activity" %}</h3>
<div class="box">
<canvas id="register_stats"></canvas>
</div>
</div>
2021-10-04 17:53:22 +00:00
<div class="column is-half">
2021-09-11 15:47:16 +00:00
<h3>{% trans "Status activity" %}</h3>
2021-09-11 04:12:08 +00:00
<div class="box">
<canvas id="status_stats"></canvas>
</div>
</div>
2021-10-04 17:53:22 +00:00
<div class="column is-half">
2021-10-04 18:14:50 +00:00
<h3>{% trans "Works created" %}</h3>
<div class="box">
2021-10-04 18:14:50 +00:00
<canvas id="works_stats"></canvas>
</div>
</div>
2021-09-11 04:12:08 +00:00
</div>
</div>
{% endblock %}
{% block scripts %}
2021-09-11 14:09:05 +00:00
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.5.1/dist/chart.min.js"></script>
{% include 'settings/dashboard/user_chart.html' %}
{% include 'settings/dashboard/status_chart.html' %}
{% include 'settings/dashboard/registration_chart.html' %}
2021-10-04 18:14:50 +00:00
{% include 'settings/dashboard/works_chart.html' %}
2021-09-11 04:12:08 +00:00
{% endblock %}