spiderweb/templates/plots.html

93 lines
3.2 KiB
HTML
Raw Normal View History

2021-11-18 16:41:49 +00:00
{% extends "_base.html" %}
2023-01-07 22:15:43 +00:00
2020-06-02 06:14:37 +00:00
<head>
2023-01-07 22:15:43 +00:00
{% block title %}
<title>Some charts end stats from the dx clustes node</title>
{% endblock %}
2021-11-18 16:41:49 +00:00
{% block head %}
2023-01-07 22:15:43 +00:00
{{ super() }}
2021-11-18 16:41:49 +00:00
{% endblock %}
2023-01-07 22:15:43 +00:00
2020-06-02 06:14:37 +00:00
</head>
2023-01-07 22:15:43 +00:00
{% block titles %}
<h1 class="display-4 text-white">PLOTS & STATS</h1>
<p class="lead text-light">Some statistics about this node</p>
{% endblock %}
{% block filters %}
{% endblock %}
{% block contents %}
2021-11-18 16:41:49 +00:00
2023-01-20 17:41:50 +00:00
<div id="dashboard" class="d-flex flex-wrap justify-content-around">
2023-01-15 05:59:58 +00:00
<div class="shadow-lg mb-5 rounded spider_chart" id="form-band_activity">
2023-01-07 22:15:43 +00:00
<div class="d-flex flex-column">
2023-02-18 07:41:19 +00:00
<form method="POST" id="form-continents" enctype="application/x-www-form-urlencoded">
2023-01-07 22:15:43 +00:00
<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>
2023-01-01 22:03:51 +00:00
2023-01-15 05:59:58 +00:00
<div class="shadow-lg mb-5 bg-body rounded spider_chart" id="chart-world_dx_spots_live"></div>
<div class="shadow-lg mb-5 bg-body rounded spider_chart" id="chart-hour_band"></div>
2023-01-01 22:03:51 +00:00
2023-01-20 17:41:50 +00:00
<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" id="silo-propagation-img"
2023-01-07 22:15:43 +00:00
alt="propagation trend">
</a>
2023-01-15 05:59:58 +00:00
<div class="shadow-lg mb-5 bg-body rounded spider_chart" id="chart-dx_spots_x_month"></div>
<div class="shadow-lg mb-5 bg-body rounded spider_chart" id="chart-dx_spots_trend"></div>
2023-01-01 22:03:51 +00:00
2023-01-07 22:15:43 +00:00
<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>
{% endblock contents %}
2023-01-01 22:03:51 +00:00
2023-01-07 22:15:43 +00:00
{% block app_data %}
{{ super() }}
var continents_cq={{continents["continents"]|tojson|safe}};
var band_frequencies={{bands["bands"]|tojson|safe}};
{% endblock app_data %}
2023-01-01 22:03:51 +00:00
2023-01-07 22:15:43 +00:00
{% block app_scripts %}
{{ super() }}
2023-11-11 13:20:58 +00:00
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.4.3/echarts.min.js"
integrity="sha512-EmNxF3E6bM0Xg1zvmkeYD3HDBeGxtsG92IxFt1myNZhXdCav9MzvuH/zNMBU1DmIPN6njrhX1VTbqdJxQ2wHDg=="
2023-01-28 18:02:30 +00:00
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2023-11-15 20:37:41 +00:00
<script defer src="static/js/rel/plot.min.js"></script>
2023-01-07 22:15:43 +00:00
{% endblock app_scripts %}