mirror of
https://github.com/simon987/od-database.git
synced 2025-04-10 14:06:45 +00:00
99 lines
3.3 KiB
HTML
99 lines
3.3 KiB
HTML
{% extends "layout.html" %}
|
||
{% set title = "Stats - OD-Database" %}
|
||
{% set current_page = "stats" %}
|
||
|
||
{% block body %}
|
||
<div class="container">
|
||
|
||
<div class="card">
|
||
<div class="card-header">Statistics</div>
|
||
<div class="card-body">
|
||
|
||
<div id="chart-wrapper" style="margin-bottom: 1em">
|
||
<p id="loading-text">Calculating...</p>
|
||
<canvas id="typesChart"></canvas>
|
||
</div>
|
||
<div id="chart-wrapper" style="margin-bottom: 1em">
|
||
<canvas id="sizeHistogram"></canvas>
|
||
</div>
|
||
<div id="chart-wrapper" style="margin-bottom: 1em">
|
||
<canvas id="dateHistogram"></canvas>
|
||
</div>
|
||
<div id="chart-wrapper" style="margin-bottom: 1em">
|
||
<canvas id="websiteScatter"></canvas>
|
||
</div>
|
||
|
||
|
||
<h4>Database stats</h4>
|
||
<table class="table table-striped">
|
||
<tbody>
|
||
<tr>
|
||
<th>Database index size</th>
|
||
<td id="esIndexSize"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Query count</th>
|
||
<td id="esSearchCount"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Total query time</th>
|
||
<td id="esSearchTime"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Average time per query</th>
|
||
<td id="esSearchTimeAvg"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Total file count</th>
|
||
<td id="totalCount"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Size total</th>
|
||
<td id="totalSize"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Size average</th>
|
||
<td id="sizeAvg"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Size standard deviation</th>
|
||
<td id="sizeStdDeviation"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Size standard deviation bounds (σ = 1)</th>
|
||
<td id="sizeStdDeviationBounds"></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Size variance</th>
|
||
<td id="sizeVariance"></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<script src="/static/js/report.js"></script>
|
||
<script>
|
||
var xhttp = new XMLHttpRequest();
|
||
|
||
xhttp.onreadystatechange = function () {
|
||
if (this.readyState === 4 && this.status === 200) {
|
||
|
||
let rData = JSON.parse(this.responseText);
|
||
|
||
drawChart(rData);
|
||
drawSizeHistogram(rData);
|
||
drawDateHistogram(rData);
|
||
drawWebsiteScatter(rData);
|
||
fillDatabaseTable(rData);
|
||
|
||
document.getElementById("loading-text").innerHTML = "";
|
||
}
|
||
};
|
||
xhttp.open("GET", "/stats/json_chart", true);
|
||
xhttp.send();
|
||
</script>
|
||
{% endblock body %}
|