98 lines
4.6 KiB
HTML
98 lines
4.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="description" content="" />
|
|
<meta name="author" content="" />
|
|
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
|
|
<link rel="stylesheet" href="css/index.css" />
|
|
<link rel="stylesheet" href="css/checkbox.css" />
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<title>Dns Service</title>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
|
<div class="container-fluid">
|
|
<div class="d-flex align-items-center gap-2">
|
|
<a href="/" class="navbar-brand">Dns Service</a>
|
|
<p style="margin-bottom: 0;">Dark theme</p>
|
|
<div class="checkbox-wrapper-2"><input type="checkbox" class="sc-gJwTLC ikxBAC" id="dark_theme"/></div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<section class="settings-section d-grid gap-2 justify-content-center p-3">
|
|
<div class="card">
|
|
<div class="card-header"><h3 class="card-title">Upstream Dns Servers</h3></div>
|
|
<div class="card-body">
|
|
<table id="upstream-dns-servers-table" class="table">
|
|
<thead><tr><th>Upstream Dns Servers</th></tr></thead>
|
|
<tbody id="upstream-dns-servers-table-body"></tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button
|
|
class="btn btn-primary"
|
|
style="width: 100%"
|
|
id="add_dns_server_button"
|
|
>Add</button>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header"><h3 class="card-title">Local Domains</h3></div>
|
|
<div class="card-body">
|
|
<table class="local-domains-table table">
|
|
<thead><tr><th>IP</th><th>Domain</th><th>Delete</th></tr></thead>
|
|
<tbody id="local-domains-table-body">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button
|
|
class="btn btn-primary"
|
|
style="width: 100%"
|
|
id="add_local_domain_button"
|
|
>Add</button>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header d-flex align-items-center gap-3 justify-content-between">
|
|
<h3>DHCP</h3>
|
|
<div class="checkbox-wrapper-2"><input type="checkbox" class="sc-gJwTLC ikxBAC" id="dhcp_enabled"/></div>
|
|
</div>
|
|
<div class="card-body hidden" id="dhcp_rect_body">
|
|
<h3 class="card-title">DHCP range</h3>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<input placeholder="192.168.0.2" type="text" id="start-dhcp-range" class="form-control"/>
|
|
-
|
|
<input placeholder="192.168.0.254" type="text" id="stop-dhcp-range" class="form-control"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-header d-flex align-items-center gap3 justify-content-between">
|
|
<h3>Cache size</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<input type="number" name="" id="cache-size-input" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="card" style="margin-bottom: 50px;">
|
|
<div class="card-header d-flex align-items-center gap3 justify-content-between">
|
|
<h3>Edit config file</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<textarea id="edit_file_input" style="width: 100%;height: 200px;"></textarea>
|
|
</div>
|
|
<div class="card-footer">
|
|
<button class="btn btn-primary" id="save_config_file_button" style="width: 100%">Save config file</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<button class="btn btn-primary" id="save-settings-button">Save</button>
|
|
<script src="js/checkbox.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/theme.js"></script>
|
|
<script src="js/settings/settings.js"></script>
|
|
</body>
|
|
</html>
|