mirror of
https://github.com/smittix/intercept.git
synced 2026-04-25 07:10:00 -07:00
e687862043
Phase 0 — CSS-only fixes: - Fix --font-mono to use real monospace stack (JetBrains Mono, Fira Code, etc.) - Replace hardcoded hex colors with CSS variables across 16+ files - Merge global-nav.css (507 lines) into layout.css, delete original - Reduce !important in responsive.css from 71 to 8 via .app-shell specificity - Standardize breakpoints to 480/768/1024/1280px Phase 1 — Loading states & SSE connection feedback: - Add centralized SSEManager (sse-manager.js) with exponential backoff - Add SSE status indicator dot in nav bar - Add withLoadingButton() + .btn-loading CSS spinner - Add mode section crossfade transitions Phase 2 — Accessibility: - Add aria-labels to icon-only buttons across mode partials - Add for/id associations to 42 form labels in 5 mode partials - Add aria-live on toast stack, enableListKeyNav() utility Phase 3 — Destructive action guards & list overflow: - Add confirmAction() styled modal, replace all 25 native confirm() calls - Add toast cap at 5 simultaneous toasts - Add list overflow indicator CSS Phase 4 — Inline style extraction: - Refactor switchMode() in app.js and index.html to use classList.toggle() - Add CSS toggle rules for all switchMode-controlled elements - Remove inline style="display:none" from 7+ HTML elements - Add utility classes (.hidden, .d-flex, .d-grid, etc.) Phase 5 — Mobile UX polish: - pre/code overflow handling already in place - Touch target sizing via --touch-min variable Phase 6 — Error handling consistency: - Add reportActionableError() to user-facing catch blocks in 5 mode JS files - 28 error toast additions alongside existing console.error calls Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
76 lines
4.3 KiB
HTML
76 lines
4.3 KiB
HTML
<!-- BLUETOOTH MODE -->
|
|
<div id="bluetoothMode" class="mode-content">
|
|
<div class="section">
|
|
<h3>Scanner Configuration</h3>
|
|
<!-- Populated by JavaScript with capability warnings -->
|
|
<div id="btCapabilityStatus" style="display: none; margin-bottom: 8px;"></div>
|
|
|
|
<!-- Show All Agents option (visible when agents are available) -->
|
|
<div id="btShowAllAgentsContainer" style="display: none; margin-bottom: 8px;">
|
|
<label class="inline-checkbox" style="font-size: 10px;">
|
|
<input type="checkbox" id="btShowAllAgents" onchange="if(typeof BluetoothMode !== 'undefined') BluetoothMode.toggleShowAllAgents(this.checked)">
|
|
Show devices from all agents
|
|
</label>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="btAdapterSelect">Adapter</label>
|
|
<select id="btAdapterSelect">
|
|
<option value="">Detecting adapters...</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="btScanMode">Scan Mode</label>
|
|
<select id="btScanMode">
|
|
<option value="auto">Auto (Recommended)</option>
|
|
<option value="bleak">Bleak Library</option>
|
|
<option value="hcitool">hcitool (Linux)</option>
|
|
<option value="bluetoothctl">bluetoothctl (Linux)</option>
|
|
<option value="ubertooth" id="btScanModeUbertooth" style="display:none;">Ubertooth One</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="btTransport">Transport</label>
|
|
<select id="btTransport">
|
|
<option value="auto">Auto (BLE + Classic)</option>
|
|
<option value="le">BLE Only</option>
|
|
<option value="br_edr">Classic Only</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="btScanDuration">Duration (seconds, 0 = continuous)</label>
|
|
<input type="number" id="btScanDuration" value="0" min="0" max="300" placeholder="0">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="btMinRssi">Min RSSI Filter (dBm)</label>
|
|
<input type="number" id="btMinRssi" value="-100" min="-100" max="-20" placeholder="-100">
|
|
</div>
|
|
<button class="preset-btn" onclick="btCheckCapabilities()" style="width: 100%;">
|
|
Check Capabilities
|
|
</button>
|
|
</div>
|
|
|
|
<!-- Message Container for status cards -->
|
|
<div id="btMessageContainer"></div>
|
|
<div id="btBaselineStatus" style="margin-top: 6px; font-size: 10px; color: var(--text-dim);">No baseline</div>
|
|
|
|
<button class="run-btn" id="startBtBtn" onclick="btStartScan()">
|
|
Start Scanning
|
|
</button>
|
|
<button class="stop-btn" id="stopBtBtn" onclick="btStopScan()" style="display: none;">
|
|
Stop Scanning
|
|
</button>
|
|
|
|
<div class="section">
|
|
<h3>Export</h3>
|
|
<div style="display: flex; gap: 8px;">
|
|
<button class="preset-btn" onclick="btExport('csv')" style="flex: 1;">
|
|
Export CSV
|
|
</button>
|
|
<button class="preset-btn" onclick="btExport('json')" style="flex: 1;">
|
|
Export JSON
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|