conextra/public/www/templates/user-profile-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">User profile</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
                <form autocomplete="on" onsubmit="event.preventDefault()">
                    <div class="row gx-2">
                        <div class="mt-3">
                            <label class="form-label">Your name:</label>
                            <input id="name" class="form-control" type="text" autocomplete="on" placeholder="Your name" required path="user.name" bind="getvalue" />
                        </div>
                    </div>
                    <div class="mt-3">
                        <button type="button" class="btn btn-secondary d-block w-100 mt-3" path="isWsOnline" bind="enabled" onclick="UFE?.openModal('templates/reset-password-modal.html');this.blur();UFE?.modalHide()">Reset password</button>
                    </div>
                    <div class="mt-3">
                        <button type="button" class="btn btn-primary d-block w-100 mt-3" path="isWsOnline" bind="enabled" onclick="wsUser.update_name(document.querySelector('#name').value); this.blur(); UFE?.modalHide()">Update</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>