124 lines
5.4 KiB
HTML
124 lines
5.4 KiB
HTML
{% extends "base.html" %}
|
|
{% load static %}
|
|
|
|
{% block title %} - Transmitters{% endblock %}
|
|
|
|
{% block css %}
|
|
<link rel="stylesheet" href="{% static 'lib/admin-lte/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css' %}">
|
|
<link rel="stylesheet" href="{% static 'lib/admin-lte/plugins/datatables-buttons/css/buttons.bootstrap4.min.css' %}">
|
|
{% endblock %}
|
|
|
|
{% block top-menu-left %}
|
|
<span class="h4 mb-0 mr-3 text-truncate d-none d-md-block">Transmitters</span>
|
|
{% endblock %}
|
|
|
|
{% block top-menu-right %}
|
|
|
|
<ul class="navbar-nav nav nav-pills" data-widget="treeview" role="menu" data-accordion="false" id="tabs" role="tablist">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="list-tab" data-toggle="tab" href="#list" role="tab" aria-controls="list"
|
|
aria-selected="true" aria-label="List"><i class="nav-icon fas fa-th-list"></i>
|
|
<p class="d-none d-lg-inline-block text-sm">List</p>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="spectrum-tab" data-toggle="tab" href="#spectrum" role="tab" aria-controls="spectrum"
|
|
aria-selected="false" aria-label="Spectrum"><i class="nav-icon fas fa-barcode"></i>
|
|
<p class="d-none d-lg-inline-block text-sm">Spectrum</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
{% endblock %}
|
|
|
|
{% block top %}
|
|
<span class="h4 mb-0">Transmitters</span>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<div class="row h-100 pl-2 pr-3">
|
|
<!-- The following div is managed by the tab menus -->
|
|
<div class="col-12 tab-content mx-2 pt-3" id="myTabContent">
|
|
|
|
<!-- List panel -->
|
|
<div class="tab-pane fade show active mx-1" id="list" role="tabpanel" aria-labelledby="list-tab">
|
|
|
|
<table id="transmitters" class="table table-sm display responsive table-striped" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th data-priority="1"></th>
|
|
<th data-visible="false" data-priority="20">UUID</th>
|
|
<th data-sortable="true" data-priority="1">Satellite</th>
|
|
<th data-sortable="true" data-priority="4">Type</th>
|
|
<th data-sortable="true" data-priority="1">Description</th>
|
|
<th data-sortable="true" data-priority="2">Downlink</th>
|
|
<th data-sortable="true" data-visible="false" data-priority="10">Downlink Drift</th>
|
|
<th data-sortable="true" data-visible="false" data-priority="10">Uplink</th>
|
|
<th data-sortable="true" data-visible="false" data-priority="10">Uplink Drift</th>
|
|
<th data-sortable="true" data-visible="false" data-priority="10">Inverted</th>
|
|
<th data-sortable="true" data-priority="3">Mode</th>
|
|
<th data-sortable="true" data-priority="4">Baud</th>
|
|
<th data-sortable="true" data-priority="10">Service</th>
|
|
<th data-sortable="true" data-priority="10">Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for trans in transmitters %}
|
|
<tr>
|
|
<td class='details-control'>
|
|
<i class="fa fa-plus-square" aria-hidden="true"></i>
|
|
</td>
|
|
|
|
<td>{{ trans.uuid }}</td>
|
|
<td>
|
|
{% if trans.satellite.norad_cat_id %}
|
|
<a href="{% url 'satellite' norad=trans.satellite.norad_cat_id %}">
|
|
{{ trans.satellite }}
|
|
</a>
|
|
{% else %}
|
|
{{ trans.satellite }}
|
|
{% endif %}
|
|
</td>
|
|
<td>{{ trans.type }}</td>
|
|
<td>{{ trans.description }}</td>
|
|
<td class="frequency">{{ trans.downlink_low }}</td>
|
|
<td>{{ trans.downlink_drift }}</td>
|
|
<td class="frequency">{{ trans.uplink }}</td>
|
|
<td>{{ trans.uplink_drift }}</td>
|
|
<td>{{ trans.invert }}</td>
|
|
<td>{{ trans.downlink_mode }}</td>
|
|
<td>{{ trans.baud }}</td>
|
|
<td>{{ trans.service }}</td>
|
|
<td>{{ trans.status }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<!-- Spectrum panel -->
|
|
<div class="tab-pane fade show active mx-1" id="spectrum" role="tabpanel" aria-labelledby="spectrum-tab">
|
|
<div id="transmitters-chart-container"></div>
|
|
<div class="p-3">
|
|
<button type="button" class="btn btn-primary" id="zoom-all">
|
|
<i class="fas fa-search"></i> All</button>
|
|
<button type="button" class="btn btn-primary" id="zoom-vhf">
|
|
<i class="fas fa-search"></i> VHF Amateur</button>
|
|
<button type="button" class="btn btn-primary" id="zoom-uhf">
|
|
<i class="fas fa-search"></i> UHF Amateur</button>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block javascript %}
|
|
<script src="{% static 'lib/admin-lte/plugins/datatables/jquery.dataTables.min.js' %}"></script>
|
|
<script src="{% static 'lib/admin-lte/plugins/datatables-buttons/js/dataTables.buttons.min.js' %}"></script>
|
|
<script src="{% static 'lib/admin-lte/plugins/datatables-responsive/js/dataTables.responsive.min.js' %}"></script>
|
|
<script src="{% static 'lib/admin-lte/plugins/datatables-buttons/js/buttons.colVis.js' %}"></script>
|
|
<script src="{% static 'lib/admin-lte/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js' %}"></script>
|
|
<script src="{% static 'lib/admin-lte/plugins/datatables-buttons/js/buttons.bootstrap4.min.js' %}"></script>
|
|
<script src="{% static 'lib/d3/dist/d3.min.js' %}"></script>
|
|
<script src="{% static 'js/datatables-natural.js' %}"></script>
|
|
<script src="{% static 'js/transmitters-chart.js' %}"></script>
|
|
<script src="{% static 'js/transmitters.js' %}"></script>
|
|
{% endblock %} |