PixelHosting/Router-tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update templates/bgp.html

Browse source
This commit is contained in:
Blackwhitebear8 2025-10-31 20:03:29 +01:00
parent ba364fdf2b
commit 170f4d283d
1 changed files with 50 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

96
templates/bgp.html
View file

@ -7,7 +7,7 @@
{% block content %} {% block content %}
<script src="../static/js/pages/bgp.js"></script> <script src="../static/js/pages/bgp.js"></script>
<section id="bgp-v4"> <section id="bgp-v4">
<p id="ipv4Summary">Loading summary...</p> <h2 id="ipv4Summary">Loading summary...</h2>
<div class="input-group mb-3"> <div class="input-group mb-3">
<input type="text" id="ipv4Search" class="form-control" placeholder="Search in IPv4 table..." onkeyup="filterTable('ipv4Search', 'ipv4Table')"> <input type="text" id="ipv4Search" class="form-control" placeholder="Search in IPv4 table..." onkeyup="filterTable('ipv4Search', 'ipv4Table')">
<button id="refreshButton" class="btn btn-outline-primary" type="button" onclick="refreshBGPTable()"> <button id="refreshButton" class="btn btn-outline-primary" type="button" onclick="refreshBGPTable()">
@ -16,32 +16,34 @@
Refresh data Refresh data
</button> </button>
</div> </div>
<table class="striped" id="ipv4Table">
<thead> <div class="table-responsive">
<tr> <table class="striped" id="ipv4Table">
<th class="sortable" onclick="sortTable('ipv4Table', 0, this)">Neighbor Address <span class="sort-arrow"></span></th> <thead>
<th class="sortable" onclick="sortTable('ipv4Table', 1, this)">ASN <span class="sort-arrow"></span></th> <tr>
<th class="sortable" onclick="sortTable('ipv4Table', 2, this)">Up/Down <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv4Table', 0, this)">Neighbor Address <span class="sort-arrow"></span></th>
<th class="sortable" onclick="sortTable('ipv4Table', 3, this)">State/Prefix Received <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv4Table', 1, this)">ASN <span class="sort-arrow"></span></th>
<th class="sortable" onclick="sortTable('ipv4Table', 4, this)">Prefix Sent <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv4Table', 2, this)">Up/Down <span class="sort-arrow"></span></th>
<th class="sortable" onclick="sortTable('ipv4Table', 5, this)">Description <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv4Table', 3, this)">State/Prefix Received <span class="sort-arrow"></span></th>
<th>Actions</th> <th class="sortable" onclick="sortTable('ipv4Table', 4, this)">Prefix Sent <span class="sort-arrow"></span></th>
</thead> <th class="sortable" onclick="sortTable('ipv4Table', 5, this)">Description <span class="sort-arrow"></span></th>
<tbody id="ipv4TableBody"> <th>Actions</th>
<tr> </thead>
<td colspan="12" class="text-center"> <tbody id="ipv4TableBody">
<div class="spinner-border text-primary" role="status"> <tr>
<span class="visually-hidden">Loading...</span> <td colspan="12" class="text-center">
</div> <div class="spinner-border text-primary" role="status">
</td> <span class="visually-hidden">Loading...</span>
</tr> </div>
</tbody> </td>
</table> </tr>
<p><a href="/bgp/json">JSON version</a></p> </tbody>
</table>
</div> <p><a href="/bgp/json">JSON version</a></p>
</section> </section>
<section id="bgp-v6"> <section id="bgp-v6">
<p id="ipv6Summary">Loading summary...</p> <h2 id="ipv6Summary">Loading summary...</h2>
<div class="input-group mb-3"> <div class="input-group mb-3">
<input type="text" id="ipv6Search" class="form-control" placeholder="Search in IPv6 table..." onkeyup="filterTable('ipv6Search', 'ipv6Table')"> <input type="text" id="ipv6Search" class="form-control" placeholder="Search in IPv6 table..." onkeyup="filterTable('ipv6Search', 'ipv6Table')">
<button id="refreshButton" class="btn btn-outline-primary" type="button" onclick="refreshBGPTable()"> <button id="refreshButton" class="btn btn-outline-primary" type="button" onclick="refreshBGPTable()">
@ -50,27 +52,29 @@
Refresh data Refresh data
</button> </button>
</div> </div>
<table class="striped" id="ipv6Table">
<thead> <div class="table-responsive">
<tr> <table class="striped" id="ipv6Table">
<th class="sortable" onclick="sortTable('ipv6Table', 0, this)">Neighbor Address <span class="sort-arrow"></span></th> <thead>
<th class="sortable" onclick="sortTable('ipv6Table', 2, this)">ASN <span class="sort-arrow"></span></th> <tr>
<th class="sortable" onclick="sortTable('ipv6Table', 8, this)">Up/Down <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv6Table', 0, this)">Neighbor Address <span class="sort-arrow"></span></th>
<th class="sortable" onclick="sortTable('ipv6Table', 9, this)">State/Prefix Received <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv6Table', 2, this)">ASN <span class="sort-arrow"></span></th>
<th class="sortable" onclick="sortTable('ipv6Table', 10, this)">Prefix Sent <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv6Table', 8, this)">Up/Down <span class="sort-arrow"></span></th>
<th class="sortable" onclick="sortTable('ipv6Table', 11, this)">Description <span class="sort-arrow"></span></th> <th class="sortable" onclick="sortTable('ipv6Table', 9, this)">State/Prefix Received <span class="sort-arrow"></span></th>
<th>Actions</th> <th class="sortable" onclick="sortTable('ipv6Table', 10, this)">Prefix Sent <span class="sort-arrow"></span></th>
</thead> <th class="sortable" onclick="sortTable('ipv6Table', 11, this)">Description <span class="sort-arrow"></span></th>
<tbody id="ipv6TableBody"> <th>Actions</th>
<tr> </thead>
<td colspan="12" class="text-center"> <tbody id="ipv6TableBody">
<div class="spinner-border text-primary" role="status"> <tr>
<span class="visually-hidden">Loading...</span> <td colspan="12" class="text-center">
</div> <div class="spinner-border text-primary" role="status">
</td> <span class="visually-hidden">Loading...</span>
</tr> </div>
</tbody> </td>
</table> </tr>
<p><a href="/bgp/json">JSON version</a></p> </tbody>
</table>
</div> <p><a href="/bgp/json">JSON version</a></p>
</section> </section>
{% endblock %} {% endblock %}