mirror of
https://github.com/smittix/intercept.git
synced 2026-07-23 00:28:09 -07:00
Fix TSCM menu - remove collapsible sections
Show all controls directly instead of hiding them in collapsed sections which was causing confusion. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
@@ -58,90 +58,67 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Collapsible Settings -->
|
<!-- Scan Sources -->
|
||||||
<div class="section tscm-collapsible" style="margin-top: 12px;">
|
<div class="section" style="margin-top: 12px;">
|
||||||
<div class="tscm-collapsible-header" onclick="toggleTscmSection('tscmSettingsContent')">
|
<div style="display: flex; flex-direction: column; gap: 6px;">
|
||||||
<span>Settings</span>
|
<label style="display: flex; align-items: center; gap: 8px; font-size: 12px; cursor: pointer;">
|
||||||
<span class="tscm-collapse-icon" id="tscmSettingsContentIcon">+</span>
|
<input type="checkbox" id="tscmWifiEnabled" checked style="margin: 0;">
|
||||||
</div>
|
<span>WiFi</span>
|
||||||
<div class="tscm-collapsible-content" id="tscmSettingsContent" style="display: none;">
|
<select id="tscmWifiInterface" style="margin-left: auto; font-size: 10px; padding: 2px 4px; max-width: 100px;">
|
||||||
<!-- Scan Sources -->
|
<option value="">Auto</option>
|
||||||
<div style="margin-bottom: 12px;">
|
|
||||||
<div style="font-size: 10px; color: var(--text-muted); text-transform: uppercase; margin-bottom: 8px;">Scan Sources</div>
|
|
||||||
<div style="display: flex; flex-direction: column; gap: 6px;">
|
|
||||||
<label style="display: flex; align-items: center; gap: 8px; font-size: 12px; cursor: pointer;">
|
|
||||||
<input type="checkbox" id="tscmWifiEnabled" checked style="margin: 0;">
|
|
||||||
<span>WiFi</span>
|
|
||||||
<select id="tscmWifiInterface" style="margin-left: auto; font-size: 10px; padding: 2px 4px; max-width: 120px;">
|
|
||||||
<option value="">Auto</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
<label style="display: flex; align-items: center; gap: 8px; font-size: 12px; cursor: pointer;">
|
|
||||||
<input type="checkbox" id="tscmBtEnabled" checked style="margin: 0;">
|
|
||||||
<span>Bluetooth</span>
|
|
||||||
<select id="tscmBtInterface" style="margin-left: auto; font-size: 10px; padding: 2px 4px; max-width: 120px;">
|
|
||||||
<option value="">Auto</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
<label style="display: flex; align-items: center; gap: 8px; font-size: 12px; cursor: pointer;">
|
|
||||||
<input type="checkbox" id="tscmRfEnabled" style="margin: 0;">
|
|
||||||
<span>RF/SDR</span>
|
|
||||||
<select id="tscmSdrDevice" style="margin-left: auto; font-size: 10px; padding: 2px 4px; max-width: 120px;">
|
|
||||||
<option value="">Select...</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<button class="preset-btn" onclick="refreshTscmDevices()" style="width: 100%; margin-top: 8px; font-size: 10px; padding: 4px;">
|
|
||||||
Refresh Devices
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<!-- Baseline Comparison -->
|
|
||||||
<div>
|
|
||||||
<div style="font-size: 10px; color: var(--text-muted); text-transform: uppercase; margin-bottom: 6px;">Compare Against</div>
|
|
||||||
<select id="tscmBaselineSelect" style="width: 100%;">
|
|
||||||
<option value="">No Baseline</option>
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</label>
|
||||||
|
<label style="display: flex; align-items: center; gap: 8px; font-size: 12px; cursor: pointer;">
|
||||||
|
<input type="checkbox" id="tscmBtEnabled" checked style="margin: 0;">
|
||||||
|
<span>Bluetooth</span>
|
||||||
|
<select id="tscmBtInterface" style="margin-left: auto; font-size: 10px; padding: 2px 4px; max-width: 100px;">
|
||||||
|
<option value="">Auto</option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
<label style="display: flex; align-items: center; gap: 8px; font-size: 12px; cursor: pointer;">
|
||||||
|
<input type="checkbox" id="tscmRfEnabled" style="margin: 0;">
|
||||||
|
<span>RF/SDR</span>
|
||||||
|
<select id="tscmSdrDevice" style="margin-left: auto; font-size: 10px; padding: 2px 4px; max-width: 100px;">
|
||||||
|
<option value="">None</option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
<button class="preset-btn" onclick="refreshTscmDevices()" style="width: 100%; margin-top: 8px; font-size: 10px; padding: 4px;">
|
||||||
|
Refresh Devices
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Collapsible Advanced -->
|
<!-- Baseline -->
|
||||||
<div class="section tscm-collapsible" style="margin-top: 8px;">
|
<div class="section" style="margin-top: 8px;">
|
||||||
<div class="tscm-collapsible-header" onclick="toggleTscmSection('tscmAdvancedContent')">
|
<div class="form-group" style="margin-bottom: 8px;">
|
||||||
<span>Advanced</span>
|
<label style="font-size: 11px;">Compare Against</label>
|
||||||
<span class="tscm-collapse-icon" id="tscmAdvancedContentIcon">+</span>
|
<select id="tscmBaselineSelect" style="width: 100%;">
|
||||||
|
<option value="">No Baseline</option>
|
||||||
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div class="tscm-collapsible-content" id="tscmAdvancedContent" style="display: none;">
|
<input type="text" id="tscmBaselineName" placeholder="New baseline name..." style="width: 100%; margin-bottom: 6px; font-size: 11px;">
|
||||||
<!-- Baseline Recording -->
|
<button class="preset-btn" id="tscmRecordBaselineBtn" onclick="tscmRecordBaseline()" style="width: 100%; font-size: 10px; padding: 4px;">
|
||||||
<div style="margin-bottom: 12px;">
|
Record Baseline
|
||||||
<div style="font-size: 10px; color: var(--text-muted); text-transform: uppercase; margin-bottom: 6px;">Record Baseline</div>
|
</button>
|
||||||
<input type="text" id="tscmBaselineName" placeholder="Baseline name..." style="width: 100%; margin-bottom: 6px;">
|
<button class="stop-btn" id="tscmStopBaselineBtn" onclick="tscmStopBaseline()" style="width: 100%; display: none; font-size: 10px; padding: 4px;">
|
||||||
<button class="preset-btn" id="tscmRecordBaselineBtn" onclick="tscmRecordBaseline()" style="width: 100%; font-size: 11px;">
|
Stop Recording
|
||||||
Record New Baseline
|
</button>
|
||||||
</button>
|
<div id="tscmBaselineStatus" style="margin-top: 4px; font-size: 10px; color: var(--text-muted);"></div>
|
||||||
<button class="stop-btn" id="tscmStopBaselineBtn" onclick="tscmStopBaseline()" style="width: 100%; display: none; font-size: 11px;">
|
</div>
|
||||||
Stop Recording
|
|
||||||
</button>
|
<!-- Meeting Window -->
|
||||||
<div id="tscmBaselineStatus" style="margin-top: 6px; font-size: 10px; color: var(--text-muted);"></div>
|
<div class="section" id="tscmMeetingSection" style="margin-top: 8px;">
|
||||||
</div>
|
<div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;">
|
||||||
<!-- Meeting Window -->
|
<span style="font-size: 11px; color: var(--text-secondary);">Meeting Window</span>
|
||||||
<div id="tscmMeetingSection">
|
<span id="tscmMeetingStatus" style="font-size: 10px; color: var(--text-muted);">Inactive</span>
|
||||||
<div style="font-size: 10px; color: var(--text-muted); text-transform: uppercase; margin-bottom: 6px;">Meeting Window</div>
|
|
||||||
<div id="tscmMeetingStatus" style="font-size: 10px; color: var(--text-secondary); margin-bottom: 6px;">
|
|
||||||
No active meeting
|
|
||||||
</div>
|
|
||||||
<input type="text" id="tscmMeetingName" placeholder="Meeting name (optional)" style="width: 100%; margin-bottom: 6px;">
|
|
||||||
<button class="preset-btn" id="tscmStartMeetingBtn" onclick="tscmStartMeeting()" style="width: 100%; font-size: 11px;">
|
|
||||||
Start Meeting Window
|
|
||||||
</button>
|
|
||||||
<button class="stop-btn" id="tscmEndMeetingBtn" onclick="tscmEndMeeting()" style="width: 100%; display: none; font-size: 11px;">
|
|
||||||
End Meeting Window
|
|
||||||
</button>
|
|
||||||
<div style="font-size: 9px; color: var(--text-muted); margin-top: 4px;">
|
|
||||||
Devices detected during meetings get flagged
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<input type="text" id="tscmMeetingName" placeholder="Meeting name (optional)" style="width: 100%; margin-bottom: 6px; font-size: 11px;">
|
||||||
|
<button class="preset-btn" id="tscmStartMeetingBtn" onclick="tscmStartMeeting()" style="width: 100%; font-size: 10px; padding: 4px;">
|
||||||
|
Start Meeting
|
||||||
|
</button>
|
||||||
|
<button class="stop-btn" id="tscmEndMeetingBtn" onclick="tscmEndMeeting()" style="width: 100%; display: none; font-size: 10px; padding: 4px;">
|
||||||
|
End Meeting
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Compact Tools Row -->
|
<!-- Compact Tools Row -->
|
||||||
|
|||||||
Reference in New Issue
Block a user