{% extends 'bridge/base.html' %}
{% 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 %}

{% load static %}
{% load compress %}

{% block title %}{% trans 'Code coverage' %}{% endblock %}

{% block head_block %}
    {% compress js file coverage %}
        <script type="text/javascript" src="{% static 'reports/js/source.js' %}"></script>
        <script type="text/javascript" src="{% static 'reports/js/coverage.js' %}"></script>
        <script type="text/javascript" src="{% static 'reports/js/leaf-coverage.js' %}"></script>
    {% endcompress %}

    {% compress css file coverage %}
        <link href="{% static 'reports/css/source.css' %}" rel="stylesheet">
        <link href="{% static 'reports/css/coverage.css' %}" rel="stylesheet">
    {% endcompress %}
{% endblock %}

{% block body_block %}
    <div class="ui grid">
        <div class="four wide column">
            <span class="purple-title">{% trans 'Decision' %}: </span>
            <a href="{% url 'jobs:decision' decision.id %}">{{ decision.name }}</a>
        </div>
        <div class="six wide column">
            {% if parents %}{% include 'reports/parents_breadcrumb.html' with parents=parents %}{% endif %}
        </div>
        <div class="six wide column right aligned">
            {% if statistics.coverage %}
                <a class="ui icon mini basic button" href="{% url 'reports:coverage-download' statistics.coverage.id %}" style="float:left;">{% trans 'Download code coverage' %}</a>
            {% endif %}
            {% include 'reports/coverage/coverageNavigation.html' with statistics=statistics %}
        </div>
    </div>
    <div class="ui grid">
        <div class="eight wide column">
            <div id="CoverageStatisticsTable">
                {% include 'reports/coverage/CoverageStatistics.html' with statistics=statistics %}
            </div>
            <br>
            <div class="ui tiny buttons">
                <button id="show_cov_attributes" class="ui violet button">{% trans 'Report attributes' %}</button>
                <button id="get_data_statistic" class="ui tiny purple button">{% trans 'Data statistics' %}</button>
            </div>
            <div id="CoverageAttrTable" style="display: none;">
                <br>
                <table class="ui celled compact purple table">
                    <tbody>
                        {% for v in SelfAttrsData %}
                            <tr>
                                <th class="collapsing">{{ v.0 }}</th>
                                <td class="collapsing">{{ v.1 }}</td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
                <br>
            </div>
        </div>
        <div class="eight wide column">
            <div class="CoverageSourceTitleBlock">
                <h5 id="CoverageSourceTitle" class="header" data-variation="very wide" data-position="top right">&nbsp;</h5>
            </div>
            <div id="CoverageSourceSegment" class="ui orange segment">
                <div id="CoverageSourceCode" class="SourceCodeContent"></div>
            </div>
            <div class="ui violet segment">
                <div class="ui grid">
                    <div class="eight wide column">
                        <h5>{% trans 'Data' %}</h5>
                        <div id="CoverageDataContent"></div>
                    </div>
                    <div class="eight wide column">
                        <h5>{% trans 'Legend' %}</h5>
                        <div id="CoverageLegend"></div>
                    </div>
                </div>
            </div>
            <div id="sources_history" hidden></div>
        </div>
    </div>
    <br>

    {# Data statistics modal #}
    {% include 'reports/coverage/coverageDataStatisticsModal.html' with DataStatistics=statistics.data_statistic %}

    <input id="report_id" value="{{ object.id }}" type="hidden">
    {% if coverage_id %}
        <input id="coverage_id" value="{{ coverage_id }}" type="hidden">
    {% endif %}
    <input id="source_url" type="hidden" value="{% url 'reports:api-get-source' object.id %}{% if coverage_id %}?coverage_id={{ coverage_id }}{% endif %}">
    <script type="application/javascript">
        jQuery(function () {
            $('.parent-popup').popup({inline:true});
            $('.ui.dropdown').dropdown();

            // Report attributes table
            $('#show_cov_attributes').click(function () {
                let cov_attr_table = $('#CoverageAttrTable');
                if (cov_attr_table.is(':visible')) cov_attr_table.hide();
                else cov_attr_table.show();
            });
        });
    </script>
{% endblock %}