mirror of
https://github.com/octoleo/syncthing.git
synced 2024-12-23 11:28:59 +00:00
207 lines
6.5 KiB
HTML
207 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Copyright (C) 2014 Jakob Borg and other contributors. All rights reserved.
|
|
Use of this source code is governed by an MIT-style license that can be
|
|
found in the LICENSE file.
|
|
-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<link rel="shortcut icon" href="static/assets/img/favicon.png">
|
|
|
|
<title>Syncthing Usage Reports</title>
|
|
<link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<script src="static/bootstrap/js/bootstrap.min.js"></script>
|
|
<style type="text/css">
|
|
body {
|
|
margin: 40px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
</style>
|
|
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
<script type="text/javascript"
|
|
src="https://www.google.com/jsapi?autoload={
|
|
'modules':[{
|
|
'name':'visualization',
|
|
'version':'1',
|
|
'packages':['corechart']
|
|
}]
|
|
}"></script>
|
|
|
|
<script type="text/javascript">
|
|
google.setOnLoadCallback(drawChart);
|
|
|
|
function drawChart() {
|
|
var jsonData = $.ajax({url: "summary.json", dataType:"json", async: false}).responseText;
|
|
var rows = JSON.parse(jsonData);
|
|
|
|
var data = new google.visualization.DataTable();
|
|
data.addColumn('date', 'Day');
|
|
for (var i = 1; i < rows[0].length; i++){
|
|
data.addColumn('number', rows[0][i]);
|
|
}
|
|
for (var i = 1; i < rows.length; i++){
|
|
rows[i][0] = new Date(rows[i][0]);
|
|
data.addRow(rows[i]);
|
|
};
|
|
|
|
var options = {
|
|
legend: { position: 'bottom', alignment: 'center' },
|
|
isStacked: true,
|
|
colors: ['rgb(102,194,165)','rgb(252,141,98)','rgb(141,160,203)','rgb(231,138,195)','rgb(166,216,84)','rgb(255,217,47)'],
|
|
chartArea: {left: 80, top: 20, width: '1040', height: '300'},
|
|
};
|
|
|
|
var chart = new google.visualization.AreaChart(document.getElementById('curve_chart'));
|
|
chart.draw(data, options);
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h1>Syncthing Usage Data</h1>
|
|
|
|
<h4>Active Users per Day and Version</h4>
|
|
<p>
|
|
This is the total number of unique users with reporting enabled, per day. Area color represents the major version.
|
|
</p>
|
|
<div class="img-thumbnail" id="curve_chart" style="width: 1120px; height: 400px; padding: 10px;"></div>
|
|
|
|
<h4>Usage Metrics</h4>
|
|
<p>
|
|
This is the aggregated usage report data for the last 24 hours. Data based on <b>{{.nodes}}</b> devices that have reported in.
|
|
</p>
|
|
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th></th><th class="text-right">5%</th><th class="text-right">50%</th><th class="text-right">95%</th><th class="text-right">100%</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .categories}}
|
|
<tr>
|
|
<td>{{.Descr}}</td>
|
|
<td class="text-right">{{index .Values 0 | number .Binary | commatize " "}}{{.Unit}}</td>
|
|
<td class="text-right">{{index .Values 1 | number .Binary | commatize " "}}{{.Unit}}</td>
|
|
<td class="text-right">{{index .Values 2 | number .Binary | commatize " "}}{{.Unit}}</td>
|
|
<td class="text-right">{{index .Values 3 | number .Binary | commatize " "}}{{.Unit}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-md-4">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Version</th><th class="text-right">Devices</th><th class="text-right">Share</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .versions}}
|
|
<tr>
|
|
<td>{{.Key}}</td>
|
|
<td class="text-right">{{.Count}}</td>
|
|
<td class="text-right">{{.Percentage | printf "%.01f"}}%</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Platform</th><th class="text-right">Devices</th><th class="text-right">Share</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .platforms}}
|
|
<tr>
|
|
<td>{{.Key}}</td>
|
|
<td class="text-right">{{.Count}}</td>
|
|
<td class="text-right">{{.Percentage | printf "%.01f"}}%</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>OS</th><th class="text-right">Devices</th><th class="text-right">Share</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .os}}
|
|
<tr>
|
|
<td>{{.Key}}</td>
|
|
<td class="text-right">{{.Count}}</td>
|
|
<td class="text-right">{{.Percentage | printf "%.01f"}}%</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
|
|
<div class="col-md-6">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Compiler</th><th class="text-right">Devices</th><th class="text-right">Share</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .compilers}}
|
|
<tr>
|
|
<td>{{.Key}}</td>
|
|
<td class="text-right">{{.Count}}</td>
|
|
<td class="text-right">{{.Percentage | printf "%.01f"}}%</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>Builder</th><th class="text-right">Devices</th><th class="text-right">Share</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .builders}}
|
|
<tr>
|
|
<td>{{.Key}}</td>
|
|
<td class="text-right">{{.Count}}</td>
|
|
<td class="text-right">{{.Percentage | printf "%.01f"}}%</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|