conextra/public/www/templates/confirm-mail-modal.html

Conextra for Web Development. Helps create a SPWA (Single-page Progressive Web Application).

<!-- Modal Sign in -->
<div class="modal fade" tabindex="-1" aria-hidden="false">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title h4 text-muted">Confirm mail</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
                <form onsubmit="
                    event.preventDefault();
                    wsUser.security_code(datacontext.user.email, this.querySelector('#securityCode').value);
                    UFE?.modalHide()
                    ">
                    <div class="text-center">
                        <i class="bi bi-envelope-check h1 text-muted"></i>
                        <h4 class="mb-2">Please check your email!</h4>
                        <p>
                            An email has been sent to <strong path="user.email" bind >xyz@abc.com</strong>. 
                            Enter the security code to reset the password.
                        </p>
                        <input class="form-control" id="securityCode" required type="text" placeholder="Security code" path="isWsOnline" bind="enabled" />
                        <button type="submit" class="btn btn-primary d-block w-100 mt-3" path="isWsOnline" bind="enabled" onclick="this.blur()">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>