-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (108 loc) · 3.46 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link
href="https://unpkg.com/[email protected]/normalize.css" rel="stylesheet"
type="text/css"/>
<script
crossorigin
src="https://unpkg.com/@babel/standalone/babel.min.js">
</script>
<script
crossorigin
src="https://unpkg.com/react@17/umd/react.production.min.js">
</script>
<script
crossorigin
src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js">
</script>
<script
crossorigin
src="https://unpkg.com/[email protected]/dist/d3.min.js">
</script>
<script>
var PALETTE = [
'#1f77b4', '#ff7f0e', '#2ca02c', '#d62728', '#9467bd',
'#8c564b', '#e377c2', '#7f7f7f', '#bcbd22', '#17becf',
'#aec7e8', '#ffbb78', '#98df8a', '#ff9896', '#c5b0d5',
'#c49c94', '#f7b6d2', '#dbdb8d', '#9edae5'
];
</script>
<style>
:root {
--boxWidth: 3px;
--boxHeight: 1.6em;
}
html {
font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
body {
padding: 2em;
}
table tr td.mono {
font-family: monospace;
}
table tr th,
table tr td {
padding: 0.5em 2em;
}
</style>
<script type="text/babel">
class AllReports extends React.Component {
constructor(props) {
super(props)
this.state = { reports: [] }
}
async componentDidMount() {
let resp = await fetch('reports.json')
this.setState({reports: await resp.json()})
}
render() {
const items = [];
for (const r of this.state.reports) {
let bgColor = 'none'
if (r.qos_score < 80) {
bgColor = '#faa'
}
items.push(
<tr style={{backgroundColor: bgColor}}>
<td className="mono">
<a href={r.path}>{r.datetime}</a>
</td>
<td className="mono">
<a href={'https://github.com/edgedb/edgedb/commit/' + r.sha}>
{r.sha.substr(0, 8)}
</a>
</td>
<td className="mono">{r.ref}</td>
<td className="mono">{r.num_simulations}</td>
<td className="mono">{r.qos_score}</td>
</tr>
);
}
return <div>
<h1>EdgeDB Pool Simulation Test Reports</h1>
<table>
<tr>
<th>Datetime</th>
<th>Commit</th>
<th>Branch</th>
<th>Num of Simulations</th>
<th>QoS Score</th>
</tr>
{items}
</table>
</div>
}
}
ReactDOM.render(
<AllReports/>,
document.getElementById('root')
);
</script>
</head>
<body>
<div id="root"></div>
</body>
</html>