Updated Login and User Management with new materialize and controls

This commit is contained in:
Brian McGonagill 2024-07-25 09:56:37 -05:00
parent 81559683eb
commit 1d7ecc3efa
13 changed files with 280 additions and 84 deletions

View file

@ -5,30 +5,22 @@
<h4>Login</h4>
<div class="card">
<div class="card-content">
<form class="login">
<div class="row">
<div class="col s12 input-field">
<input type="email" name="email" id="email" class="email {{#if $eq misEmail true}}red lighten-3{{/if}}" />
<label for="email">Email *</label>
</div>
<form class="login row" style="gap: 1em;">
<div class="col s12 input-field outlined">
<input type="email" name="email" id="email" class="email {{#if $eq misEmail true}}red lighten-3{{/if}}" />
<label for="email">Email *</label>
</div>
<div class="row">
<div class="col s12 input-field">
<input type="password" name="password" id="password" class="password {{#if $eq misPass true}}red lighten-3{{/if}}" />
<label for="password">Password *</label>
</div>
<div class="col s12 input-field outlined">
<input type="password" name="password" id="password" class="password {{#if $eq misPass true}}red lighten-3{{/if}}" />
<label for="password">Password *</label>
</div>
{{#if $eq areFilled false}}
<div class="row">
<div class="col s12 red lighten-3 white-text">
<span>You must fill all fields to login.</span>
</div>
<div class="col s12 red lighten-3 white-text">
<span>You must fill all fields to login.</span>
</div>
{{/if}}
<div class="row">
<div class="col s12">
<a id="logmein" class="waves-effect waves-light btn logmein green darken-1">Log In</a>
</div>
<div class="col s12">
<a id="logmein" class="waves-effect waves-light right btn logmein green darken-1 white-text">Log In</a>
</div>
</form>
</div>