Viewing File: /usr/local/cpanel/base/unprotected/nc-cpanel/templates/resetpass_confirmation.tmpl

<div id="reset-forms">
    <a href="/resetpass?start=1" class="btn btn--link login-form__back-link">Reset Password</a>

    <p class="login-form__text">To complete the password reset process, please enter the security code you received.</p>

    <script type="text/javascript">
    function toggle(id) {
        var el = document.getElementById(id);
        if (el) {
            if (el.style.display === "none") {
                el.style.display = "";
            } else {
                el.style.display = "none";
            }
        }
    }
    </script>
    <form id="reset_form" novalidate action="resetpass" method="post">
        <!--prevent submit on Enter if login button is disabled-->
        <input style="display:none" />

        <input type="hidden" name="user" value="[% user.html() %]" />
        <input type="hidden" name="action" value="seccode" />
        <input type="hidden" name="debug" value="[%CPANEL.is_debug_mode_enabled() ? '1' : '' %]">

        <div class="input-req-login login-form__label">
            <label for="confirmation">[% locale.maketext('Security Code') %]</label>
        </div>
        <div class="input-field-login no-icon login-form__input">
            <input name="confirm" type="text" class="std_textbox form-control" placeholder="Insert the Security Code" id="confirmation" maxlength="16" required autocomplete="off" autofocus>
        </div>
        <div class="pnlResend">
            <a id="btnResend"
               class="lnkResend login-form__small-link"
               href="?user=[% user.html() %]&action=resend">
                [% locale.maketext('Send Security Code Again') %]
            </a>

            <div class="tooltip tooltip--small" data-gb-tooltip-placement="right">
                <div class="tooltip__toggle tooltip__toggle--icon"></div>
                <div class="tooltip__wrap">
                    <div class="tooltip__arrow"></div>
                    <div class="tooltip__content">
                        <p>[% locale.maketext('If you have not received the email that contains the security code, check your contact email account’s spam. Some email providers may identify the password-reset email as spam. If necessary, you can request the server send another email.') %]</p>
                    </div>
                </div>
            </div>

            <!-- <a onclick="toggle('msgResendMore')" class="btnMore"
                  title="[% locale.maketext('More') %]">
                (?)
            </a>
            <span id="msgResendMore" style="display:none">
                [% locale.maketext('If you have not received the email that contains the security code, check your contact email account’s spam. Some email providers may identify the password-reset email as spam. If necessary, you can request the server send another email.') %] <a id="btnCloseMore" class="btnMore" onclick="toggle('msgResendMore')">[% locale.maketext('Close') %]</a>
            </span> -->
        </div>
        <!-- <div id="reset-note" class="reset-input-note">
            <p>[% locale.maketext('[output,strong,Please keep this browser window open.]') %]</p>
            <p>[% locale.maketext('You must enter the code in the same browser from which you initiated the password reset request.') %]</p>
        </div> -->
        <div class="controls  login-form__controls">
            <div id="confirm-submit-btn" class="login-btn">
                <button type="submit" class="login-form__submit btn btn--red btn--block" id="confirm-submit">[% locale.maketext('Submit') %]</button>
            </div>
            <div class="reset-pw">
                <a href="/" class="login-form__reset-pass btn btn--link">[% locale.maketext('Cancel') %]</a>
            </div>
        </div>
        <div class="clear"></div>

        <script>
            window.onload = function() {
                var inputs = [...document.querySelectorAll('.form-control')];
                var submit = document.getElementById('confirm-submit');
                var btnIsDisabled = true;

                toggleBtnState();

                inputs.forEach(function(input) {
                    input.addEventListener('input', checkInputsOnEmpty);
                })

                function checkInputsOnEmpty() {
                    if (this.value === '') {
                        this.classList.add('is-error');
                    } else {
                        this.classList.remove('is-error');
                    }

                    toggleBtnState();
                };

                function toggleBtnState() {
                    btnIsDisabled = inputs.some(function(input) {
                        return input.value === '';
                    })

                    btnIsDisabled ? submit.setAttribute('disabled', true) : submit.removeAttribute('disabled')
                }
            }
        </script>
    </form>
    <span id="resetpass-seccode">[%# marker for testing%]</span>
</div>