swissmakers_gmbh/wireguard-manager
12
0
Fork 0
mirror of https://github.com/swissmakers/wireguard-manager.git synced 2026-03-26 13:03:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix Menu and remove deprecated stuff

Browse Source
This commit is contained in:
Michael Reber
2025-02-07 18:06:29 +01:00
parent b664ec439f
commit b918648475
8 changed files with 186 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
templates/base.html
View File

@@ -27,6 +27,91 @@
<!-- START: On page css -->
{{template "top_css" .}}
<!-- END: On page css -->
<style>
/* Base Dark Mode Styles */
body, .content-wrapper {
background-color: #121212;
color: #e0e0e0;
}
.navbar, .main-sidebar, .sidebar {
background-color: #1e1e1e;
}
.nav-link, .navbar-nav .nav-item .nav-link {
color: #b0b0b0;
}
.navbar-light .navbar-nav .nav-link {
color: #b0b0b0;
}
.navbar-light .navbar-nav .nav-link:hover {
color: #ffffff;
}
.main-footer {
background-color: #1c1c1c;
color: #e0e0e0;
}
.sidebar-dark-primary .nav-link {
color: #e0e0e0;
}
.sidebar-dark-primary .nav-link:hover {
background-color: #444444;
}
.card {
background-color: #2a2a2a;
color: #e0e0e0;
}
/* Dark mode for buttons */
.btn-outline-primary {
border-color: #4e73df;
color: #4e73df;
}
.btn-outline-primary:hover {
background-color: #4e73df;
color: #ffffff;
}
.btn-outline-danger {
border-color: #e74a3b;
color: #e74a3b;
}
.btn-outline-danger:hover {
background-color: #e74a3b;
color: #ffffff;
}
/* Modify inputs and form elements */
input, select, textarea, .form-control, .form-control:disabled, div.tagsinput {
background-color: #333333;
color: #e0e0e0;
border: 1px solid #555;
}
input::placeholder, select::placeholder, textarea::placeholder {
color: #b0b0b0;
}
input[type="checkbox"], input[type="radio"] {
background-color: #444;
}
/* Modal dark mode */
.modal-content {
background-color: #2a2a2a;
color: #e0e0e0;
}
.modal-header {
border-bottom: 1px solid #555;
}
.modal-footer {
border-top: 1px solid #555;
}
/* Dark mode for the sidebar active state */
.nav-sidebar .nav-link.active {
background-color: #444;
}
/* Table dark mode */
table {
background-color: #2a2a2a;
}
table th, table td {
color: #e0e0e0;
border: 1px solid #444;
}
</style>
</head>
<body class="hold-transition sidebar-mini">
@@ -99,13 +184,13 @@
{{if .baseData.CurrentUser}}
{{if .baseData.Admin}}
<a href="{{.basePath}}/profile" class="d-block">Administrator: {{.baseData.CurrentUser}}</a>
<a href="{{.basePath}}/profile" class="d-block">My Account: {{.baseData.CurrentUser}}</a>
{{else}}
<a href="{{.basePath}}/profile" class="d-block">Manager: {{.baseData.CurrentUser}}</a>
<a href="{{.basePath}}/profile" class="d-block">My Account: {{.baseData.CurrentUser}}</a>
{{end}}
{{else}}
<a href="#" class="d-block">Administrator</a>
<a href="#" class="d-block">My Account</a>
{{end}}
</div>
</div>
@@ -118,12 +203,20 @@
<a href="{{.basePath}}/" class="nav-link {{if eq .baseData.Active ""}}active{{end}}">
<i class="nav-icon fas fa-user-secret"></i>
<p>
WireGuard Clients
VPN Clients
</p>
</a>
</li>
<li class="nav-item">
<a href="{{.basePath}}/status" class="nav-link {{if eq .baseData.Active "status" }}active{{end}}">
<i class="nav-icon fas fa-signal"></i>
<p>
VPN Connected
</p>
</a>
</li>
{{if .baseData.Admin}}
<li class="nav-header">SETTINGS</li>
<li class="nav-item">
<a href="{{.basePath}}/wg-server" class="nav-link {{if eq .baseData.Active "wg-server" }}active{{end}}">
<i class="nav-icon fas fa-server"></i>
@@ -132,14 +225,11 @@
</p>
</a>
</li>
<li class="nav-header">SETTINGS</li>
<li class="nav-item">
<a href="{{.basePath}}/global-settings" class="nav-link {{if eq .baseData.Active "global-settings" }}active{{end}}">
<i class="nav-icon fas fa-cog"></i>
<p>
Global Settings
Client Config Settings
</p>
</a>
</li>
@@ -148,22 +238,12 @@
<a href="{{.basePath}}/users-settings" class="nav-link {{if eq .baseData.Active "users-settings" }}active{{end}}">
<i class="nav-icon fas fa-cog"></i>
<p>
Users Settings
WGM User Accounts
</p>
</a>
</li>
{{end}}
{{end}}
<li class="nav-header">UTILITIES</li>
<li class="nav-item">
<a href="{{.basePath}}/status" class="nav-link {{if eq .baseData.Active "status" }}active{{end}}">
<i class="nav-icon fas fa-signal"></i>
<p>
Status
</p>
</a>
</li>
</ul>
</nav>
<!-- /.sidebar-menu -->

4
templates/clients.html
View File

@@ -1,5 +1,5 @@
{{define "title"}}
WireGuard Clients
VPN WireGuard Clients
{{end}}
{{define "top_css"}}
@@ -17,7 +17,7 @@ WireGuard Clients
{{end}}
{{define "page_title"}}
WireGuard Clients
VPN WireGuard Clients
{{end}}
{{define "page_content"}}

8
templates/global_settings.html
View File

@@ -1,5 +1,5 @@
{{define "title"}}
Global Settings
Client Config Settings
{{end}}
{{define "top_css"}}
@@ -10,19 +10,19 @@ Global Settings
{{end}}
{{define "page_title"}}
Global Settings
Client Config Settings
{{end}}
{{define "page_content"}}
<section class="content">
<div class="container-fluid">
<!-- <h5 class="mt-4 mb-2">Global Settings</h5> -->
<!-- <h5 class="mt-4 mb-2">Client Config Settings</h5> -->
<div class="row">
<!-- left column -->
<div class="col-md-6">
<div class="card card-success">
<div class="card-header">
<h3 class="card-title">WireGuard Global Settings</h3>
<h3 class="card-title">WireGuard Client Config Settings</h3>
</div>
<!-- /.card-header -->
<!-- form start -->

67
templates/login.html
View File

@@ -16,6 +16,73 @@
<link rel="stylesheet" href="{{.basePath}}/static/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="{{.basePath}}/static/dist/css/adminlte.min.css">
<style>
/* Base Dark Mode Styles */
body, .content-wrapper, .login-page {
background-color: #121212;
color: #e0e0e0;
}
.main-footer {
background-color: #1c1c1c;
color: #e0e0e0;
}
.card {
background-color: #2a2a2a;
color: #e0e0e0;
}
/* Dark mode for buttons */
.btn-outline-primary {
border-color: #4e73df;
color: #4e73df;
}
.btn-outline-primary:hover {
background-color: #4e73df;
color: #ffffff;
}
.btn-outline-danger {
border-color: #e74a3b;
color: #e74a3b;
}
.btn-outline-danger:hover {
background-color: #e74a3b;
color: #ffffff;
}
/* Modify inputs and form elements */
input, select, textarea, .form-control, .form-control:disabled, div.tagsinput {
background-color: #333333;
color: #e0e0e0;
border: 1px solid #555;
}
input::placeholder, select::placeholder, textarea::placeholder {
color: #b0b0b0;
}
input[type="checkbox"], input[type="radio"] {
background-color: #444;
}
/* Modal dark mode */
.modal-content {
background-color: #2a2a2a;
color: #e0e0e0;
}
.modal-header {
border-bottom: 1px solid #555;
}
.modal-footer {
border-top: 1px solid #555;
}
/* Dark mode for the sidebar active state */
.nav-sidebar .nav-link.active {
background-color: #444;
}
/* Table dark mode */
table {
background-color: #2a2a2a;
}
table th, table td {
color: #e0e0e0;
border: 1px solid #444;
}
</style>
</head>
<body class="hold-transition login-page">

6
templates/profile.html
View File

@@ -1,5 +1,5 @@
{{ define "title"}}
Profile
My Account
{{ end }}
{{ define "top_css"}}
@@ -10,13 +10,13 @@ Profile
{{ end }}
{{ define "page_title"}}
Profile
My Account
{{ end }}
{{ define "page_content"}}
<section class="content">
<div class="container-fluid">
<!-- <h5 class="mt-4 mb-2">Global Settings</h5> -->
<!-- <h5 class="mt-4 mb-2">Client Config Settings</h5> -->
<div class="row">
<!-- left column -->
<div class="col-md-6">

12
templates/server.html
View File

@@ -29,27 +29,27 @@ WireGuard Server Settings
<form role="form" id="frm_server_interface" name="frm_server_interface">
<div class="card-body">
<div class="form-group">
<label for="addresses" class="control-label">Server Interface Addresses</label>
<label for="addresses" class="control-label">Wireguard virtual Interface Addresses (VPN-Net)</label>
<input type="text" data-role="tagsinput" class="form-control" id="addresses" value="">
</div>
<div class="form-group">
<label for="listen_port">Listen Port</label>
<label for="listen_port">Server Listen Port</label>
<input type="text" class="form-control" id="listen_port" name="listen_port"
placeholder="Listen Port" value="{{ .serverInterface.ListenPort }}">
</div>
<div class="form-group">
<label for="post_up">Post Up Script</label>
<label for="post_up">Optional: Post Up Script</label>
<input type="text" class="form-control" id="post_up" name="post_up"
placeholder="Post Up Script" value="{{ .serverInterface.PostUp }}">
</div>
<div class="form-group">
<label for="pre_down">Pre Down Script</label>
<label for="pre_down">Optional: Pre Down Script</label>
<input type="text" class="form-control" id="pre_down" name="pre_down"
placeholder="Pre Down Script" value="{{ .serverInterface.PreDown }}">
</div>
<div class="form-group">
<label for="post_down">Post Down Script</label>
<label for="post_down">Optional: Post Down Script</label>
<input type="text" class="form-control" id="post_down" name="post_down"
placeholder="Post Down Script" value="{{ .serverInterface.PostDown }}">
</div>
@@ -67,7 +67,7 @@ WireGuard Server Settings
<div class="col-md-6">
<div class="card card-danger">
<div class="card-header">
<h3 class="card-title">Key Pair</h3>
<h3 class="card-title">Key Pair (Don't regenerate if server already in use!)</h3>
</div>
<!-- /.card-header -->
<!-- form start -->

4
templates/status.html
View File

@@ -1,5 +1,5 @@
{{define "title"}}
Connected Peers
VPN Connected Users (Peers)
{{end}}
{{define "top_css"}}
@@ -10,7 +10,7 @@ Connected Peers
{{end}}
{{define "page_title"}}
Connected Peers
VPN Connected Users (Peers)
{{end}}
{{define "page_content"}}

4
templates/users_settings.html
View File

@@ -1,5 +1,5 @@
{{define "title"}}
Users Settings
WGM User Accounts
{{end}}
{{define "top_css"}}
@@ -10,7 +10,7 @@ Users Settings
{{end}}
{{define "page_title"}}
Users Settings
WGM User Accounts
{{end}}
{{define "page_content"}}