Page History

<style>

div#rw_wrapper,div#rw_main{
	background: white!important;
}

body.login div#rw_main{
	background: white!important;
}

.forgot-iframe-container {
    display: flex;
    justify-content: center;
}

.forgot-iframe-container #forgot-password-iframe {
	width: 100%;
    height: 100vh;
	display: none;
}

div#custom-footer {
    display: none;
}

div#rw_theme_header {
    display: none !important;
}


@media only screen and (max-width: 600px) {
 div#postiontoggle {
    display: none;
}

.add-margin-mobile {
     margin-top: unset !important;
 }
}


body.login .rw_background_top div.rw_login_logo {display: none;}

#full-height-container, #page, body, html {
    height: auto !important;
}

html {
    background: #fafafa;
}

div#custom-footer {
    display: none;
}

body.login div#rw_wrapper {
    background: white;
}

div#login-container {
    font-family: 'Arimo';
}


input.aui-button.aui-style.aui-button-primary {
    border-radius: 8px !important;
    background-color: var(--primary-color) !important;
    
    font-family: Arimo !important;
    font-size: 12px !important;
    
    font-weight: bold !important;

    border: unset !important;
    line-height: 2 !important;
    letter-spacing: 1.19px !important;
    height: 45px; 
    width: 150px;
    color: white !important;
    
}

a.aui-button.aui-style.aui-button-link {
    display: none;
}

body.login form fieldset div.field-group label {
    font-family: Arimo;
}

body.login div#rw_main {
    padding: 100px;
}

div#login-container {
    width: 400px;
    margin: 30px auto;
    padding: 20px;
    background: white;
}

form#forgotpasswordform {
    position: unset;
    margin: auto;
    width: 100%;
}

.field-group.fullSite {
    padding: 0px !important;
}

div#main-content {
    min-height: 100vh;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
</style>
<div id="login-container" class="userpassword-section fullSite">
            <h2 class="fullSite">Forgot Your Password?</h2>
            

<div id="action-messages" class="fullSite">
                        </div>
                            <p class="fullSite">That's ok! Simply enter your username or email below and a reset password link will be sent to you via email. You can then follow that link and select a new password.</p>                                                                                     <form id="forgotpasswordform"  class="aui login-form-container fullSite" >

                                                                                                    
                    <fieldset class="compact-form-fields fullSite">
                            

    <legend class="assistive fullSite"><span class="fullSite">Reset Your Password</span></legend>
                        

<div class="field-group fullSite">
    <label id="usernameOrEmail-label" for="usernameOrEmail" class="fullSite">Email</label>

                <input type="text" name="usernameOrEmail" id="usernameOrEmail" class="text fullSite" placeholder="Username or email">
                      </div>                        <div class="field-group form-buttons compact-form-buttons fullSite">
                            <input name="confirm" class="aui-button aui-style aui-button-primary fullSite" type="submit" value="Send it to me" tabindex="4" resolved="">
                            <a href="/login.action" class="aui-button aui-style aui-button-link fullSite" resolved="">Cancel</a>
                        </div>
                    </fieldset>
                

</form>                    </div>

<script>
$("#forgotpasswordform").submit(async function(e){
     console.log("in jquery submit");
     e.preventDefault(); 
     const username =$("#usernameOrEmail").val(); 
     const res = await jQuery
        .ajax({
            url: `/rest/scriptrunner/latest/custom/forgotPasswordRequest`,
            headers: {
                "X-Atlassian-Token": "no-check",
                "Content-type": "application/json",
            },
            type: "POST",
            processData: false,
            contentType: false,
            data: JSON.stringify({username}),
        })
        .then(res => res);
    if(res.status && res.status === "success"){
        window.location = "/display/InnovationAwards/Password+Reset+Successful"
    }
})
</script>