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

{% load static %}

{% block extra_head %}

<link rel="stylesheet" type="text/css" href="{% static 'css/dygraph.css' %}" />

<link rel="stylesheet" type="text/css" href="{% static 'css/home.css' %}" />

{% endblock %}

{% block navigation %}

{% endblock navigation %}

{% block body %}

<div id="presentation">

<a href="{% url "changes" %}">

<div id="changes" class="menubox">

<h2>Changes</h2>

<p>Track performance changes in the latest revisions</p>

</div>

</a>

<a href="{% url "timeline" %}">

<div id="timeline" class="menubox">

<h2>Timeline</h2>

<p>Analyze performance over time</p>

</div>

</a>

<a href="{% url "comparison" %}">

<div id="comparison" class="menubox">

<h2>Comparison</h2>

<p>Compare different executables and revisions</p>

</div>

</a>

<div id="geomean">

<h3>How has performance changed over the last 30 days?</h3>

<div id="geomean-plot"

data-url="{% url 'gethomegeomeandata' %}"

data-changes-url="{% url 'changes' %}"></div>

<div id="geomean-legend"></div>

<p class="plot-caption">

Geometric mean of all benchmark times, relative to the first run in the

window. Lower is faster. Each line is one executable on one machine;

click a point to open that commit's results.

</p>

</div>

<div id="reports"></div>

{% endblock body %}

{% block extra_script %}

{{ block.super }}

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

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

<script type="text/javascript">

function permalinkToChanges(permalink) {

window.location=permalink;

}

function updateTable() {

//Add permalink events to table rows

$("div#reports table tbody tr").each(function() {

$(this).click(function () {

permalink_string = $(this).find("td:eq(0) label").text();

permalinkToChanges(permalink_string);

});

});

//Add hover effect to rows

$("div#reports table tbody tr td").hover(function() {

$(this).parents('tr').addClass('highlight');

}, function() {

$(this).parents('tr').removeClass('highlight');

});

}

$(function() {

$("#reports").html(getLoadText("Loading...", 0, true))

.load("{% url "reports" %}", function(responseText) { updateTable(); });

});

{% endblock %}