Some more initial UI work, initial translation support

This commit is contained in:
Jonathan Carter
2024-12-18 18:17:24 +02:00
parent 4bc89c5d2b
commit 2ff0bb04bd
13 changed files with 116 additions and 66 deletions

View File

@@ -1,7 +1,7 @@
{% extends "layout.html" %}
{% block body %}
<p><b> Let's set up an initial user. </b></p>
<p><b> {{ string_dict['initial_user_text'] }} </b></p>
<br>
@@ -10,14 +10,14 @@
<div style="margin-left: 180px;">
<div class="field">
<label>Full Name</label> <div class="control"><input class="input" type="text" placeholder="Text input">
<label>{{ string_dict['full_name'] }}</label> <div class="control"><input class="input" type="text" placeholder="Text input">
</div>
</div>
<div class="field">
<label>Username</label>
<label>{{ string_dict['user_name'] }}</label>
<div class="control has-icons-left has-icons-right">
<input class="input is-success" type="text" placeholder="Text input" value="user">
<input class="input is-success" type="text" placeholder="Text input" value="" hx-get="/users/username-check" hx-trigger="keyup changed delay:500ms" hx-target="#username-status">
<span class="icon is-small is-left">
<i class="fas fa-user"></i>
</span>
@@ -25,20 +25,22 @@
<i class="fas fa-check"></i>
</span>
</div>
<p class="help is-success">This username is available</p>
</div>
<div class="field">
<label class="password">Password</label>
<div class="control">
<input class="input" type="password" placeholder="Enter password">
<div id="username-status">
<p class="help is-success">{{ string_dict['user_name_available'] }}</p>
</div>
</div>
<div class="field">
<label class="password">Password (confirm)</label>
<label class="password">{{ string_dict['password'] }}</label>
<div class="control">
<input class="input" type="password" placeholder="Enter password (confirm)">
<input class="input" type="password" placeholder="{{ string_dict['password'] }}">
</div>
</div>
<div class="field">
<label class="password">{{ string_dict['password_confirm'] }}</label>
<div class="control">
<input class="input" type="password" placeholder="{{ string_dict['password_confirm'] }}">
</div>
</div>