1<!DOCTYPE html>
2<html>
3	<head>
4		<meta charset="utf-8" />
5		<meta name="description" content="" />
6		<meta name="viewport" content="width=device-width, initial-scale=1" />
7		<title>Noto Dashboard</title>
8		<link
9			href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
10			rel="stylesheet"
11			integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn"
12			crossorigin="anonymous"
13		/>
14		<script
15			src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
16			integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
17			crossorigin="anonymous"
18		></script>
19		<script
20			src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
21			integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
22			crossorigin="anonymous"
23		></script>
24		<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
25      rel="stylesheet">
26      <style>
27      	[data-toggle="collapse"] .material-icons:before {   
28  content: "\e5d6";
29}
30
31[data-toggle="collapse"].collapsed .material-icons:before {
32  content: "\e5d7";
33}
34.material-icons { display:inline-block; vertical-align:middle; text-decoration: none !important;}
35td .material-icons { display:inline-flex; vertical-align: top; font-size:1.1rem; }
36</style>
37
38	</head>
39	<body>
40		<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
41			<div class="container-fluid">
42				<div class="order-0 mr-auto">
43					<a class="navbar-brand" href="#"> Noto Dashboard </a>
44				</div>
45				<div class="collapse navbar-collapse" id="navbarNav">
46					<ul class="navbar-nav mx-auto">
47						<li class="nav-item">
48			        <a class="nav-link" href="/">Dashboard</a>
49			      </li>
50						<li class="nav-item">
51			        <a class="nav-link" href="/overview">Overview</a>
52			      </li>
53						<li class="nav-item active">
54			        <a class="nav-link" href="/analytics.html">Analytics</a>
55			      </li>
56			    </ul>
57			    </div>
58			</div>
59		</nav>
60		<div class="container mt-2">
61			<h2>Open and closed issues per month</h2>
62			<div class="row">
63				<div class="col">
64					<table class="table">
65						<tr>
66							<th>Month</th>
67							<th>Opened issues</th>
68							<th>Closed issues</th>
69						</tr>
70						{{#each monthly_stats}}
71						<tr>
72							<td>{{month}}</td>
73							<td>{{opened}}</td>
74							<td>{{closed}}</td>
75						</tr>
76						{{/each}}
77					</table>
78				</div>
79				<div class="col">
80					<img class="img-fluid" src="open-closed.png" />
81				</div>
82			</div>
83			<h2>Open issues</h2>
84			<div class="row">
85				<div class="col">
86					<table class="table">
87						<tr>
88							<th>Repository</th>
89							<th>Open issues</th>
90						</tr>
91						{{#each top_10}}
92						<tr>
93							<td>
94								<a href="http://github.com/notofonts/{{repo}}">{{repo}}</a>
95							</td>
96							<td>{{count}}</td>
97						</tr>
98						{{/each}}
99					</table>
100				</div>
101				<div class="col">
102					<img class="img-fluid" src="top-10.png" />
103				</div>
104			</div>
105			<h2>Low-hanging fruit</h2>
106			<table class="table">
107				<tr>
108					<th>Open issues</th>
109					<th>Repository</th>
110				</tr>
111				{{#each low_hanging}}
112				<tr>
113					<td>{{issues}}</td>
114					<td>
115						{{#each repos}}
116						<a href="http://github.com/notofonts/{{this}}">{{this}}</a>{{#unless
117						@last}}, {{/unless}} {{/each}}
118					</td>
119				</tr>
120				{{/each}}
121			</table>
122			<h2>Issues per tier</h2>
123			<div class="row">
124				<div class="col">
125					<table class="table">
126						<tr>
127							<th>Tier</th>
128							<th>Open issues</th>
129						</tr>
130						{{#each tiers}}
131						<tr>
132							<td>{{@key}}</td>
133							<td>{{#each this}}
134									<a href="http://github.com/notofonts/{{repo}}">{{repo}}</a>: {{issues}}{{#unless
135						@last}}, {{/unless}}
136									{{/each}}
137							</td>
138						</tr>
139						{{/each}}
140					</table>
141				</div>
142				<div class="col">
143					<img class="img-fluid" src="per-tier.png" />
144				</div>
145			</div>
146			<h2>Releases</h2>
147			<div class="row">
148				<div class="col">
149					<table class="table">
150						<tr>
151							<th>Month</th>
152							<th>Release</th>
153						</tr>
154						{{#each monthly_stats}} {{#if releases}}
155						<tr>
156							<td>{{month}}</td>
157							<td id="month-{{month}}">
158								<button
159									class="btn btn-link collapsed"
160									data-toggle="collapse"
161									data-target="#month-{{month}} .releases"
162								>
163									<span class="material-icons"></span>
164									{{releases_count}} releases
165								</button>
166								<ul class="releases collapse">
167									{{#each releases}}
168									<li><a href="{{this.url}}">{{this.tag}}</a></li>
169									{{/each}}
170								</ul>
171							</td>
172						</tr>
173
174						{{/if}} {{/each}}
175					</table>
176				</div>
177				<div class="col">
178					<img class="img-fluid" src="releases.png" />
179				</div>
180			</div>
181		</div>
182	</body>
183</html>
184