Push a bunch of uncommitted UI changes

This commit is contained in:
Jonathan Carter
2025-07-17 09:53:02 +02:00
parent 007a959274
commit b61c45b5f4
15 changed files with 252 additions and 62 deletions

View File

@@ -5,45 +5,57 @@
<br>
<form action="/users" method="POST">
<img src="/static/icons/avatar-default.svg" width="160px" style="float: left; position: absolute;" />
<div style="margin-left: 180px;">
<div class="field">
<label>{{ string_dict['full_name'] }}</label> <div class="control"><input class="input" type="text" placeholder="Text input">
<label>{{ string_dict['full_name'] }}</label>
<div class="control has-icons-left has-icons-right">
<input class="input" name="fullname" type="text" placeholder="Full Name" value="{% if initial_user['fullname'] %}{{ initial_user['fullname'] }}{% endif %}" hx-post="/users/user-check" hx-trigger="keyup changed delay:500ms" hx-target="#username-name">
<span class="icon is-small is-left">
<i class="fa fa-user-circle-o" aria-hidden="true"></i>
</span>
</div>
</div>
<div class="field">
<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="" hx-get="/users/username-check" hx-trigger="keyup changed delay:500ms" hx-target="#username-status">
<label>{{ string_dict['user_name'] }}</label>
<div class="control has-icons-left has-icons-right">
<input class="input is-success" type="text" placeholder="{{ string_dict['user_name'] }}" value="{% if initial_user['username'] %}{{ initial_user['username'] }}{% endif %}" name="username" hx-post="/users/user-check" hx-trigger="keyup changed delay:200ms" hx-trigger="load" hx-target="#username-status">
<span class="icon is-small is-left">
<i class="fas fa-user"></i>
</span>
<span class="icon is-small is-right">
<i class="fas fa-check"></i>
<i class="fa fa-user-circle-o" aria-hidden="true"></i>
</span>
</div>
<div id="username-status">
<p class="help is-success">{{ string_dict['user_name_available'] }}</p>
<p> {{ string_dict['user_name_hint'] }}</p>
</div>
</div>
<div class="field">
<label class="password">{{ string_dict['password'] }}</label>
<div class="control">
<input class="input" type="password" placeholder="{{ string_dict['password'] }}">
<div class="control has-icons-left has-icons-right">
<input class="input" name="password" type="password" placeholder="{{ string_dict['password'] }}" value="{% if initial_user['password'] %}{{ initial_user['password'] }}{% endif %}" hx-post="/users/user-check" hx-trigger="keyup changed delay:200ms" hx-target="#username-status">
<span class="icon is-small is-left">
<i class="fa fa-address-card" aria-hidden="true"></i>
</span>
</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 class="control has-icons-left has-icons-right">
<input class="input" name="password_confirm" type="password" placeholder="{{ string_dict['password_confirm'] }}" value="{% if initial_user['password_confirm'] %}{{ initial_user['password_confirm'] }}{% endif %}" hx-post="/users/user-check" hx-trigger="keyup changed delay:200ms" hx-target="#password-status">
<span class="icon is-small is-left">
<i class="fa fa-address-card" aria-hidden="true"></i>
</span>
</div>
</div>
</form>
</div> <!-- style 180 -->
</div>