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

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

diff --git a/my_account/send_verification_email/index.html.jst b/my_account/send_verification_email/index.html.jst
index 935071e..5fbe706 100644 (file)
--- a/my_account/send_verification_email/index.html.jst
+++ b/my_account/send_verification_email/index.html.jst
@@ -38,7 +38,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'Your email is not yet verified. Check your email for next steps, or re-send the verification email below.'}
+      p/*.mt-3*/ {'Your email is not yet verified. Check your email for next steps, or re-send the verification email below.'}
 
       form#form {
         div.row.align-items-center {
@@ -92,7 +92,7 @@ return async env => {
         }
       }
 
-      p#message(hidden) {}
+      div.alert#alert(hidden) {}
     },
     // scripts
     async _out => {
@@ -102,11 +102,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_send_verification_email = document.getElementById('send-verification-email')
             let id_spinner = document.getElementById('spinner')
             let id_tick = document.getElementById('tick')
@@ -118,7 +118,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)
@@ -130,8 +130,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');
@@ -158,18 +158,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 = `Email verification 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 = `Email verification 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
               }
             )
           }