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

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

diff --git a/my_account/sign_up/index.html.jst b/my_account/sign_up/index.html.jst
index 27eb438..2f0e39c 100644 (file)
--- a/my_account/sign_up/index.html.jst
+++ b/my_account/sign_up/index.html.jst
@@ -39,7 +39,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'Signing up allows you to leave comments on our blog and receive communications from us.'}
+      p/*.mt-3*/ {'Signing up allows you to leave comments on our blog and receive communications from us.'}
 
       p {'Your given names are visible to other users if you comment on our blog. Your email and family name remain private. If your name is one word or does not fit given names/family name pattern, then please enter given names only.'}
 
@@ -146,7 +146,7 @@ return async env => {
                   'Create account'
                 }
 
-              p.'mt-3'.mb-0#card-1-message(hidden) {}
+              div.alert.'mt-3'.mb-0#card-1-alert(hidden) {}
             }
           }
         }
@@ -182,7 +182,7 @@ return async env => {
                 'Re-send email'
               }
 
-              p.'mt-3'.mb-0#card-2-message(hidden) {}
+              div.alert.'mt-3'.mb-0#card-2-alert(hidden) {}
             }
           }
         }
@@ -200,20 +200,20 @@ return async env => {
           () => {
             let id_accordion = document.getElementById('accordion')
             let id_card_1 = document.getElementById('card-1')
+            let id_card_1_alert = document.getElementById('card-1-alert')
             let id_card_1_collapse = document.getElementById('card-1-collapse')
             let id_card_1_create_account = document.getElementById('card-1-create-account')
             let id_card_1_cross = document.getElementById('card-1-cross')
             let id_card_1_heading = document.getElementById('card-1-heading')
-            let id_card_1_message = document.getElementById('card-1-message')
             let id_card_1_new = document.getElementById('card-1-new')
             let id_card_1_spinner = document.getElementById('card-1-spinner')
             let id_card_1_tick = document.getElementById('card-1-tick')
             let id_card_2 = document.getElementById('card-2')
+            let id_card_2_alert = document.getElementById('card-2-alert')
             let id_card_2_back = document.getElementById('card-2-back')
             let id_card_2_collapse = document.getElementById('card-2-collapse')
             let id_card_2_cross = document.getElementById('card-2-cross')
             let id_card_2_heading = document.getElementById('card-2-heading')
-            let id_card_2_message = document.getElementById('card-2-message')
             let id_card_2_resend_email = document.getElementById('card-2-resend-email')
             let id_card_2_spinner = document.getElementById('card-2-spinner')
             let id_card_2_tick = document.getElementById('card-2-tick')
@@ -266,13 +266,13 @@ return async env => {
               id_card_1_tick.hidden = true
               id_card_1_cross.hidden = true
               id_card_1_spinner.hidden = true
-              id_card_1_message.hidden = true
+              id_card_1_alert.hidden = true
 
               id_card_2_resend_email.disabled = true
               id_card_2_tick.hidden = true
               id_card_2_cross.hidden = true
               id_card_2_spinner.hidden = true
-              id_card_2_message.hidden = true
+              id_card_2_alert.hidden = true
             }
 
             let details
@@ -280,8 +280,8 @@ return async env => {
               id_card_1_tick.hidden = true
               id_card_1_cross.hidden = true
               id_card_1_spinner.hidden = true
-              // the below causes an ugly flicker, so just keep the message
-              //id_card_1_message.hidden = true
+              // the below causes an ugly flicker, so just keep the alert
+              //id_card_1_alert.hidden = true
 
               if (!id_form.checkValidity()) {
                 // workaround for https://github.com/twbs/bootstrap/issues/23454
@@ -325,20 +325,20 @@ return async env => {
                 id_card_1_cross.hidden = false
                 id_card_1_spinner.hidden = true
 
-                id_card_1_message.textContent = problem.detail
-                //id_card_1_message.classList.remove('text-success')
-                id_card_1_message.classList.add('text-danger')
-                id_card_1_message.hidden = false
+                id_card_1_alert.textContent = problem.detail
+                id_card_1_alert.classList.remove('alert-success')
+                id_card_1_alert.classList.add('alert-danger')
+                id_card_1_alert.hidden = false
 
                 $('#card-1-collapse').collapse('show')
                 return false
               }
               id_card_1_tick.hidden = false
               id_card_1_spinner.hidden = true
-              id_card_1_message.textContent = `Your account with email "${details.email}" has been created.`
-              //id_card_1_message.classList.add('text-success')
-              id_card_1_message.classList.remove('text-danger')
-              id_card_1_message.hidden = false
+              id_card_1_alert.textContent = `Your account with email "${details.email}" has been created.`
+              id_card_1_alert.classList.add('alert-success')
+              id_card_1_alert.classList.remove('alert-danger')
+              id_card_1_alert.hidden = false
 
               id_card_2_resend_email.disabled = false
               id_card_2.scrollIntoView()
@@ -349,8 +349,8 @@ return async env => {
               id_card_2_tick.hidden = true
               id_card_2_cross.hidden = true
               id_card_2_spinner.hidden = false
-              // the below causes an ugly flicker, so just keep the message
-              //id_card_2_message.hidden = true
+              // the below causes an ugly flicker, so just keep the alert
+              //id_card_2_alert.hidden = true
 
               try {
                 await api_call(
@@ -364,10 +364,10 @@ return async env => {
                 id_card_2_cross.hidden = false
                 id_card_2_spinner.hidden = true
 
-                id_card_2_message.textContent = problem.detail
-                //id_card_2_message.classList.remove('text-success')
-                id_card_2_message.classList.add('text-danger')
-                id_card_2_message.hidden = false
+                id_card_2_alert.textContent = problem.detail
+                id_card_2_alert.classList.remove('alert-success')
+                id_card_2_alert.classList.add('alert-danger')
+                id_card_2_alert.hidden = false
 
                 $('#card-2-collapse').collapse('show')
                 return false
@@ -375,10 +375,10 @@ return async env => {
               id_card_2_tick.hidden = false
               id_card_2_spinner.hidden = true
 
-              id_card_2_message.textContent = `Email verification link has been sent to "${details.email}". Please check your email for next steps.`
-              //id_card_2_message.classList.add('text-success')
-              id_card_2_message.classList.remove('text-danger')
-              id_card_2_message.hidden = false
+              id_card_2_alert.textContent = `Email verification link has been sent to "${details.email}". Please check your email for next steps.`
+              id_card_2_alert.classList.add('alert-success')
+              id_card_2_alert.classList.remove('alert-danger')
+              id_card_2_alert.hidden = false
               return true
             }