Upgrade to nick_site commit f981fa57, adds alerts and inactive sidebar option

[ndcode_site.git] / my_account / password_reset / index.html.jst

diff --git a/my_account/password_reset/index.html.jst b/my_account/password_reset/index.html.jst
index e06abce..348b3d2 100644 (file)
--- a/my_account/password_reset/index.html.jst
+++ b/my_account/password_reset/index.html.jst
@@ -38,7 +38,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'To reset your password, please enter new details below and we will send you a password reset link.'}
+      p/*.mt-3*/ {'To reset your password, please enter new details below and we will send you a password reset link.'}
 
       form#form {
         div.row {
@@ -60,7 +60,7 @@ return async env => {
       }
 
       if (email.length)
-        button.btn.btn-success#password-reset(type="button") {
+        button.btn.btn-success.mb-3#password-reset(type="button") {
           div.icon24-outer.mr-2#icon {
             div.icon24-inner {_out.push(fa_envelope)}
           }
@@ -78,7 +78,7 @@ return async env => {
           'Password reset'
         }
       else
-        button.btn.btn-success#password-reset(type="button" disabled) {
+        button.btn.btn-success.mb-3#password-reset(type="button" disabled) {
           div.icon24-outer.mr-2#icon {
             div.icon24-inner {_out.push(fa_envelope)}
           }
@@ -96,9 +96,9 @@ return async env => {
           'Password reset'
         }
 
-      p.'mt-3'.mb-0#message(hidden) {}
+      div.alert#alert(hidden) {}
 
-      p.text-muted.mt-3 {'* These fields are required.'}
+      p.text-muted {'* These fields are required.'}
     },
     // scripts
     async _out => {
@@ -108,11 +108,11 @@ return async env => {
         document.addEventListener(
           'DOMContentLoaded',
           () => {
+            let id_alert = document.getElementById('alert')
             let id_cross = document.getElementById('cross')
             let id_email = document.getElementById('email')
             let id_form = document.getElementById('form')
             let id_icon = document.getElementById('icon')
-            let id_message = document.getElementById('message')
             let id_new_password = document.getElementById('new-password')
             let id_password_reset = document.getElementById('password-reset')
             let id_spinner = document.getElementById('spinner')
@@ -126,7 +126,7 @@ return async env => {
               id_tick.hidden = true
               id_cross.hidden = true
               id_spinner.hidden = true
-              id_message.hidden = true
+              id_alert.hidden = true
             }
 
             id_email.addEventListener('input', edited)
@@ -139,8 +139,8 @@ return async env => {
                 id_tick.hidden = true
                 id_cross.hidden = true
                 id_spinner.hidden = true
-                // the below causes an ugly flicker, so just keep the message
-                //id_message.hidden = true
+                // the below causes an ugly flicker, so just keep the alert
+                //id_alert.hidden = true
 
                 if (!id_form.checkValidity()) {
                   id_form.classList.add('was-validated');
@@ -169,18 +169,18 @@ return async env => {
                   id_cross.hidden = false
                   id_spinner.hidden = true
 
-                  id_message.textContent = problem.detail
-                  //id_message.classList.remove('text-success')
-                  id_message.classList.add('text-danger')
-                  id_message.hidden = false
+                  id_alert.textContent = problem.detail
+                  id_alert.classList.remove('alert-success')
+                  id_alert.classList.add('alert-danger')
+                  id_alert.hidden = false
                   return
                 }
                 id_tick.hidden = false
                 id_spinner.hidden = true
-                id_message.textContent = `Password reset link has been sent to "${email}". Please check your email for next steps.`
-                //id_message.classList.add('text-success')
-                id_message.classList.remove('text-danger')
-                id_message.hidden = false
+                id_alert.textContent = `Password reset link has been sent to "${email}". Please check your email for next steps.`
+                id_alert.classList.add('alert-success')
+                id_alert.classList.remove('alert-danger')
+                id_alert.hidden = false
               }
             )
           }