mirror of
				https://github.com/simon987/od-database.git
				synced 2025-11-04 06:56:52 +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 %}
 |