{% extends "base.html" %}
{% block pagename %}mobileregression{% endblock %}
{% block title %}Мобильная регрессия проекта {{ project }}{% endblock %}

{% load lookup %}

{% block body %}

<div class="container-fluid">
    <span style="display: none;" id="componentId" data-id="{{ component_id }}"></span>
    <h3>Мобильная регрессия проекта {{ comp.tag }}</h3>
    <div>
        <ul class="nav nav-pills">
            {% for comp in components %}
                <li class="nav-item">
                    {% if comp.n == component_id %}
                        <a class="nav-link active" href="/mobileregress/{{ comp.tag }}/{{ comp.n }}" style="cursor: pointer;" data-component="{{ comp.n }}">{{ comp.name }}</a>
                    {% else %}
                        <a class="nav-link" href="/mobileregress/{{ comp.tag }}/{{ comp.n }}" style="cursor: pointer;" data-component="{{ comp.n }}">{{ comp.name }}</a>
                    {% endif %}
                </li>
            {% endfor %}
        </ul>
    </div>
    <br>
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane in active" id="mobilecompare__panel__chart">
            <div id="mobileRegressChartContainer"></div>
        </div>
    </div>
</div>

<script nonce='{{ common.CSP_SCRIPT_NONCE }}' type='text/javascript' src='/media/js/mobileregression.js?version=43.4'></script>

{% endblock %}
