36 lines
1.6 KiB
HTML
36 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Wireguard Admin</title>
|
|
</head>
|
|
<body>
|
|
<p>Use this console to edit network-connected devices. </p>
|
|
|
|
<h2>Peers</h2>
|
|
<table>
|
|
<thead><tr>
|
|
<th>Host</th><th>IPv4</th><th></th>
|
|
</tr></thead>
|
|
<tbody data-bind="foreach:peers"><tr>
|
|
<td data-bind="text:domain"></td>
|
|
<td data-bind="text:ipv4"></td>
|
|
<td><button style="float:right" data-bind="click:$parent.delPeer,disable:$data.isDeleting,text:deleteText">Delete</button></td>
|
|
</tr></tbody>
|
|
</table>
|
|
|
|
<h2>Add peer</h2>
|
|
<p>To add a new peer, type in a hostname and select a user. The hostname must be 3-10 lowercase letters and numbers <code>/[a-z0-9]{3,10}/</code>. </p>
|
|
<div>
|
|
<input type="text" data-bind="textInput:newPeerHostname,event:{keypress:addKeyPress}" placeholder="phone"></input>
|
|
<select data-bind="options:users,optionsText:'name',value:newPeerUser,optionsCaption:'(user)'"></select>
|
|
<span>.mytld</span>
|
|
<button data-bind="click:addPeer,disable:isAddingPeer,text:addPeerText">Add</button>
|
|
</div>
|
|
<p>After clicking "Add", the new peer's config will appear below. Copy and paste it into your wireguard client and start the service. <b>This configuration will not be shown again!</b> If you lose the config, you will need to delete the peer and recreate it. </p>
|
|
<hr>
|
|
<pre data-bind="text:newConfigText"></pre>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.1/knockout-latest.js" integrity="sha512-2AL/VEauKkZqQU9BHgnv48OhXcJPx9vdzxN1JrKDVc4FPU/MEE/BZ6d9l0mP7VmvLsjtYwqiYQpDskK9dG8KBA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="/admin.js"></script>
|
|
</body>
|
|
</html>
|