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

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

diff --git a/my_account/verify_email/index.html.jst b/my_account/verify_email/index.html.jst
index e618f33..679a126 100644 (file)
--- a/my_account/verify_email/index.html.jst
+++ b/my_account/verify_email/index.html.jst
@@ -45,7 +45,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'You will need to verify your email address via an emailed link before you can sign in to your account.'}
+      p/*.mt-3*/ {'You will need to verify your email address via an emailed link before you can sign in to your account.'}
 
       form#form {
         div.row {
@@ -67,7 +67,7 @@ return async env => {
       }
 
       if (email.length || details.length)
-        button.btn.btn-success#verify-email(type="button") {
+        button.btn.btn-success.mb-3#verify-email(type="button") {
           div.icon24-outer.mr-2#icon {
             div.icon24-inner {_out.push(fa_user_check)}
           }
@@ -85,7 +85,7 @@ return async env => {
           'Verify email'
         }
       else
-        button.btn.btn-success#verify-email(type="button" disabled) {
+        button.btn.btn-success.mb-3#verify-email(type="button" disabled) {
           div.icon24-outer.mr-2#icon {
             div.icon24-inner {_out.push(fa_user_check)}
           }
@@ -103,9 +103,9 @@ return async env => {
           'Verify email'
         }
 
-      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 => {
@@ -115,12 +115,12 @@ 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_link_code = document.getElementById('link-code')
-            let id_message = document.getElementById('message')
             let id_spinner = document.getElementById('spinner')
             let id_tick = document.getElementById('tick')
             let id_verify_email = document.getElementById('verify-email')
@@ -133,7 +133,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)
@@ -146,8 +146,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');
@@ -176,18 +176,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 = `Your email "${email}" has been verified. You can now sign in.`
-                //id_message.classList.add('text-success')
-                id_message.classList.remove('text-danger')
-                id_message.hidden = false
+                id_alert.textContent = `Your email "${email}" has been verified. You can now sign in.`
+                id_alert.classList.add('alert-success')
+                id_alert.classList.remove('alert-danger')
+                id_alert.hidden = false
               }
             )
           }