2020-11-07 04:31:48 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
|
|
<title>{{ .Static.WebsiteTitle }} - Admin</title>
|
|
|
|
<meta name="description" content="{{ .Static.WebsiteTitle }}">
|
|
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
|
|
<link rel="stylesheet" href="/fonts/fontawesome-all.min.css">
|
|
|
|
<link rel="stylesheet" href="/css/custom.css">
|
|
|
|
</head>
|
|
|
|
|
2020-11-09 08:32:20 -05:00
|
|
|
<body id="page-top" class="d-flex flex-column min-vh-100">
|
2020-11-07 04:31:48 -05:00
|
|
|
{{template "prt_nav.html" .}}
|
2020-11-09 08:32:20 -05:00
|
|
|
<div class="container mt-5 main-app">
|
2020-11-07 04:31:48 -05:00
|
|
|
<h1>Edit interface <strong>{{.Device.DeviceName}}</strong></h1>
|
2020-11-10 16:23:05 -05:00
|
|
|
{{template "prt_flashes.html" .}}
|
2020-11-07 04:31:48 -05:00
|
|
|
|
2021-04-02 17:48:30 -04:00
|
|
|
<ul class="nav nav-tabs">
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link {{if eq .Device.Type "server"}}active{{end}}" data-toggle="tab" href="#server">Server Mode</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link {{if eq .Device.Type "client"}}active{{end}}" data-toggle="tab" href="#client">Client Mode</a>
|
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link {{if eq .Device.Type "custom"}}active{{end}}" data-toggle="tab" href="#custom">Custom Mode</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
<div id="configContent" class="tab-content">
|
|
|
|
<!-- server mode -->
|
|
|
|
<div class="tab-pane fade {{if eq .Device.Type "server"}}active show{{end}}" id="server">
|
|
|
|
<form method="post" enctype="multipart/form-data">
|
|
|
|
<input type="hidden" name="_csrf" value="{{.Csrf}}">
|
|
|
|
<input type="hidden" name="device" value="{{.Device.DeviceName}}">
|
|
|
|
<input type="hidden" name="type" value="server">
|
|
|
|
<h3>Server's interface configuration</h3>
|
|
|
|
{{if .EditableKeys}}
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group required col-md-12">
|
|
|
|
<label for="server_PrivateKey">Private Key</label>
|
|
|
|
<input type="text" name="privkey" class="form-control" id="server_PrivateKey" value="{{.Device.PrivateKey}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group required col-md-12">
|
|
|
|
<label for="server_PublicKey">Public Key</label>
|
|
|
|
<input type="text" name="pubkey" class="form-control" id="server_PublicKey" value="{{.Device.PublicKey}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{else}}
|
|
|
|
<input type="hidden" name="privkey" value="{{.Device.PrivateKey}}">
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="server_ro_PublicKey">Public Key</label>
|
|
|
|
<input type="text" name="pubkey" readonly class="form-control" id="server_ro_PublicKey" value="{{.Device.PublicKey}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{end}}
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group required col-md-6">
|
|
|
|
<label for="server_ListenPort">Listen port</label>
|
|
|
|
<input type="number" name="port" class="form-control" id="server_ListenPort" placeholder="51820" value="{{.Device.ListenPort}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group required col-md-6">
|
|
|
|
<label for="server_IPs">Server IP address</label>
|
|
|
|
<input type="text" name="ip" class="form-control" id="server_IPs" placeholder="10.6.6.1/24" value="{{.Device.IPsStr}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h3>Client's global configuration</h3>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group required col-md-12">
|
|
|
|
<label for="server_PublicEndpoint">Public Endpoint for Clients</label>
|
|
|
|
<input type="text" name="endpoint" class="form-control" id="server_PublicEndpoint" placeholder="vpn.company.com:51820" value="{{.Device.DefaultEndpoint}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="server_DNS">DNS Servers</label>
|
|
|
|
<input type="text" name="dns" class="form-control" id="server_DNS" placeholder="1.1.1.1" value="{{.Device.DNSStr}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="server_AllowedIP">Default allowed IPs</label>
|
|
|
|
<input type="text" name="allowedip" class="form-control" id="server_AllowedIP" placeholder="10.6.6.0/24" value="{{.Device.DefaultAllowedIPsStr}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="server_MTU">Global MTU</label>
|
|
|
|
<input type="number" name="mtu" class="form-control" id="server_MTU" placeholder="0" value="{{.Device.Mtu}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="server_PersistentKeepalive">Persistent Keepalive</label>
|
|
|
|
<input type="number" name="keepalive" class="form-control" id="server_PersistentKeepalive" placeholder="16" value="{{.Device.DefaultPersistentKeepalive}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h3>Interface configuration hooks</h3>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="server_PreUp">Pre Up</label>
|
|
|
|
<input type="text" name="preup" class="form-control" id="server_PreUp" value="{{.Device.PreUp}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="server_PostUp">Post Up</label>
|
|
|
|
<input type="text" name="postup" class="form-control" id="server_PostUp" value="{{.Device.PostUp}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="server_PreDown">Pre Down</label>
|
|
|
|
<input type="text" name="predown" class="form-control" id="server_PreDown" value="{{.Device.PreDown}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="server_PostDown">Post Down</label>
|
|
|
|
<input type="text" name="postdown" class="form-control" id="server_PostDown" value="{{.Device.PostDown}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
|
|
<a href="/admin" class="btn btn-secondary">Cancel</a>
|
|
|
|
<a href="/admin/device/applyglobals" class="btn btn-dark float-right">Apply Global Settings to peers</a>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- client mode -->
|
|
|
|
<div class="tab-pane fade {{if eq .Device.Type "client"}}active show{{end}}" id="client">
|
|
|
|
<form method="post" enctype="multipart/form-data">
|
2021-03-22 17:51:37 -04:00
|
|
|
<input type="hidden" name="_csrf" value="{{.Csrf}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
<input type="hidden" name="device" value="{{.Device.DeviceName}}">
|
2021-04-02 17:48:30 -04:00
|
|
|
<input type="hidden" name="type" value="client">
|
|
|
|
<h3>Client's interface configuration</h3>
|
2020-12-18 16:26:36 -05:00
|
|
|
{{if .EditableKeys}}
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group required col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="client_PrivateKey">Private Key</label>
|
|
|
|
<input type="text" name="privkey" class="form-control" id="client_PrivateKey" value="{{.Device.PrivateKey}}">
|
2020-12-18 16:26:36 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group required col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="client_PublicKey">Public Key</label>
|
|
|
|
<input type="text" name="pubkey" class="form-control" id="client_PublicKey" value="{{.Device.PublicKey}}">
|
2020-12-18 16:26:36 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{else}}
|
|
|
|
<input type="hidden" name="privkey" value="{{.Device.PrivateKey}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="client_ro_PublicKey">Public Key</label>
|
|
|
|
<input type="text" name="pubkey" readonly class="form-control" id="client_ro_PublicKey" value="{{.Device.PublicKey}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-12-18 16:26:36 -05:00
|
|
|
{{end}}
|
2020-11-07 04:31:48 -05:00
|
|
|
<div class="form-row">
|
2020-12-18 16:26:36 -05:00
|
|
|
<div class="form-group required col-md-6">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="client_IPs">Client IP address</label>
|
|
|
|
<input type="text" name="ip" class="form-control" id="client_IPs" placeholder="10.6.6.1/24" value="{{.Device.IPsStr}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
2021-04-02 17:48:30 -04:00
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="client_DNS">DNS Servers</label>
|
|
|
|
<input type="text" name="dns" class="form-control" id="client_DNS" placeholder="1.1.1.1" value="{{.Device.DNSStr}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-4">
|
|
|
|
<label for="client_MTU">Global MTU</label>
|
|
|
|
<input type="number" name="mtu" class="form-control" id="client_MTU" placeholder="0" value="{{.Device.Mtu}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-4">
|
|
|
|
<label for="client_FirewallMark">Firewall Mark</label>
|
|
|
|
<input type="number" name="firewallmark" class="form-control" id="client_FirewallMark" placeholder="0" value="{{.Device.FirewallMark}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-4">
|
|
|
|
<label for="client_RoutingTable">Routing Table</label>
|
|
|
|
<input type="text" name="routingtable" class="form-control" id="client_RoutingTable" placeholder="0" value="{{.Device.RoutingTable}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h3>Interface configuration hooks</h3>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="client_PreUp">Pre Up</label>
|
|
|
|
<input type="text" name="preup" class="form-control" id="client_PreUp" value="{{.Device.PreUp}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="client_PostUp">Post Up</label>
|
|
|
|
<input type="text" name="postup" class="form-control" id="client_PostUp" value="{{.Device.PostUp}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="client_PreDown">Pre Down</label>
|
|
|
|
<input type="text" name="predown" class="form-control" id="client_PreDown" value="{{.Device.PreDown}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="client_PostDown">Post Down</label>
|
|
|
|
<input type="text" name="postdown" class="form-control" id="client_PostDown" value="{{.Device.PostDown}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
|
|
<a href="/admin" class="btn btn-secondary">Cancel</a>
|
|
|
|
<a href="/admin/device/applyglobals" class="btn btn-dark float-right">Apply Global Settings to peers</a>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- custom mode -->
|
|
|
|
<div class="tab-pane fade {{if eq .Device.Type "custom"}}active show{{end}}" id="custom">
|
|
|
|
<form method="post" enctype="multipart/form-data">
|
|
|
|
<input type="hidden" name="_csrf" value="{{.Csrf}}">
|
|
|
|
<input type="hidden" name="device" value="{{.Device.DeviceName}}">
|
|
|
|
<input type="hidden" name="type" value="custom">
|
|
|
|
<h3>Custom interface configuration</h3>
|
|
|
|
{{if .EditableKeys}}
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group required col-md-12">
|
|
|
|
<label for="custom_PrivateKey">Private Key</label>
|
|
|
|
<input type="text" name="privkey" class="form-control" id="custom_PrivateKey" value="{{.Device.PrivateKey}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
2020-12-18 16:26:36 -05:00
|
|
|
<div class="form-group required col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="custom_PublicKey">Public Key</label>
|
|
|
|
<input type="text" name="pubkey" class="form-control" id="custom_PublicKey" value="{{.Device.PublicKey}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{else}}
|
|
|
|
<input type="hidden" name="privkey" value="{{.Device.PrivateKey}}">
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
|
|
|
<label for="custom_ro_PublicKey">Public Key</label>
|
|
|
|
<input type="text" name="pubkey" readonly class="form-control" id="custom_ro_PublicKey" value="{{.Device.PublicKey}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
2021-04-02 17:48:30 -04:00
|
|
|
{{end}}
|
2020-11-07 04:31:48 -05:00
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-6">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="custom_ListenPort">Listen port</label>
|
|
|
|
<input type="number" name="port" class="form-control" id="custom_ListenPort" placeholder="51820" value="{{.Device.ListenPort}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="custom_IPs">Interface IP address</label>
|
|
|
|
<input type="text" name="ip" class="form-control" id="custom_IPs" placeholder="10.6.6.1/24" value="{{.Device.IPsStr}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-6">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="custom_MTU">Global MTU</label>
|
|
|
|
<input type="number" name="mtu" class="form-control" id="custom_MTU" placeholder="0" value="{{.Device.Mtu}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="custom_SaveConfig">Save Configuration</label>
|
|
|
|
<input type="number" name="saveconfig" class="form-control" id="custom_SaveConfig" placeholder="0" value="{{.Device.SaveConfig}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="custom_FirewallMark">Firewall Mark</label>
|
|
|
|
<input type="number" name="firewallmark" class="form-control" id="custom_FirewallMark" placeholder="0" value="{{.Device.FirewallMark}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="custom_RoutingTable">Routing Table</label>
|
|
|
|
<input type="text" name="routingtable" class="form-control" id="custom_RoutingTable" placeholder="0" value="{{.Device.RoutingTable}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h3>Peer's global configuration</h3>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="custom_PublicEndpoint">Public Endpoint for Clients</label>
|
|
|
|
<input type="text" name="endpoint" class="form-control" id="custom_PublicEndpoint" placeholder="vpn.company.com:51820" value="{{.Device.DefaultEndpoint}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="custom_PersistentKeepalive">Persistent Keepalive</label>
|
|
|
|
<input type="number" name="keepalive" class="form-control" id="custom_PersistentKeepalive" placeholder="16" value="{{.Device.DefaultPersistentKeepalive}}">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="custom_DNS">DNS Servers</label>
|
|
|
|
<input type="text" name="dns" class="form-control" id="custom_DNS" placeholder="1.1.1.1" value="{{.Device.DNSStr}}">
|
|
|
|
</div>
|
|
|
|
<div class="form-group col-md-6">
|
|
|
|
<label for="custom_AllowedIP">Default allowed IPs</label>
|
|
|
|
<input type="text" name="allowedip" class="form-control" id="custom_AllowedIP" placeholder="10.6.6.0/24" value="{{.Device.DefaultAllowedIPsStr}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h3>Interface configuration hooks</h3>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="custom_PreUp">Pre Up</label>
|
|
|
|
<input type="text" name="preup" class="form-control" id="custom_PreUp" value="{{.Device.PreUp}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="server_PostUp">Post Up</label>
|
|
|
|
<input type="text" name="postup" class="form-control" id="custom_PostUp" value="{{.Device.PostUp}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="custom_PreDown">Pre Down</label>
|
|
|
|
<input type="text" name="predown" class="form-control" id="custom_PreDown" value="{{.Device.PreDown}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
|
|
<div class="form-group col-md-12">
|
2021-04-02 17:48:30 -04:00
|
|
|
<label for="server_PostDown">Post Down</label>
|
|
|
|
<input type="text" name="postdown" class="form-control" id="custom_PostDown" value="{{.Device.PostDown}}">
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button type="submit" class="btn btn-primary">Save</button>
|
|
|
|
<a href="/admin" class="btn btn-secondary">Cancel</a>
|
2021-04-02 17:48:30 -04:00
|
|
|
<a href="/admin/device/applyglobals" class="btn btn-dark float-right">Apply Global Settings to clients</a>
|
2020-11-07 04:31:48 -05:00
|
|
|
</form>
|
2021-04-02 17:48:30 -04:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-11-07 04:31:48 -05:00
|
|
|
</div>
|
2020-11-10 03:31:02 -05:00
|
|
|
{{template "prt_footer.html" .}}
|
2020-11-07 04:31:48 -05:00
|
|
|
<script src="/js/jquery.min.js"></script>
|
|
|
|
<script src="/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<script src="/js/jquery.easing.js"></script>
|
|
|
|
<script src="/js/custom.js"></script>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|