Move Bias-T toggle to prominent location in sidebar

Moved from bottom of sidebar to right after device capabilities,
before the Refresh Devices button. Now has orange gradient
background and is immediately visible without scrolling.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-08 16:43:53 +00:00
parent 0aaf888dd1
commit 6c99651ac9
+8 -15
View File
@@ -304,6 +304,14 @@
<span style="color: #888;">Gain:</span><span id="capGainRange">0-50 dB</span>
</div>
</div>
<!-- Bias-T Power Toggle - Prominent Location -->
<div style="display: flex; align-items: center; gap: 10px; padding: 8px; margin-bottom: 8px; background: linear-gradient(90deg, rgba(255,100,0,0.2), rgba(255,100,0,0.05)); border: 1px solid var(--accent-orange); border-radius: 4px;">
<input type="checkbox" id="biasT" onchange="saveBiasTSetting()" style="width: 18px; height: 18px; accent-color: var(--accent-orange);">
<div>
<div style="color: var(--accent-orange); font-weight: bold; font-size: 12px;">⚡ Bias-T Power</div>
<div style="color: #888; font-size: 9px;">Powers external LNA/preamp</div>
</div>
</div>
<button class="preset-btn" onclick="refreshDevices()" style="width: 100%;">
Refresh Devices
</button>
@@ -330,21 +338,6 @@
</div>
</div>
<!-- Global SDR Power Settings -->
<div class="section" style="padding: 10px; margin: 10px 0; background: rgba(255, 100, 0, 0.1); border: 1px solid rgba(255, 100, 0, 0.3); border-radius: 4px;">
<div style="font-size: 10px; color: var(--accent-orange); text-transform: uppercase; margin-bottom: 6px; font-weight: bold;">⚡ Power Settings</div>
<div class="checkbox-group" style="margin: 0;">
<label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
<input type="checkbox" id="biasT" onchange="saveBiasTSetting()" style="width: 16px; height: 16px;">
<span style="color: var(--accent-orange); font-weight: bold;">Bias-T Power</span>
<span style="font-size: 10px; color: #888;">(LNA/Preamp)</span>
</label>
</div>
<div style="font-size: 9px; color: #666; margin-top: 6px;">
Enable to power external LNA via antenna cable
</div>
</div>
<div id="toolStatusPager" class="info-text tool-status-section" style="display: grid; grid-template-columns: auto auto; gap: 4px 8px; align-items: center;">
<span>rtl_fm:</span><span class="tool-status {{ 'ok' if tools.rtl_fm else 'missing' }}">{{ 'OK' if tools.rtl_fm else 'Missing' }}</span>
<span>multimon-ng:</span><span class="tool-status {{ 'ok' if tools.multimon else 'missing' }}">{{ 'OK' if tools.multimon else 'Missing' }}</span>