zulip/templates/analytics/stats.html

77 lines
3.5 KiB
HTML
Raw Normal View History

{% extends "zerver/portico.html" %}
{% block portico_content %}
{{ minified_js('stats')|safe }}
{% stylesheet 'stats' %}
<html>
<body>
<div class="sidebar">
<nav class="nav">
<p class="nav-subtitle">Messages</p>
<a href="#messages_timescale_anchor" class="nav-link">Messages Sent Over Time</a>
<a href="#messages_by_client_anchor" class="nav-link">Messages Sent by Client</a>
<a href="#messages_by_type_anchor" class="nav-link">Messages Sent by Recipient Type</a>
<p class="nav-subtitle">Users</p>
<a href="#users_anchor" class="nav-link">Number of Users</a>
</nav>
</div>
<div class="page-content">
<div id="id_stats_errors" class="alert alert-error"></div>
<h1 class="analytics-page-header">Analytics</h1>
<div class="center-container">
<div class="center-block">
<p class="graph-title" id="messages_timescale_anchor"> Messages Sent Over Time</p>
<div id="graph_container">
<div id="button_container">
<p id="button_label"> Aggregation </p>
<button class="button" type="button" id='hourly_button'> Hourly </button>
<button class="button" type="button" id='daily_button'> Daily </button>
<button class="button" type="button" id='weekly_button'> Weekly </button>
<button class="button" type="button" id='cumulative_button'> Cumulative </button>
</div>
<div id="id_messages_sent_over_time"></div>
<div id="hoverinfo">
<span id="hover_date"></span>
<span id="hover_humans"></span>
<span id="hover_humans_value"></span>
<span id="hover_bots"></span>
<span id="hover_bots_value"></span>
</div>
</div>
</div>
</div>
<div id="pie_container">
<div id="pie_messages_sent_by_client">
<p class="graph-title" id="messages_by_client_anchor"> Messages Sent by Client</p>
<div id="id_messages_sent_by_client"></div>
<div id="pie1_total"> </div>
<button class="pie-button" type="button" id='messages_by_client_user_button'> Me </button>
<button class="pie-button" type="button" id='messages_by_client_realm_button'> Everyone </button>
<button class="pie-button" type="button" id='messages_by_client_ten_days_button'> Last 10 Days </button>
<button class="pie-button" type="button" id='messages_by_client_thirty_days_button'> Last 30 Days </button>
<button class="pie-button" type="button" id='messages_by_client_cumulative_button'> All time </button>
</div>
<div id="pie_messages_sent_by_type">
<p class="graph-title" id="messages_by_type_anchor"> Messages Sent by Recipient Type</p>
<div id="id_messages_sent_by_message_type"></div>
<div id="pie2_total"> </div>
<button class="pie-button" type="button" id='messages_by_type_user_button'> Me </button>
<button class="pie-button" type="button" id='messages_by_type_realm_button'> Everyone </button>
<button class="pie-button" type="button" id='messages_by_type_ten_days_button'> Last 10 Days </button>
<button class="pie-button" type="button" id='messages_by_type_thirty_days_button'> Last 30 Days </button>
<button class="pie-button" type="button" id='messages_by_type_cumulative_button'> All time </button>
</div>
</div>
<div class="center-container">
<div class="center-block">
<p class="graph-title" id="users_anchor"> Number of Users</p>
<div id="id_number_of_users"></div>
</div>
</div>
</div>
</body>
</html>
{% endblock %}