34 lines
1.6 KiB
HTML
34 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Remote Access Agent</title>
|
||
|
|
<style>
|
||
|
|
body { font-family: system-ui, sans-serif; background: #0f172a; color: #e2e8f0; margin: 0; padding: 1.5rem; }
|
||
|
|
h1 { font-size: 1.1rem; }
|
||
|
|
.status { background: #1e293b; padding: 0.7rem 1rem; border-radius: 8px; margin: 0.8rem 0; font-size: 0.9rem; }
|
||
|
|
.status.on { background: #14532d; }
|
||
|
|
.status.warn { background: #7c2d12; }
|
||
|
|
.consent { background: #1e293b; border: 1px solid #3b82f6; border-radius: 10px; padding: 1.2rem; margin-top: 1rem; }
|
||
|
|
.consent h2 { font-size: 1rem; margin: 0 0 0.5rem; }
|
||
|
|
button { padding: 0.6rem 1.2rem; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; }
|
||
|
|
.grant { background: #22c55e; color: #052e16; }
|
||
|
|
.deny { background: #ef4444; color: #fff; margin-left: 0.5rem; }
|
||
|
|
.muted { color: #94a3b8; font-size: 0.82rem; }
|
||
|
|
.indicator { position: fixed; bottom: 0; left: 0; right: 0; background: #b91c1c; color: #fff; text-align: center; padding: 0.4rem; font-size: 0.85rem; display: none; }
|
||
|
|
.indicator.show { display: block; }
|
||
|
|
#log { font-family: monospace; font-size: 0.72rem; color: #64748b; height: 120px; overflow-y: auto; margin-top: 1rem; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>🛡️ Remote Access Agent</h1>
|
||
|
|
<div id="status" class="status">Starting…</div>
|
||
|
|
<div id="consentBox"></div>
|
||
|
|
<p class="muted">This machine accepts remote support sessions. You'll be asked to approve each connection unless an unattended-access policy is set.</p>
|
||
|
|
<div id="log"></div>
|
||
|
|
<div id="indicator" class="indicator">● A technician is currently viewing/controlling this screen</div>
|
||
|
|
|
||
|
|
<script src="agent.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|