{% extends "codespeed/base_site.html" %}

{% load static %}

{% block title %}{{ block.super }}: Comparison{% endblock %}

{% block extra_head %}

{{ block.super }}

{% endblock %}

{% block navigation %}

{{ block.super }}

{% endblock %}

{% block nav-comparison %}class="current"><a href="{% url "comparison" %}">Comparison</a>{% endblock %}

{% block body %}

<div id="sidebar">

<div id="environment" class="sidebox">

<div class="boxhead"><h2>Environments</h2></div>

<div class="boxbody">

<ul><a href="#" class="togglefold{% if enviros_folded %} folded{% endif %}">Environments</a> <span class="checklinks">(<a href="#" class="checkall">All</a>, <a href="#" class="uncheckall">None</a>)</span>

{% for env in enviros %}

<li{% if enviros_folded %} style="display: none"{% endif %} title="{{ env.os }}, {{ env.cpu }}">

<input id="env_{{ env.id }}" type="checkbox" name="environments" value="{{ env.id }}"{% if env in checkedenviros %} checked{% endif %} />

<label for="env_{{ env.id }}">{{ env }}</label>

</li>{% endfor %}

</ul>{% if historical_enviros %}

<ul class="historical"><a href="#" class="togglefold{% if historical_folded %} folded{% endif %}" title="Environments that are no longer in use and no longer receive results">Historical</a> <span class="checklinks">(<a href="#" class="checkall">All</a>, <a href="#" class="uncheckall">None</a>)</span>

{% for env in historical_enviros %}

<li{% if historical_folded %} style="display: none"{% endif %} title="{{ env.os }}, {{ env.cpu }}">

<input id="env_{{ env.id }}" type="checkbox" name="environments" value="{{ env.id }}"{% if env in checkedenviros %} checked{% endif %} />

<label for="env_{{ env.id }}">{{ env }}</label>

</li>{% endfor %}

</ul>{% endif %}

</div>

<div id="executable" class="sidebox">

<div class="boxhead"><h2>Executables</h2></div>

<div class="boxbody">

{% for proj, executable in executables.items %}

<ul><a href="#" class="togglefold{% if proj in folded_exe_groups %} folded{% endif %}">{{ proj }}</a> <span class="checklinks">(<a href="#" class="checkall">All</a>, <a href="#" class="uncheckall">None</a>)</span>

{% for exe in executable %}

<li{% if proj in folded_exe_groups %} style="display: none"{% endif %} title="{{ exe.executable }} - {{ exe.revision }}">

{% if exe.key in checkedexecutables %}

<input id="exe_{{ exe.key }}" type="checkbox" name="executables" value="{{ exe.key }}" checked />

{% else %}

<input id="exe_{{ exe.key }}" type="checkbox" name="executables" value="{{ exe.key }}" />

{% endif %}

<label for="exe_{{ exe.key }}">{{ exe.name }}</label><div class="seriescolor"></div>

</li>{% endfor %}

</ul>{% endfor %}

</div>

<div id="benchmark" class="sidebox">

<div class="boxhead"><h2>Benchmarks</h2></div>

<div class="boxbody">

{% for key,benchlist in benchmarks.items %}

<ul><a href="#" class="togglefold{% if key in folded_bench_groups %} folded{% endif %}">{{ key }}</a> <span class="checklinks">(<a href="#" class="checkall">All</a>, <a href="#" class="uncheckall">None</a>)</span>

{% for bench in benchlist|dictsort:"name" %}

<li{% if key in folded_bench_groups %} style="display: none"{% endif %} title="{{ bench.description }}">

{% if bench in checkedbenchmarks %}

<input id="benchmark_{{ bench.id }}" type="checkbox" name="benchmarks" value="{{ bench.id }}" data-source="{{ bench.source }}" checked />

{% else %}

<input id="benchmark_{{ bench.id }}" type="checkbox" name="benchmarks" value="{{ bench.id }}" data-source="{{ bench.source }}" />

{% endif %}

<label for="benchmark_{{ bench.id }}">{{ bench }}</label>

</li>{% endfor %}

</ul>{% endfor %}

</div>

<div id="configbar">

<span class="options" title="Select chart type">Chart type:

<select id="chart_type">{% for chart in charts %}

<option value="{{ chart }}">{{ chart }}</option>{% endfor %}

</select>

</span>

<span class="options" title="Select baseline for normalization">Normalization:

<select id="baseline">

<option value="none">None</option>

</select>

</span>

<span class="options">

<label for="direction">Horizontal:</label>

<input id="direction" type="checkbox" name="direction" value="horizontal"/>

</span>

{% comment %}Bootstrap Icons "download" glyph (MIT, twbs/icons). The tray touches the

edges of the 16 unit grid, so the viewBox adds a margin: an edge on a fractional

pixel would otherwise be clipped.{% endcomment %}

<a id="exportcsv" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="-1 -1 18 18" aria-hidden="true" focusable="false"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></svg>Export CSV</a>

{% include "codespeed/permalink.html" %}

<div id="graph-title" style="text-align:center; padding:8px 0; font-size:15px;"></div>

<div id="content" class="clearfix">

<div id="plotwrapper"></div>

{% endblock %}

{% block extra_script %}

{{ block.super }}

<script type="text/javascript" src="{% static 'js/chart.umd.min.js' %}"></script>

<script type="text/javascript" src="{% static 'js/comparison.js' %}"></script>

<script type="text/javascript">

$(function() {

Comparison.init({

chart_type: "{{ selectedchart }}",

baseline: "{{ selectedbaseline }}",

direction: "{{ selecteddirection }}",

executables: [{% for e in checkedexecutables %}"{{ e }}",{% endfor %}],

benchmarks: [{% for b in checkedbenchmarks %}{{ b.id }},{% endfor %}],

environments: [{% for e in checkedenviros %}{{ e.id }},{% endfor %}],

bench_units: eval({{ bench_units|safe }})

});

});

{% endblock %}