54 lines
2.5 KiB
HTML
54 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Release statistics - Firewall issues tool</title>
|
|
<link rel="icon" href="favicon.ico" sizes="any">
|
|
<link rel="icon" type="image/svg+xml" href="icons/favicon.svg">
|
|
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
|
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Release statistics</h1>
|
|
<nav class="top-links" aria-label="Primary">
|
|
<a href="index.html">Issues</a>
|
|
<a href="statistics.html" aria-current="page">Statistics</a>
|
|
<a href="process.html">Add data</a>
|
|
<a href="https://github.com/aaronaxvig/firewallissues" target="_blank" rel="noopener noreferrer">Source code</a>
|
|
</nav>
|
|
</header>
|
|
<main class="statistics-container">
|
|
<p class="statistics-intro">Explore addressed Issue-IDs by product and release.</p>
|
|
<section class="issue-plot" aria-labelledby="issue-plot-heading">
|
|
<div class="issue-plot-heading">
|
|
<div>
|
|
<h2 id="issue-plot-heading">Addressed issues by release</h2>
|
|
<p>Each dot is an Issue-ID. Hover for details or select a dot to find that issue.</p>
|
|
</div>
|
|
<div class="issue-plot-controls">
|
|
<label>Product
|
|
<select id="issue-plot-product"></select>
|
|
</label>
|
|
<label>Release train
|
|
<select id="issue-plot-train"></select>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="issue-plot-frame">
|
|
<canvas id="issue-plot-canvas" role="img" aria-label="Scatter plot of addressed Issue-IDs by release"></canvas>
|
|
<div id="issue-plot-tooltip" class="issue-plot-tooltip" role="status" hidden></div>
|
|
</div>
|
|
<div class="issue-plot-legend" aria-label="Dot colors">
|
|
<span><i class="issue-plot-key issue-plot-key-base"></i>Base release</span>
|
|
<span><i class="issue-plot-key issue-plot-key-hotfix"></i>Hotfix release</span>
|
|
</div>
|
|
<p id="issue-plot-summary" class="issue-plot-summary" aria-live="polite"></p>
|
|
</section>
|
|
</main>
|
|
<script type="module" src="js/statistics.js"></script>
|
|
</body>
|
|
</html>
|