ui: recon card order — Channel Map above Access Points, Compare APs below

This commit is contained in:
2026-08-19 06:33:35 -05:00
parent 0ecd8c3135
commit 13ca4bd9cb
2 changed files with 4 additions and 4 deletions
@@ -268,7 +268,7 @@
<script src="js/xterm-addon-fit.min.js"></script> <script src="js/xterm-addon-fit.min.js"></script>
<script src="js/terminal.js"></script> <script src="js/terminal.js"></script>
<script src="js/pager.js"></script> <script src="js/pager.js"></script>
<script src="js/views.js?v=20260819-1"></script> <script src="js/views.js?v=20260819-2"></script>
<script src="js/app.js?v=20260819-1"></script> <script src="js/app.js?v=20260819-1"></script>
</body> </body>
</html> </html>
@@ -1825,7 +1825,6 @@ views.recon = (root) => {
// ---- compare: select up to 6 APs; the rest of the page focuses on them ---- // ---- compare: select up to 6 APs; the rest of the page focuses on them ----
const cmpCard = h('div', { class: 'section recon-compare-card' }); const cmpCard = h('div', { class: 'section recon-compare-card' });
root.appendChild(cmpCard);
cmpCard.appendChild(h('h2', { text: 'Compare APs' })); cmpCard.appendChild(h('h2', { text: 'Compare APs' }));
const cmpCanvas = h('canvas', { id: 'recon-compare', style: 'width:100%;height:150px' }); const cmpCanvas = h('canvas', { id: 'recon-compare', style: 'width:100%;height:150px' });
cmpCard.appendChild(cmpCanvas); cmpCard.appendChild(cmpCanvas);
@@ -1888,11 +1887,12 @@ views.recon = (root) => {
// ---- results tables ---- // ---- results tables ----
const apCard = h('div', { class: 'section recon-scan-results-card' }); const apCard = h('div', { class: 'section recon-scan-results-card' });
root.appendChild(apCard);
// ---- channel map (under Access Points) ---- // ---- channel map (above Access Points) ----
const mapCard = h('div', { class: 'section recon-map-card' }); const mapCard = h('div', { class: 'section recon-map-card' });
root.appendChild(mapCard); root.appendChild(mapCard);
root.appendChild(apCard);
root.appendChild(cmpCard);
mapCard.appendChild(h('h2', { text: 'Channel Map' })); mapCard.appendChild(h('h2', { text: 'Channel Map' }));
mapCard.appendChild(h('div', { class: 'recon-map-sub', text: 'Access points placed at their reported center frequency. The radio does not report channel width, so every lobe assumes 20 MHz. Hover a lobe (or click to pin) to see the networks under it.' })); mapCard.appendChild(h('div', { class: 'recon-map-sub', text: 'Access points placed at their reported center frequency. The radio does not report channel width, so every lobe assumes 20 MHz. Hover a lobe (or click to pin) to see the networks under it.' }));
const mapChips = h('div', { class: 'recon-chips-row recon-map-chips' }); const mapChips = h('div', { class: 'recon-chips-row recon-map-chips' });