<!--
Copyright 2022 The Go Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
-->

<!DOCTYPE html>
<html lang="en">
<head>
	<title>Go Performance Dashboard</title>
	<link rel="icon" href="https://go.dev/favicon.ico"/>
	<link rel="stylesheet" href="./static/style.css"/>
	<script src="https://ajax.googleapis.com/ajax/libs/d3js/7.4.2/d3.min.js"></script>
	<script src="./third_party/bandchart/bandchart.js"></script>
</head>

<body class="Dashboard">
<header class="Dashboard-topbar">
	<h1>
		<a href="./">Go Performance Dashboard</a>
	</h1>
	<nav>
		<ul>
			<li><a href="https://build.golang.org">Build Dashboard</a></li>
		</ul>
	</nav>
</header>

<form autocomplete="off" action="./">
<nav class="Dashboard-controls">
	<div class="Dashboard-search">
		<input id="benchmarkInput" type="text" name="benchmark" placeholder="Type benchmark name...">
	</div>
	<input type="submit">
</nav>
</form>

<script>
</script>

<div id="dashboard"></div>

<script>
function addContent(name, benchmarks) {
	let dashboard = document.getElementById("dashboard");

	if (name == "" || name == null || name == undefined) {
		// All benchmarks.
		// TODO(prattmic): Replace with a simpler overview?
	} else {
		// Filter to specified benchmark.
		benchmarks = benchmarks.filter(function(b) {
			return b.Name == name;
		});
		if (benchmarks.length == 0) {
			let title = document.createElement("h2");
			title.classList.add("Dashboard-title");
			title.innerHTML = "Benchmark \"" + name + "\" not found.";
			dashboard.appendChild(title);
			return;
		}
	}

	let prevName = "";
	let grid = null;
	for (const b in benchmarks) {
		const bench = benchmarks[b];

		if (bench.Name != prevName) {
			prevName = bench.Name;

			let title = document.createElement("h2");
			title.classList.add("Dashboard-title");
			title.innerHTML = bench.Name;
			dashboard.appendChild(title);

			grid = document.createElement("grid");
			grid.classList.add("Dashboard-grid");
			dashboard.appendChild(grid);
		}

		let item = document.createElement("div");
		item.classList.add("Dashboard-grid-item");
		item.appendChild(BandChart(bench.Values, {
			unit: bench.Unit,
		}));
		grid.appendChild(item);
	}
}

let benchmark = (new URLSearchParams(window.location.search)).get('benchmark');
fetch('./data.json')
	.then(response => response.json())
	.then(function(benchmarks) {
		// Convert CommitDate to a proper date.
		benchmarks.forEach(function(b) {
			b.Values.forEach(function(v) {
				v.CommitDate = new Date(v.CommitDate);
			});
		});

		addContent(benchmark, benchmarks);
	});
</script>

</body>
</html>