105 lines
No EOL
3.6 KiB
HTML
105 lines
No EOL
3.6 KiB
HTML
<!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"> </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> |