61 lines
1.9 KiB
HTML
61 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>NetTrak</title>
|
|
<link rel="stylesheet" href="/static/styles.css">
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div class="title-wrap">
|
|
<h1>NetTrak</h1>
|
|
<p>Network inventory and port intelligence</p>
|
|
</div>
|
|
<div class="toolbar">
|
|
<div class="controls">
|
|
<input id="subnetInput" type="text" value="192.168.2.0/24" aria-label="Subnet" />
|
|
<button id="scanBtn">Run Scan</button>
|
|
</div>
|
|
<div id="scanProgressCard" class="scan-progress-card idle" aria-live="polite">
|
|
<div class="scan-progress-head">
|
|
<strong id="scanProgressTitle">No Active Scan</strong>
|
|
<span id="scanProgressPercent">0%</span>
|
|
</div>
|
|
<div class="scan-progress-track">
|
|
<div id="scanProgressFill" class="scan-progress-fill"></div>
|
|
</div>
|
|
<div id="scanProgressDetail" class="scan-progress-detail">Start a scan to see live progress.</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="layout">
|
|
<aside class="pane left-pane">
|
|
<div class="pane-head">
|
|
<h2>Discovered Machines</h2>
|
|
</div>
|
|
<ul id="deviceList" class="device-list"></ul>
|
|
</aside>
|
|
|
|
<section class="right-stack">
|
|
<section class="pane detail-pane">
|
|
<div class="pane-head"><h2>Machine Info</h2></div>
|
|
<div id="machineInfo" class="machine-info empty">Select a machine from the left pane.</div>
|
|
</section>
|
|
|
|
<section class="pane ports-pane">
|
|
<div class="pane-head"><h2>Open Ports</h2></div>
|
|
<div id="portsList" class="ports-list empty">No machine selected.</div>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="statusbar">
|
|
<span id="statusText">Ready.</span>
|
|
</footer>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|