Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-05-30 03:09:26 -07:00
Code Issues Packages Projects Releases Wiki Activity

Remove sensor-waterfall panels and default recon mode to off

Browse Source 
- Remove waterfall UI panels from pager and 433MHz sections
- Remove associated JS functions (toggle, render, data tracking)
- Remove waterfall CSS styles
- Change recon mode to default to 'off' instead of 'on'

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-20 23:13:28 +00:00
parent a0d7f221c0
commit 30dfea57b9
2 changed files with 3 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
static/css/index.css
View File

@@ -1872,21 +1872,6 @@ header h1 .tagline {
background: var(--accent-cyan);
}
/* Waterfall canvases (inside collapsible panels) */
#waterfallCanvas,
#sensorWaterfallCanvas {
width: 100%;
height: 30px;
background: var(--bg-primary);
border: none;
display: block;
}
#waterfallCanvas.active,
#sensorWaterfallCanvas.active {
border-color: var(--accent-cyan);
}
.status-controls {
display: flex;
gap: 8px;
@@ -2011,63 +1996,6 @@ header h1 .tagline {
font-weight: bold;
}
/* Removed - now using sensor-waterfall-panel structure for waterfalls */
/* Waterfall Panel (used for both pager and 433MHz modes) */
.sensor-waterfall-panel {
margin: 0 15px 10px 15px;
background: var(--bg-secondary);
border: 1px solid var(--border-color);
border-radius: 4px;
overflow: hidden;
}
.sensor-waterfall-header {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: var(--bg-tertiary);
border-bottom: 1px solid var(--border-color);
font-size: 11px;
font-weight: 600;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 0.5px;
user-select: none;
}
.sensor-waterfall-header:hover {
background: var(--bg-hover);
}
.sensor-waterfall-content {
background: #000;
transition: max-height 0.3s ease, padding 0.3s ease;
max-height: 50px;
overflow: hidden;
}
.sensor-waterfall-panel.collapsed .sensor-waterfall-content {
max-height: 0;
padding: 0;
}
.sensor-waterfall-panel.collapsed .sensor-waterfall-header {
border-bottom: none;
}
/* Removed duplicate - consolidated above */
.waterfall-scale {
display: flex;
justify-content: space-between;
padding: 4px 8px;
font-size: 9px;
color: var(--text-dim);
background: rgba(0, 0, 0, 0.5);
}
.spectrum-legend {
display: flex;
align-items: center;
@@ -2113,10 +2041,6 @@ header h1 .tagline {
color: var(--bg-primary);
}
#waterfallCanvas {
cursor: crosshair;
}
/* Channel Recommendation */
.channel-recommendation {
background: var(--bg-card);

98
templates/index.html
View File

@@ -1429,26 +1429,6 @@
</div>
</div>
<!-- Pager Waterfall (pager mode only, at bottom, collapsible) -->
<div class="sensor-waterfall-panel collapsed" id="pagerWaterfallPanel" style="display: none;">
<div class="sensor-waterfall-header" onclick="togglePagerWaterfall()" style="cursor: pointer;">
<span id="pagerWaterfallIcon">▶</span> Signal Waterfall
</div>
<div class="sensor-waterfall-content" id="pagerWaterfallContent">
<canvas id="waterfallCanvas" width="800" height="30"></canvas>
</div>
</div>
<!-- Sensor Waterfall (433MHz mode only, at bottom, collapsible) -->
<div class="sensor-waterfall-panel collapsed" id="sensorWaterfallPanel" style="display: none;">
<div class="sensor-waterfall-header" onclick="toggleSensorWaterfall()" style="cursor: pointer;">
<span id="sensorWaterfallIcon">▶</span> Signal Waterfall
</div>
<div class="sensor-waterfall-content" id="sensorWaterfallContent">
<canvas id="sensorWaterfallCanvas" width="800" height="30"></canvas>
</div>
</div>
<div class="status-bar">
<div class="status-indicator">
<div class="status-dot" id="statusDot"></div>
@@ -2120,15 +2100,9 @@
if (toolStatusPager) toolStatusPager.style.display = (mode === 'pager') ? 'grid' : 'none';
if (toolStatusSensor) toolStatusSensor.style.display = (mode === 'sensor') ? 'grid' : 'none';
// Hide waterfall and output console for modes with their own visualizations
// Pager waterfall: show only for pager mode
const pagerWaterfallPanel = document.getElementById('pagerWaterfallPanel');
const sensorWaterfallPanel = document.getElementById('sensorWaterfallPanel');
// Hide output console for modes with their own visualizations
const outputEl = document.getElementById('output');
const statusBar = document.querySelector('.status-bar');
if (pagerWaterfallPanel) pagerWaterfallPanel.style.display = (mode === 'pager') ? 'block' : 'none';
// Sensor waterfall: show only for sensor (433MHz) mode
if (sensorWaterfallPanel) sensorWaterfallPanel.style.display = (mode === 'sensor') ? 'block' : 'none';
if (outputEl) outputEl.style.display = (mode === 'satellite' || mode === 'aprs' || mode === 'wifi' || mode === 'bluetooth' || mode === 'listening' || mode === 'tscm') ? 'none' : 'block';
if (statusBar) statusBar.style.display = (mode === 'satellite') ? 'none' : 'flex';
@@ -2300,7 +2274,6 @@
allMessages.push(data);
playAlert();
pulseSignal();
addWaterfallPoint(Date.now(), 0.8);
sensorCount++;
document.getElementById('sensorCount').textContent = sensorCount;
@@ -2658,54 +2631,6 @@
function pulseSignal() {
signalActivity = Math.min(1, signalActivity + 0.4);
lastMessageTime = Date.now();
// Flash waterfall canvas (use appropriate canvas based on mode)
const canvasId = (currentMode === 'sensor') ? 'sensorWaterfallCanvas' : 'waterfallCanvas';
const canvas = document.getElementById(canvasId);
if (canvas) {
canvas.classList.add('active');
setTimeout(() => canvas.classList.remove('active'), 500);
}
}
// Waterfall display
const waterfallData = [];
const maxWaterfallRows = 50;
function addWaterfallPoint(timestamp, intensity) {
waterfallData.push({ time: timestamp, intensity });
if (waterfallData.length > maxWaterfallRows * 100) {
waterfallData.shift();
}
renderWaterfall();
}
function renderWaterfall() {
// Render to the appropriate canvas based on current mode
const canvasId = (currentMode === 'sensor') ? 'sensorWaterfallCanvas' : 'waterfallCanvas';
const canvas = document.getElementById(canvasId);
if (!canvas) return;
const ctx = canvas.getContext('2d', { willReadFrequently: true });
const width = canvas.width;
const height = canvas.height;
// Shift existing image down
const imageData = ctx.getImageData(0, 0, width, height - 2);
ctx.putImageData(imageData, 0, 2);
// Draw new row at top
ctx.fillStyle = '#000';
ctx.fillRect(0, 0, width, 2);
// Add activity markers
const now = Date.now();
const recentData = waterfallData.filter(d => now - d.time < 100);
recentData.forEach(d => {
const x = Math.random() * width;
const hue = 180 + (d.intensity * 60); // cyan to green
ctx.fillStyle = `hsla(${hue}, 100%, 50%, ${d.intensity})`;
ctx.fillRect(x - 2, 0, 4, 2);
});
}
// Relative timestamps
@@ -3248,9 +3173,6 @@
// Update signal meter
pulseSignal();
// Add to waterfall
addWaterfallPoint(Date.now(), 0.8);
// Use SignalCards component to create the message card (auto-detects status)
const msgEl = SignalCards.createPagerCard(msg);
@@ -3377,8 +3299,8 @@
// Device tracking database
const deviceDatabase = new Map(); // key: deviceId, value: device profile
// Default to true if not set, so device intelligence works by default
let reconEnabled = localStorage.getItem('reconEnabled') !== 'false';
// Default to false if not set
let reconEnabled = localStorage.getItem('reconEnabled') === 'true';
let newDeviceAlerts = 0;
let anomalyAlerts = 0;
@@ -3702,20 +3624,6 @@
icon.textContent = panel.classList.contains('collapsed') ? '▶' : '▼';
}
function toggleSensorWaterfall() {
const panel = document.getElementById('sensorWaterfallPanel');
const icon = document.getElementById('sensorWaterfallIcon');
panel.classList.toggle('collapsed');
icon.textContent = panel.classList.contains('collapsed') ? '▶' : '▼';
}
function togglePagerWaterfall() {
const panel = document.getElementById('pagerWaterfallPanel');
const icon = document.getElementById('pagerWaterfallIcon');
panel.classList.toggle('collapsed');
icon.textContent = panel.classList.contains('collapsed') ? '▶' : '▼';
}
// ============== WIFI RECONNAISSANCE ==============
let wifiEventSource = null;