zulip/templates/analytics/stats.html
Lauryn Menard 7a0d659f14 templates: Add HTML title element to templates that extend base/portico.
Adds HTML title elements to templates that extend either `base.html`,
`portico.html` or `portico_signup.html`, and that are not website
portico landing pages that will use the `PAGE_TITLE` variable to set
the HTML title element (see following commit in series).

Also, updates some templates for missing translation tags.

As a general rule, we want the title element (and page content)
translated. Exceptions that are updated in this commit are templates
used in the development environment, analytics templates that are used
by staff and templates related to Zephyr.
2022-09-19 20:17:17 -07:00

143 lines
7.5 KiB
HTML

{% extends "zerver/base.html" %}
{% set entrypoint = "stats" %}
{% block title %}
<title>
{% trans %}
Analytics for {{ target_name }} | Zulip
{% endtrans %}
</title>
{% endblock %}
{% block content %}
<div class="app portico-page stats-page">
<div class="page-content">
{% if not analytics_ready %}
<div class="alert alert-info">
{{ _("Analytics are fully available 24 hours after organization creation.") }}
</div>
{% endif %}
<div id="id_stats_errors" class="alert alert-error"></div>
<div class="center-charts">
<h1 class="analytics-page-header">{% trans %}Zulip analytics for {{ target_name }}{% endtrans %}</h1>
<div class="left">
<div class="chart-container">
<h1>{{ _("Messages sent over time") }}</h1>
<div class="button-container">
<label>{{ _("Aggregation") }}</label>
<div class="buttons">
<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>
<div id="id_messages_sent_over_time">
<div class="spinner"></div>
</div>
<div id="hoverinfo">
<span id="hover_date"></span>
<span id="hover_me">{{ _("Me") }}:</span>
<span id="hover_me_value"></span>
<b id="hover_human">{{ _("Humans") }}:</b>
<span id="hover_human_value"></span>
<b id="hover_bot">{{ _("Bots") }}:</b>
<span id="hover_bot_value"></span>
</div>
</div>
<div class="chart-container pie-chart">
<div id="pie_messages_sent_by_client">
<h1>{{ _("Messages sent by client") }}</h1>
<div id="id_messages_sent_by_client" class="number-stat">
<div class="spinner"></div>
</div>
<div class="buttons">
<button class="button" type="button" data-user="user">{{ _("Me") }}</button>
<button class="button selected" type="button" data-user="everyone">{{ _("Everyone") }}</button>
<button class="button" type="button" data-time="week">{{ _("Last week") }}</button>
<button class="button selected" type="button" data-time="month">{{ _("Last month") }}</button>
<button class="button" type="button" data-time="year">{{ _("Last year") }}</button>
<button class="button" type="button" data-time="cumulative">{{ _("All time") }}</button>
</div>
</div>
</div>
<div class="chart-container">
<h1>{{ _("Active users") }}</h1>
<div class="button-container">
<div class="buttons button-active-users">
<button class="button" type="button" id="1day_actives_button">{{ _("Daily actives") }}</button>
<button class="button" type="button" id="15day_actives_button">{{ _("15 day actives") }}</button>
<button class="button" type="button" id="all_time_actives_button">{{ _("Total users") }}</button>
</div>
</div>
<div id="id_number_of_users">
<div class="spinner"></div>
</div>
<div id="users_hover_info" class="number-stat">
<span id="users_hover_date"></span>
<b id="users_hover_humans">{{ _("Users") }}: </b>
<span id="users_hover_1day_value"></span>
<span id="users_hover_15day_value"></span>
<span id="users_hover_all_time_value"></span>
</div>
</div>
</div>
<div class="right">
<div class="chart-container pie-chart">
<div id="pie_messages_sent_by_type">
<h1>{{ _("Messages sent by recipient type") }}</h1>
<div id="id_messages_sent_by_message_type">
<div class="spinner"></div>
</div>
<div id="pie_messages_sent_by_type_total" class="number-stat"></div>
<div class="buttons">
<button class="button" type="button" data-user="user">{{ _("Me") }}</button>
<button class="button selected" type="button" data-user="everyone">{{ _("Everyone") }}</button>
<button class="button" type="button" data-time="week">{{ _("Last week") }}</button>
<button class="button selected" type="button" data-time="month">{{ _("Last month") }}</button>
<button class="button" type="button" data-time="year">{{ _("Last year") }}</button>
<button class="button" type="button" data-time="cumulative">{{ _("All time") }}</button>
</div>
</div>
</div>
<div class="chart-container">
<h1>{{ _("Messages read over time") }}</h1>
<div class="button-container">
<label>{{ _("Aggregation") }}</label>
<div class="buttons">
<button class="button" type="button" id='read_daily_button'>{{ _("Daily") }} </button>
<button class="button" type="button" id='read_weekly_button'>{{ _("Weekly") }} </button>
<button class="button" type="button" id='read_cumulative_button'>{{ _("Cumulative") }} </button>
</div>
</div>
<div id="id_messages_read_over_time">
<div class="spinner"></div>
</div>
<div id="read_hover_info">
<span id="read_hover_date"></span>
<span id="read_hover_me">{{ _("Me") }}:</span>
<span id="read_hover_me_value"></span>
<b id="read_hover_everyone">{{ _("Everyone") }}:</b>
<span id="read_hover_everyone_value"></span>
</div>
</div>
</div>
</div>
<div class="last-update">
{{ _("Last update") }}: <span id="id_last_full_update"></span>
<span class="last_update_tooltip" data-tippy-content="{% trans %}A full update of all the graphs happens once a day. The “messages sent over time” graph is updated once an hour.{% endtrans %}">
<span class="fa fa-info-circle" id="id_last_update_question_sign"></span>
</span>
<br />
<span class="docs_link"><a href="/help/analytics">{{ _("Analytics documentation") }}</a></span>
</div>
</div>
</div>
{% endblock %}