jackz/storage
1
0
Fork 0
mirror of https://github.com/Jackzmc/storage.git synced 2025-05-12 03:53:14 +00:00
Code Issues Projects 1 Releases Packages Wiki Activity Actions

Implement login form validation

Browse source
This commit is contained in:
Jackzie 2025-04-16 13:06:06 -05:00
parent b2889eac1d
commit a60f80cdda
6 changed files with 117 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

23
server/templates/auth/login.html.hbs
View file

@ -4,27 +4,42 @@
<h1 class="title is-1 has-text-centered">storage-app</h1>
<div class="box is-radiusless">
<h4 class="title is-4 has-text-centered">Login</h4>
{{debug this}}
{{#if (len form.form_errors) includeZero=true }}
<div class="notification is-danger is-light">
<b>Login failed with errors:</b>
<ul>
{{#each form.form_errors}}
<li>{{msg}}</li>
{{/each}}
</ul>
</div>
{{/if}}
<form method="post" action="/auth/login">
<input type="hidden" name="_csrf" value="{{ csrf_token }}">
<div class="field">
<label class="label">Username / Email</label>
<div class="control has-icons-left">
<input required name="username" class="input" type="text" placeholder="Username or Email">
<input required name="username" class="input {{#if errors.username}}is-danger{{/if}}" type="text" placeholder="Username or Email">
<span class="icon is-small is-left">
<i class="fas fa-user"></i>
</span>
</div>
{{!-- <p class="help is-success">This username is available</p> --}}
{{#if errors.username }}
<p class="help is-danger">{{errors.username}}</p>
{{/if}}
</div>
<div class="field">
<label class="label">Password</label>
<div class="control has-icons-left">
<input required name="password" class="input" type="password" placeholder="hunter2">
<input required name="password" class="input {{#if errors.password}}is-danger{{/if}}" type="password" placeholder="hunter2">
<span class="icon is-small is-left">
<i class="fas fa-key"></i>
</span>
</div>
{{!-- <p class="help is-success">This username is available</p> --}}
{{#if errors.username }}
<p class="help is-danger">{{errors.password}}</p>
{{/if}}
</div>
<div class="field">
<div class="control">