spiderweb/templates/plots.html

101 lines
3.7 KiB
HTML
Raw Normal View History

2021-11-18 16:41:49 +00:00
{% extends "_base.html" %}
2020-06-02 06:14:37 +00:00
<head>
2021-11-18 16:41:49 +00:00
{% block title %}
2023-01-01 22:03:51 +00:00
<title>Some charts end stats from the dx clustes node</title>
2021-11-18 16:41:49 +00:00
{% endblock %}
{% block head %}
{{ super() }}
2023-01-01 22:03:51 +00:00
<meta http-equiv="refresh" content="300">
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.1/echarts.min.js" integrity="sha512-OTbGFYPLe3jhy4bUwbB8nls0TFgz10kn0TLkmyA+l3FyivDs31zsXCjOis7YGDtE2Jsy0+fzW+3/OVoPVujPmQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2021-11-18 16:41:49 +00:00
{% endblock %}
2023-01-01 22:03:51 +00:00
2020-06-02 06:14:37 +00:00
</head>
2021-11-18 16:41:49 +00:00
{% block titles %}
2020-11-08 10:44:50 +00:00
<h1 class="display-4 text-white">PLOTS & STATS</h1>
2020-09-20 05:10:13 +00:00
<p class="lead text-light">Some statistics about this node</p>
2021-11-18 16:41:49 +00:00
{% endblock %}
{% block filters %}
{% endblock %}
{% block contents %}
2023-01-01 22:03:51 +00:00
<div class="d-flex flex-wrap" id="dashboard">
<div class="shadow-lg bg-body mb-5 rounded" id="form-band_activity">
<div class="d-flex flex-column">
<form method="POST" id="form-continents" enctype="multipart/form-data" >
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
<div class="container">
Your continent is:
<select class="form-select flex-shrink" aria-label="continent" id="continentInput">
{% for dict_item in continents['continents']%}
<option value="{{dict_item['id']}}" >{{dict_item["description"]}}</option>
{% endfor %}
</select>
</div>
</form>
<div id="chart-band_activity"></div>
</div>
<small><sup id="txt_continent"></sup></small>
</div>
<div class="shadow-lg mb-5 bg-body rounded" id="chart-world_dx_spots_live"></div>
<div class="shadow-lg mb-5 bg-body rounded" id="chart-hour_band"></div>
<a class="shadow-lg mb-5 bg-body rounded" href="https://sidc.be/silso/" target="_blank" rel="noopener noreferrer">
<img src="https://sidc.be/silso/IMAGES/GRAPHICS/prediSC.png"class="img-fluid" id="silo-propagation-img" alt="propagation trend">
</a>
<div class="shadow-lg mb-5 bg-body rounded" id="chart-dx_spots_x_month"></div>
<div class="shadow-lg mb-5 bg-body rounded" id="chart-dx_spots_trend"></div>
<div class="container-fluid">
<div class="shadow-lg mb-5 bg-body rounded">
<strong>Physically connected callsigns to {{ mycallsign }}</strong>
<hr>
<table class="table table-striped table-borderless table-sm text-responsive table-hover">
<thead id="telnet-thead">
<tr>
<th scope="col">Callsign</th>
<th scope="col">Type</th>
<th scope="col">Started</th>
<th scope="col" class="d-none d-lg-table-cell d-xl-table-cell">Name</th>
<th scope="col">Avg RTT</th>
</tr>
</thead>
<tbody>
{% for dict_item in who %}
<tr>
<td>{{dict_item["callsign"]}}</td>
<td>{{dict_item["type"]}}</td>
<td>{{dict_item["started"]}}</td>
<td class="d-none d-lg-table-cell d-xl-table-cell">{{dict_item["name"]}}</td>
<td>{{dict_item["average_rtt"]}}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
2021-11-18 16:41:49 +00:00
{% endblock contents %}
2023-01-01 22:03:51 +00:00
2021-11-18 16:41:49 +00:00
{% block app_data %}
{{ super() }}
2023-01-01 22:03:51 +00:00
var continents_cq={{continents["continents"]|tojson|safe}};
var band_frequencies={{bands["bands"]|tojson|safe}};
2021-11-18 16:41:49 +00:00
{% endblock app_data %}
{% block app_scripts %}
{{ super() }}
2023-01-06 08:08:59 +00:00
<script defer class="spiderscript" src="static/js/plot_band_activity.js"></script>
<script defer class="spiderscript" src="static/js/plot_world_dx_spots_live.js"></script>
<script defer class="spiderscript" src="static/js/plot_hour_band.js"></script>
<script defer class="spiderscript" src="static/js/plot_dx_spots_trend.js"></script>
<script defer class="spiderscript" src="static/js/plot_dx_spots_per_month.js"></script>
2023-01-01 22:03:51 +00:00
2021-11-18 16:41:49 +00:00
{% endblock app_scripts %}