Skip to content

Port Monitoring Hub to Flask template (runtime parity) #231

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
techmore merged 1 commit into from
Aug 22, 2026
Merged

Port Monitoring Hub to Flask template (runtime parity) #231

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
37 changes: 33 additions & 4 deletions templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1375,14 +1375,40 @@ <h2 class="text-xl font-display italic text-olive-900">Deep Scan</h2>
<p class="flex justify-between"><span class="text-olive-600">Critical CVEs:</span> <span id="deep-cves" class="font-medium text-olive-900">--</span></p>
</div>
</div>
<div class="bg-olive-50 p-5 rounded-xl shadow-sm border border-olive-300 compact-card hover-lift">
<h2 class="text-xl font-display italic text-olive-900 mb-3">Dragnet Scan</h2>
<div id="monitoring-hub-card" class="bg-olive-50 p-5 rounded-xl shadow-sm border border-olive-300 compact-card hover-lift">
<div class="flex justify-between items-center mb-3">
<h2 class="text-xl font-display italic text-olive-900">Monitoring Hub</h2>
<span id="auto-monitor-indicator" class="hidden relative flex size-3" title="Auto-Monitor active">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-500 opacity-75"></span>
<span class="relative inline-flex rounded-full size-3 bg-amber-500"></span>
</span>
</div>

<!-- Last dragnet run stats (kept from the old Dragnet card) -->
<div class="space-y-1 text-sm">
<p class="flex justify-between"><span class="text-olive-600">Time taken:</span> <span id="dragnet-time" class="font-medium text-olive-900">--:--:--</span></p>
<p class="flex justify-between"><span class="text-olive-600">Total Hosts:</span> <span id="dragnet-hosts" class="font-medium text-olive-900">--</span></p>
<p class="flex justify-between"><span class="text-olive-600">Last sweep:</span> <span id="dragnet-time" class="font-medium text-olive-900">--:--:--</span></p>
<p class="flex justify-between"><span class="text-olive-600">Hosts seen:</span> <span id="dragnet-hosts" class="font-medium text-olive-900">--</span></p>
<p class="flex justify-between"><span class="text-olive-600">Open Ports:</span> <span id="dragnet-ports" class="font-medium text-olive-900">--</span></p>
<p class="flex justify-between"><span class="text-olive-600">Critical CVEs:</span> <span id="dragnet-cves" class="font-medium text-olive-900">--</span></p>
</div>

<div class="mt-4 pt-3 border-t border-olive-200 space-y-2">
<!-- Auto-Monitor status row -->
<div class="flex items-center justify-between text-sm">
<span class="text-olive-600">Auto-Monitor</span>
<span id="monitor-auto-scan-state" class="font-medium text-olive-400">Off</span>
</div>
<p id="monitor-auto-scan-detail" class="hidden font-mono text-[10px] text-olive-500"></p>

<!-- Change summary since previous scan -->
<div class="flex items-center justify-between text-sm">
<span class="text-olive-600">Changes vs last scan</span>
<span id="monitor-change-summary" class="font-medium text-olive-400">--</span>
</div>

<button id="open-reports-tab-btn" class="mt-1 w-full py-1.5 text-[11px] font-bold uppercase tracking-widest bg-white border border-olive-200 text-olive-700 rounded-lg hover:bg-olive-100 transition-colors">View Reports &amp; History</button>
</div>
<p class="text-olive-500 text-xs mt-2 font-mono">nmap -iL discovered - exhaustive</p>
</div>
</div>

Expand Down Expand Up @@ -1652,6 +1678,9 @@ <h3 class="text-xl font-display italic text-emerald-900">Scan Complete!</h3>
if (typeof initializeCustomerUI === 'function') {
initializeCustomerUI(socket);
}
if (typeof initializeMonitoringHub === 'function') {
initializeMonitoringHub(socket);
}
if (typeof initializeAuditLog === 'function') {
initializeAuditLog();
}
Expand Down
Loading