Add language selection feature and internationalization support

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

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 %}

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 %}