In /my_account/sign_up/index.html.jst add icons to every button

[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 e9e29ca..006d9a7 100644 (file)
--- a/my_account/sign_up/index.html.jst
+++ b/my_account/sign_up/index.html.jst
@@ -1,5 +1,9 @@
 return async env => {
   let breadcrumbs = await _require('/_lib/breadcrumbs.jst')
+  let fa_arrow_circle_left = await env.site.get_min_svg('/_svg/fa_arrow-circle-left.svg')
+  let fa_envelope = await env.site.get_min_svg('/_svg/fa_envelope.svg')
+  let fa_redo = await env.site.get_min_svg('/_svg/fa_redo.svg')
+  let fa_user_plus = await env.site.get_min_svg('/_svg/fa_user-plus.svg')
   let get_placeholder = await _require('/_lib/get_placeholder.jst')
   let get_session = await _require('/_lib/get_session.jst')
   let icon_cross = await env.site.get_min_svg('/_svg/icon_cross.svg')
@@ -118,11 +122,26 @@ return async env => {
                 }
               }
 
-              button.btn.btn-outline-secondary#'card-1-new-code'(type="button") {'New code'}
+              button.btn.btn-outline-secondary#'card-1-new-code'(type="button") {
+                div.icon24-outer.mr-2 {
+                  div.icon24-inner {_out.push(fa_redo)}
+                }
+                'New code'
+              }
               if (sign_up_draft !== null)
-                button.btn.btn-success.ml-3#card-1-create-account(type="button") {'Create account'}
-             else
-                button.btn.btn-success.ml-3#card-1-create-account(type="button" disabled) {'Create account'}
+                button.btn.btn-success.ml-3#card-1-create-account(type="button") {
+                  div.icon24-outer.mr-2 {
+                    div.icon24-inner {_out.push(fa_user_plus)}
+                  }
+                  'Create account'
+                }
+              else
+                button.btn.btn-success.ml-3#card-1-create-account(type="button" disabled) {
+                  div.icon24-outer.rm-2 {
+                    div.icon24-inner {_out.push(fa_user_plus)}
+                  }
+                  'Create account'
+                }
 
               p.'mt-3'.mb-0#card-1-message(hidden) {}
             }
@@ -147,8 +166,18 @@ return async env => {
           }
           div#card-2-collapse.collapse(role="tabpanel" aria-labelledby="card-2-heading" data-parent="#accordion") {
             div.card-body {
-              button.btn.btn-outline-secondary#card-2-back(type="button") {'Back'}
-              button.btn.btn-outline-secondary.ml-3#card-2-resend-email(type="button" disabled) {'Re-send email'}
+              button.btn.btn-outline-secondary#card-2-back(type="button") {
+                div.icon24-outer.mr-2 {
+                  div.icon24-inner {_out.push(fa_arrow_circle_left)}
+                }
+                'Back'
+              }
+              button.btn.btn-outline-secondary.ml-3#card-2-resend-email(type="button" disabled) {
+                div.icon24-outer.mr-2 {
+                  div.icon24-inner {_out.push(fa_envelope)}
+                }
+                'Re-send email'
+              }
 
               p.'mt-3'.mb-0#card-2-message(hidden) {}
             }