chris/misp
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages Wiki Activity Actions

feat: frontend

Browse source
This commit is contained in:
Chris Milne 2026-05-08 16:45:33 +01:00
parent 875c0cc258
commit 4a7b66b481
7 changed files with 847 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

105
src/static/index.html Normal file
View file

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Title</title>
<link rel="stylesheet" href="/libraries/luxgrid_combined.min.css"/>
<link rel="stylesheet" href="/assets/index/styles.css"/>
</head>
<body>
<div class="container">
<div class="row top-bar">
<div class="col-2 justify-start">Logo</div>
<div class="col-8 text-center title">Title</div>
<div class="col-2 justify-end">
<button id="auth_button" class="button default-dm success">Logged In</button>
</div>
</div>
<div class="card">
<h2>System Status</h2>
<div class="row">
<div class="col-3 summary-row">
<div class="label">Total Blocked Domains</div>
<div id="blocked_domains"></div>
</div>
<div class="col-3 summary-row">
<div class="label">Timer Status</div>
<div id="timer_status" class="status-warning"></div>
</div>
<div class="col-3 summary-row">
<div class="label">Overall Status</div>
<div id="overall_status" class="status-good"></div>
</div>
<div class="col-3 summary-row">
<div class="label">Last Update</div>
<div id="last_update_complete_time"></div>
<div id="last_update_duration"></div>
</div>
</div>
</div>
<div class="card">
<h2>Actions</h2>
<div class="row">
<div class="col-4">
<button id="manual_update_btn" class="button default-dm primary w-100">Manual Update</button>
</div>
<div class="col-4">
<button id="start_timer_btn" class="button default-dm success w-100" disabled>Start Timer</button>
</div>
<div class="col-4">
<button id="stop_timer_btn" class="button default-dm danger w-100">Stop Timer</button>
</div>
</div>
</div>
<div class="card">
<h2>Domain Search</h2>
<label class="label">Search</label>
<input id="domain_search_input" class="input" type="text" placeholder="partial domain"/>
<div style="margin-top:12px;">
<button id="domain_search_btn" class="button default-dm primary">Search</button>
</div>
<div id="domain_search_results" class="search-results"></div>
</div>
<div class="card">
<h2>False Positive Handling</h2>
<div class="row">
<div class="col-8">
<label class="label">Domain</label>
<input id="false_positive_domain" class="input" type="text" placeholder="domain to manage"/>
</div>
<div class="col-4">
<label class="label">&nbsp;</label>
<button id="false_positive_load_btn" class="button default-dm primary w-100">Load</button>
</div>
</div>
<div id="false_positive_actions" style="display:none; margin-top:20px;">
<div class="row align-center">
<div class="col-4">
<div class="label">Always Allow</div>
</div>
<div class="col-8">
<button id="always_allow_btn" class="button default-dm secondary">Disabled</button>
</div>
</div>
<div style="margin-top:20px;">
<div class="label">Events</div>
<div id="events_container" class="event-grid"></div>
</div>
</div>
</div>
</div>
<div id="modal_backdrop" class="modal-backdrop">
<div class="modal">
<h3 id="modal_title">Status</h3>
<div id="modal_message"></div>
<div class="modal-footer">
<button id="modal_button" class="button default-dm primary">Close</button>
</div>
</div>
</div>
<script src="/libraries/axios.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/oidc-client-ts/3.3.0/browser/oidc-client-ts.min.js" integrity="sha512-c2vT43K5Ap/b44ZVGj+uRqqM/RQFtqludEYk8ztxzAPWcPJaKPSGpJRcbo1c2/PdszmNUvPqOzWERCKqT+P1Xg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/assets/index/scripts.js" type="module"></script>
</body>
</html>