simple-web-app

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

login.html (1294B)


      1 <div class="auth-page">
      2   <h2>Login</h2>
      3 
      4   {% match error %}
      5   {% when Some with (err) %}
      6   <div class="error-message">{{ err }}</div>
      7   {% when None %}
      8   {% endmatch %}
      9 
     10   <validation-enhancer>
     11     <form method="post" action="/login" class="auth-form">
     12       <div class="form-group">
     13         <label for="email">Email</label>
     14         <input type="email" id="email" name="email" required autocomplete="email" aria-errormessage="email-error" validation-valueMissing="Email is required" validation-typeMismatch="Please enter a valid email address" />
     15         <div id="email-error" class="field-error"></div>
     16       </div>
     17 
     18       <div class="form-group">
     19         <label for="password">Password</label>
     20         <input type="password" id="password" name="password" required autocomplete="current-password" aria-errormessage="password-error" validation-valueMissing="Password is required" />
     21         <div id="password-error" class="field-error"></div>
     22       </div>
     23 
     24       <div class="form-actions">
     25         <button type="submit">Login</button>
     26       </div>
     27     </form>
     28   </validation-enhancer>
     29 
     30   <p class="auth-link">Don't have an account? <a href="/register">Register</a></p>
     31   <p class="auth-link">Registered but can't login? <a href="/resend-verification">Resend verification email</a></p>
     32 </div>