feat(corp/rih): display & load captcha element inside the form

Change-Id: Ifd0f85d9e4f785c4cb1ae56ae67e6d999ff43c85
Reviewed-on: https://cl.tvl.fyi/c/depot/+/8694
Tested-by: BuildkiteCI
Reviewed-by: tazjin <tazjin@tvl.su>
This commit is contained in:
Vincent Ambo 2023-06-02 12:48:52 +03:00 committed by tazjin
parent b2ff63586a
commit 6f0ddbac06
5 changed files with 39 additions and 7 deletions

View file

@ -1,5 +1,17 @@
html! {
<main>
<script>
{r#"function captchaOnload(sitekey) {
if (window.smartCaptcha) {
const container = document.getElementById('captcha-container');
const widgetId = window.smartCaptcha.render(container, {
sitekey: sitekey,
hl: 'en',
});
}
}"#}
</script>
<div class="container px-4 pt-5 my-5 text-center">
<div class="row">
<div class="col-7 ms-auto">
@ -156,6 +168,8 @@ html! {
<div id="personalDetailsHelp" class="form-text">{"Any specific places where you'd like to live? Would you be moving with family? Any other assistance required?"}</div>
</div>
<div id="captcha-container" class="smart-captcha mb-3" style="height: 100px" />
<button type="submit" class="btn btn-primary" disabled=true>{"Submit"}</button>
<p class="pt-2"><i>{"This page is still under construction! Please reach out at contact@ if you have any questions."}</i></p>
</form>