{% comment "License" %}
% Copyright (c) 2019 ISP RAS (http://www.ispras.ru)
% Ivannikov Institute for System Programming of the Russian Academy of Sciences
%
% Licensed under the Apache License, Version 2.0 (the "License");
% you may not use this file except in compliance with the License.
% You may obtain a copy of the License at
%
%    http://www.apache.org/licenses/LICENSE-2.0
%
% Unless required by applicable law or agreed to in writing, software
% distributed under the License is distributed on an "AS IS" BASIS,
% WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
% See the License for the specific language governing permissions and
% limitations under the License.
{% endcomment %}

{% load i18n %}

{% if Coverage.coverages %}
    <div class="ui violet segment">
        <div class="ui top left attached violet label">{% trans 'Code coverage' %}</div>
        <div style="overflow: auto;">
            <table id="coverage_list_container" class="ui compact violet table">
                <thead>
                    <tr>
                        {% if Coverage.with_report_link %}
                            <th>{% trans 'Report' %}</th>
                        {% endif %}
                        <th>{% trans 'Requirements specification' %}</th>
                        <th>{% trans 'Line coverage' %}</th>
                        <th>{% trans 'Function coverage' %}</th>
                        <th>{% trans 'Details' %}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for cov in Coverage.coverages %}
                        <tr>
                            {% if Coverage.with_report_link %}
                                <td><a href="{{ cov.report.1 }}">{{ cov.report.0 }}</a></td>
                            {% endif %}
                            <td><a href="{{ cov.url }}" class="item coverage-link">{{ cov.name }}</a></td>
                            <td>{% if cov.total %}{{ cov.total.lines }}{% else %}-{% endif %}</td>
                            <td>{% if cov.total %}{{ cov.total.funcs }}{% else %}-{% endif %}</td>
                            <td><a href="{{ cov.details_url }}"><i class="ui newspaper outline icon"></i></a></td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="ui divider"></div>
        <div id="coverage_table_container"></div>
    </div>
    <script type="application/javascript">
        jQuery(function () {
            function initialise_table(table_obj) {
                table_obj.on('click', '.tg-expander', function (event, with_shift, rec) {
                    let tr = $(this).closest('tr'), tr_id = tr.data('tg-id');
                    if (tr.hasClass('tg-expanded')) {
                        table_obj.find(`tr.tg-expanded[data-tg-parent="${tr_id}"]`)
                            .find('i.tg-expander').trigger("click", [false, true]);
                        table_obj.find(`tr[data-tg-parent="${tr_id}"]`).hide();
                        $(this).removeClass('open');
                        tr.removeClass('tg-expanded');
                    } else {
                        table_obj.find(`tr[data-tg-parent="${tr_id}"]`).show();
                        $(this).addClass('open');
                        tr.addClass('tg-expanded');
                        if (event.shiftKey || with_shift) {
                            table_obj.find(`tr[data-tg-parent="${tr_id}"]`).find('i.tg-expander')
                                .trigger("click", [event.shiftKey || with_shift, true]);
                        }
                    }
                    if (!rec) update_colors(table_obj);
                });
            }
            let table_container = $('#coverage_table_container');
            $('.coverage-link').click(function (event) {
                event.preventDefault();
                let parent_tr = $(this).closest('tr');
                table_container.html($('<i>', {'class': 'ui spinner big loading icon'}));
                $('#coverage_list_container').find('tr.positive').removeClass('positive');
                $.get($(this).attr('href'), {}, function (resp) {
                    table_container.html(resp);
                    initialise_table(table_container.find('table'));
                    parent_tr.addClass('positive');
                })
            });
        });
    </script>
{% endif %}