mirror of
https://github.com/smittix/intercept.git
synced 2026-04-30 01:29:59 -07:00
f326be77cd
- Extract inline CSS to static/css/modes/ (acars, aprs, tscm) - Create HTML partials for all 9 modes in templates/partials/modes/ - Reduce index.html from 11,862 to 10,281 lines (~15% reduction) - Use Jinja2 includes for cleaner template organization Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
58 lines
3.8 KiB
HTML
58 lines
3.8 KiB
HTML
<!-- APRS MODE -->
|
|
<div id="aprsMode" class="mode-content">
|
|
<div class="section">
|
|
<h3>APRS Tracking</h3>
|
|
<p style="color: var(--text-secondary); font-size: 11px; line-height: 1.5; margin-bottom: 15px;">
|
|
Decode APRS (Automatic Packet Reporting System) amateur radio position reports on VHF.
|
|
</p>
|
|
<div style="background: rgba(255,193,7,0.1); border: 1px solid var(--accent-yellow); border-radius: 4px; padding: 8px; margin-bottom: 10px; font-size: 10px;">
|
|
<strong style="color: var(--accent-yellow);">Amateur Radio</strong><br>
|
|
<span style="color: var(--text-secondary);">APRS operates on 144.390 MHz (N. America) or 144.800 MHz (Europe). Decodes position, weather, and messages from ham radio operators.</span>
|
|
</div>
|
|
</div>
|
|
<div class="section">
|
|
<h3>Configuration</h3>
|
|
<div class="form-group">
|
|
<label>Region</label>
|
|
<select id="aprsRegion">
|
|
<option value="north_america">North America (144.390)</option>
|
|
<option value="europe">Europe (144.800)</option>
|
|
<option value="australia">Australia (145.175)</option>
|
|
<option value="japan">Japan (144.640)</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>SDR Device</label>
|
|
<select id="aprsDevice">
|
|
<option value="">Loading devices...</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Gain (dB)</label>
|
|
<input type="text" id="aprsGain" value="40" placeholder="40">
|
|
</div>
|
|
<div class="info-text" style="margin-top: 8px; display: grid; grid-template-columns: auto auto; gap: 4px 8px; align-items: center;">
|
|
<span>direwolf:</span><span class="tool-status" id="direwolfStatus">Checking...</span>
|
|
<span>multimon-ng:</span><span class="tool-status" id="aprsMultimonStatus">Checking...</span>
|
|
</div>
|
|
</div>
|
|
<button class="run-btn" id="startAprsBtn" onclick="startAprs()">
|
|
Start APRS
|
|
</button>
|
|
<button class="stop-btn" id="stopAprsBtn" onclick="stopAprs()" style="display: none;">
|
|
Stop APRS
|
|
</button>
|
|
<!-- APRS Status Bar -->
|
|
<div id="aprsStatusBar" class="aprs-status-bar" style="display: none;">
|
|
<div class="aprs-status-indicator">
|
|
<span class="aprs-status-dot" id="aprsStatusDot"></span>
|
|
<span class="aprs-status-text" id="aprsStatusText">STANDBY</span>
|
|
</div>
|
|
<div class="aprs-status-stats">
|
|
<span class="aprs-stat"><span class="aprs-stat-label">FREQ:</span> <span id="aprsStatusFreq">--</span></span>
|
|
<span class="aprs-stat"><span class="aprs-stat-label">STATIONS:</span> <span id="aprsStatusStations">0</span></span>
|
|
<span class="aprs-stat"><span class="aprs-stat-label">PACKETS:</span> <span id="aprsStatusPackets">0</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|