yearcounts.html.twig

{% extends is_sub_request ? 'subrequest.html.twig' : 'base.html.twig' %}
{% import 'macros/wiki.html.twig' as wiki %}
{% import 'macros/layout.html.twig' as layout %}

{% block body %}

{% if not is_sub_request %}
    <div class="panel panel-primary">
        <header class="panel-heading">
            <div class="text-center xt-heading-top">
                <a class="back-to-search" href="{{ path('EditCounterResult', {project: project.domain, username:user.username}) }}">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    {{ msg('see-full-statistics') }}
                </a>
                {{ wiki.userLink(user, project) }}
                <small> &bull; {{ project.domain }} </small>
            </div>
        </header>
        <div class="panel-body xt-panel-body">
            <section class="panel panel-default clearfix">
                <header class="panel-heading col-lg-12">
                    <h4>
                        {{ msg('year-counts') }}
                        <span class='pull-right text-muted xt-panel-description'>
                            {{ layout.downloadLink('EditCounterYearCounts', {project:project.domain, username:user.username}, ['wikitext', 'csv']) }}
                        </span>
                    </h4>
                </header>
                <div class="panel-body col-lg-12">
{% endif %}

{% if ec.yearTotals|length > 0 %}
    <table class="sr-only">
        <thead>
            <tr>
                <th>{{ msg('year') }}</th>
                <th>{{ msg('count') }}</th>
                {% for ns in ec.yearCounts.totals|keys %}
                    <th>{{ nsName(ns, project.namespaces) }}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
            {% for year,namespaces in ec.yearCountsWithNamespaces %}
                <tr>
                    <td>{{ year }}</td>
                    <td>{{ ec.yearTotals[year]|num_format }}</td>
                    {% for _ns,count in namespaces %}
                        <td>{{ count|num_format }}</td>
                    {% endfor %}
                </tr>
            {% endfor %}
        </tbody>
    </table>

    {# Set height of chart based on how many years (horizontal rows) are being reported. #}
    <div style="position:relative; height:{{ (25 * ec.yearCounts.yearLabels|length) + 30 }}px">
        <canvas id="yearcounts-canvas"></canvas>
    </div>
    <script type="text/javascript">
        $(function() {
            /** @type {Array} To be passed into Chart.js */
            var datasets = [];

            /** @type {Array} The labels for the y-axis. */
            var labels = {{ ec.monthCounts.yearLabels|json_encode|raw }};

            /** @type {Number} Max value of the year totals */
            var maxTotal = 0;

            // Format data for use in charts.
            {% for nsId,namespaceData in ec.yearCounts.totals %}
                var dataset = {
                    label: "{{ nsName(nsId, project.namespaces) }}",
                    backgroundColor: "{{ color(nsId) }}",
                    data: []
                };

                {% for year,yearData in namespaceData %}
                    dataset.data.push({{ yearData }});

                    // Determine maximum value for the totals. This is needed
                    //   so that we know how much spacing to add in the labels.
                    if ({{ yearData }} > maxTotal) {
                        maxTotal = {{ yearData }};
                    }
                {%- endfor -%}

                datasets.push(dataset);
            {% endfor %}

            var showLegend = {% if is_sub_request %}false{% else %}true{% endif %};
            xtools.editcounter.setupMonthYearChart('year', datasets, labels, maxTotal, showLegend);
        });
    </script>
{% else %}
    <div class="alert alert-info">
        {{ msg('no-contribs') }}
    </div>
{% endif %}

{% if not is_sub_request %}
    </div></section></div></div>
{% endif %}

{% endblock %}