Improve/add error messages to look better visually

- Have not tested everywhere, but should work okayish
This commit is contained in:
Xevion
2022-03-28 18:54:17 -05:00
parent 2973f3ca81
commit 040e505561
8 changed files with 105 additions and 71 deletions

View File

@@ -1,38 +1,39 @@
{% extends 'layouts/index.html' %}
{% block content %}
{% with messages = get_flashed_messages() %}
{% if messages %}
<div class="notification is-danger">
{% with messages = get_flashed_messages() %}
{% if messages %}
<span class="error-message">
{{ messages[0] }}. Go to <a href="{{ url_for('main.login') }}">login page</a>.
</div>
{% endif %}
{% endwith %}
<form method="POST" action="{{ url_for('auth.signup_post') }}" class="login-form">
<div class="field">
<div class="control">
Username
<input class="input is-large" type="text" name="username" placeholder="Username" autofocus>
</div>
</div>
</span>
{% endif %}
{% endwith %}
<div class="field">
<div class="control">
Name
<input class="input is-large" type="text" name="name" placeholder="Name" autofocus>
</div>
<form method="POST" action="{{ url_for('auth.signup_post') }}" class="login-form">
<div class="field">
<div class="control">
Username
<input class="input is-large" type="text" name="username" placeholder="Username" autofocus>
</div>
</div>
<div class="field">
<div class="control">
Password
<input class="input is-large" type="password" name="password" placeholder="Password">
</div>
<div class="field">
<div class="control">
Name
<input class="input is-large" type="text" name="name" placeholder="Name" autofocus>
</div>
<button>Sign Up</button>
</form>
</div>
<p class="form-subtext">
Already have a login? <a href="{{ url_for('main.login') }}">Login</a> instead!
</p>
<div class="field">
<div class="control">
Password
<input class="input is-large" type="password" name="password" placeholder="Password">
</div>
</div>
<button>Sign Up</button>
</form>
<p class="form-subtext">
Already have a login? <a href="{{ url_for('main.login') }}">Login</a> instead!
</p>
{% endblock content %}