mirror of
https://github.com/transatoshi-mw/grin-explorer.git
synced 2025-10-21 13:33:41 +00:00
adding node stats
This commit is contained in:
aglkm
@@ -44,6 +44,9 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/block_list"><i class="bi bi-box"></i> Blocks</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/stats"><i class="bi bi-calculator"></i> Statistics</a>
|
||||
</li>
|
||||
{% elif route == "block_list" or route == "block_list_by_height" %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/"><i class="bi bi-speedometer"></i> Dashboard</a>
|
||||
@@ -51,6 +54,19 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/block_list"><div class="darkorange-text"><i class="bi bi-box"></i> Blocks</div></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/stats"><i class="bi bi-calculator"></i> Statistics</a>
|
||||
</li>
|
||||
{% elif route == "stats" %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/"><i class="bi bi-speedometer"></i> Dashboard</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/block_list"><i class="bi bi-box"></i> Blocks</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/stats"><div class="darkorange-text"><i class="bi bi-calculator"></i> Statistics</div></a>
|
||||
</li>
|
||||
{% else %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/"><i class="bi bi-speedometer"></i> Dashboard</a>
|
||||
@@ -58,6 +74,9 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/block_list"><i class="bi bi-box"></i> Blocks</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/stats"><i class="bi bi-calculator"></i> Statistics</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
|
||||
@@ -220,7 +239,7 @@
|
||||
<div class="row mb-2">
|
||||
<div class="col d-flex justify-content-center">
|
||||
<a class="text-decoration-none me-2" href="https://github.com/aglkm/grin-explorer">
|
||||
<span style="color:grey"><i class="bi bi-github me-1"></i>v.0.1.5</span>
|
||||
<span style="color:grey"><i class="bi bi-github me-1"></i>v.0.1.6</span>
|
||||
</a>
|
||||
<a class="text-decoration-none" href="/search">
|
||||
<span style="color:grey"><i class="bi bi-search me-1"></i>Search</span>
|
||||
|
||||
132
templates/stats.html.tera
Normal file
132
templates/stats.html.tera
Normal file
@@ -0,0 +1,132 @@
|
||||
{% extends "base" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<script src="/static/scripts/chart.js"></script>
|
||||
|
||||
<code>
|
||||
|
||||
<div class="card border-bottom-0 border-start-0 border-end-0 rounded-0">
|
||||
<div class="card-body" align="center">
|
||||
<div class="value-text">
|
||||
<div class="darkorange-text"><i class="bi bi-pc-display-horizontal"></i> NODE VERSION STATS ({{ total }})</div>
|
||||
<div style="position: relative; height:60vh; width:90vw"><canvas id="1"></canvas></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-sm-block"> <!-- Show on >= sm screens -->
|
||||
<div class="card-group">
|
||||
<div class="card border-start-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="darkorange-text">
|
||||
#
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="darkorange-text">
|
||||
VERSION
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-end-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="darkorange-text">
|
||||
COUNT
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for v in user_agent %}
|
||||
<div class="card-group rounded-0">
|
||||
<div class="card border-top-0 border-start-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="value-text">
|
||||
{{ loop.index }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-top-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="value-text">
|
||||
{{ v }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-top-0 border-end-0 rounded-0">
|
||||
<div class="card-body">
|
||||
<div class="value-text">
|
||||
{{ count[loop.index0] }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="d-sm-none"> <!-- Show on < sm screens-->
|
||||
{% for v in user_agent %}
|
||||
{% if loop.index0 == 0 %}
|
||||
<div class="card border-start-0 rounded-0">
|
||||
{% else %}
|
||||
<div class="card border-top-0 border-start-0 rounded-0">
|
||||
{% endif %}
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-start">
|
||||
<div class="darkorange-text">
|
||||
#{{ loop.index }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="value-text">
|
||||
{{ v }}
|
||||
</div>
|
||||
<div class="value-text">
|
||||
{{ count[loop.index0] }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</code>
|
||||
|
||||
<script>
|
||||
var ctx = document.getElementById('1').getContext('2d');
|
||||
|
||||
var options = {
|
||||
maintainAspectRatio: false,
|
||||
plugins: {
|
||||
legend: {
|
||||
labels: {
|
||||
color: 'gray',
|
||||
},
|
||||
position: 'top'
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
var data = {
|
||||
labels: {{ user_agent }},
|
||||
datasets: [{
|
||||
label: " Count",
|
||||
borderWidth: 1,
|
||||
data: {{ count }}
|
||||
}]
|
||||
};
|
||||
|
||||
new Chart(document.getElementById("1"), {
|
||||
type: 'pie',
|
||||
data: data,
|
||||
options: options
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user