Mirrors/wireguard_webadmin
1
0
Fork 0
mirror of https://github.com/eduardogsilva/wireguard_webadmin.git synced 2025-08-26 21:31:14 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add language selection feature and internationalization support

Browse Source
This commit is contained in:
Eduardo Silva
2025-04-14 15:42:12 -03:00
parent 701f957642
commit e430580aba
18 changed files with 261 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
templates/accounts/login.html
View File

@@ -1,62 +1,50 @@
{% extends "base_login.html" %}
{% load i18n %}
{% block content %}
<div class="register-box">
<div class="register-logo">
<a href="/"><b>wireguard-webadmin</b></a>
</div>
<div class="card">
<div class="card-body register-card-body">
<form action="/accounts/login/" method="post">
{% csrf_token %}
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="{% trans 'Username' %}" name="username">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-user"></span>
</div>
</div>
</div>
<div class="register-box">
<div class="register-logo">
<a href="/"><b>wireguard-webadmin</b></a>
<div class="input-group mb-3">
<input type="password" class="form-control" placeholder="{% trans 'Password' %}" name="password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<button type="submit" class="btn btn-primary btn-block">{% trans 'Login' %}</button>
</div>
<div class="col-md-6">
<a class="btn btn-outline-primary btn-block" href="/change_language/">
{% trans 'Language' %}
</a>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="card">
<div class="card-body register-card-body">
<form action="/accounts/login/" method="post">
{% csrf_token %}
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="username" name="username">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-user"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" class="form-control" placeholder="Password" name="password">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-8">
</div>
<div class="col-4">
<button type="submit" class="btn btn-primary btn-block">Login</button>
</div>
</div>
</form>
</div>
<!-- /.form-box -->
</div><!-- /.card -->
</div>
<!-- /.register-box -->
<script>
document.querySelector('input[name="username"]').addEventListener('input', function() {
this.value = this.value.toLowerCase().replace(/\s/g, '');
});
</script>
{% endblock %}
```
<script>
document.querySelector('input[name="username"]').addEventListener('input', function() {
this.value = this.value.toLowerCase().replace(/\s/g, '');
});
</script>
{% endblock %}

47
templates/accounts/logout.html
View File

@@ -1,35 +1,20 @@
{% extends "base_login.html" %}
{% load i18n %}
{% block content %}
<div class="register-box">
<div class="register-logo">
<a href="/"><b>wireguard-webadmin</b></a>
</div>
<div class="card">
<div class="card-body register-card-body">
<p class="login-box-msg">You have been successfully logged out.</p>
<div class="row">
<div class="col-12">
<a href="/accounts/login/" class="btn btn-primary btn-block">Login again</a>
<div class="register-box">
<div class="register-logo">
<a href="/"><b>wireguard-webadmin</b></a>
</div>
<div class="card">
<div class="card-body register-card-body">
<p class="login-box-msg">{% trans 'You have been successfully logged out.' %}</p>
<div class="row">
<div class="col-12">
<a href="/accounts/login/" class="btn btn-primary btn-block">{% trans 'Login again' %}</a>
</div>
</div>
</div>
</div>
</div>
<!-- /.form-box -->
</div><!-- /.card -->
</div>
<!-- /.register-box -->
{% endblock %}
```
</div>
</div>
{% endblock %}

33
templates/base.html
View File

@@ -1,5 +1,7 @@
<!DOCTYPE html>
<html lang="en">
{% load i18n %}
{% get_current_language as CURRENT_LANGUAGE %}
<html lang="{{ CURRENT_LANGUAGE }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -70,13 +72,16 @@
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
</li>
<li class="nav-item d-none d-sm-inline-block">
<a href="/status/" class="nav-link">Status</a>
</li>
</ul>
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="/change_language/" class="nav-link" title="{% trans 'Change Language' %}">
<i class="fas fa-language"></i>
</a>
</li>
<li class="nav-item">
<a href="/accounts/logout/" class="nav-link">
<i class="fas fa-sign-out-alt"></i>
@@ -104,7 +109,7 @@
<a href="/status/" class="nav-link {% if '/status/' in request.path %}active{% endif %}">
<i class="fas fa-tachometer-alt nav-icon"></i>
<p>
Status
{% trans 'Status' %}
</p>
</a>
</li>
@@ -150,7 +155,7 @@
<a href="/user/list/" class="nav-link {% if '/user/' in request.path %}active{% endif %}">
<i class="fas fa-users nav-icon"></i>
<p>
User Manager
{% trans 'User Manager' %}
</p>
</a>
</li>
@@ -159,7 +164,7 @@
<a href="/server/manage/" class="nav-link {% if '/server/' in request.path %}active{% endif %}">
<i class="fas fa-cogs nav-icon"></i>
<p>
Server Settings
WireGuard
</p>
</a>
</li>
@@ -168,7 +173,7 @@
<a href="/vpn_invite/" class="nav-link {% if '/vpn_invite/' in request.path %}active{% endif %}">
<i class="fas fa-share-square nav-icon"></i>
<p>
VPN Invite
{% trans 'VPN Invite' %}
</p>
</a>
</li>
@@ -246,9 +251,9 @@
<div class="container-fluid">
{% if pending_changes_warning %}
<div class="alert alert-warning" role="alert">
<h4 class="alert-heading">Update Required</h4>
<h4 class="alert-heading">{% trans 'Update Required' %}</h4>
<p>
Your WireGuard settings have been modified. To apply these changes, please update the configuration and reload the WireGuard service.
{% trans 'Your WireGuard settings have been modified. To apply these changes, please update the configuration and reload the WireGuard service.' %}
</p>
<p>
<a
@@ -257,7 +262,7 @@
{% else %}
href="#" class="btn btn-secondary disabled"
{% endif %}
>Update and restart service</a>
>{% trans 'Update and restart service' %}</a>
<a
{% if user_acl.enable_reload %}
@@ -265,7 +270,7 @@
{% else %}
href="#" class="btn btn-secondary disabled"
{% endif %}
>Update and reload service</a>
>{% trans 'Update and reload service' %}</a>
</p>
</div>
@@ -278,9 +283,9 @@
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
{% if webadmin_version.update_available %}<a class='btn btn-sm btn-danger' id="btn_update_changelog">Update Available</a>{% else %}wireguard-webadmin {% endif %}
{% if webadmin_version.update_available %}<a class='btn btn-sm btn-danger' id="btn_update_changelog">{% trans 'Update Available' %}</a>{% else %}wireguard-webadmin {% endif %}
<div class="float-right d-none d-sm-inline-block">
<b>Version</b> {{ webadmin_version.current_version }}
<b>{% trans 'Version' %}</b> {{ webadmin_version.current_version }}
</div>
</footer>

4
templates/base_login.html
View File

@@ -1,5 +1,7 @@
<!DOCTYPE html>
<html lang="en">
{% load i18n %}
{% get_current_language as CURRENT_LANGUAGE %}
<html lang="{{ CURRENT_LANGUAGE }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

17
templates/generic_form_guest.html Normal file
View File

@@ -0,0 +1,17 @@
{% extends "base_login.html" %}
{% load crispy_forms_tags %}
{% load i18n %}
{% block content %}
<div class="register-box">
<div class="register-logo">
<a href="/"><b>wireguard-webadmin</b></a>
</div>
<div class="card">
<div class="card-body register-card-body">
{% csrf_token %}
{% crispy form %}
</div>
</div>
</div>
{% endblock %}