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

[%
    SET application_dir = 'cpanel';
    SET file = 'resetpass';
%]
[% PROCESS '_assets/cjt2_header_include.tt' %]

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

        <p class="login-form__text">To receive your security code, please provide your contact email address below.</p>

        <p class="login-form__text">Unsure of your contact email address? Simply log in to your cPanel account <a target="_blank" href="https://www.namecheap.com/support/knowledgebase/article.aspx/10132/27/where-can-i-log-into-my-cpanel-hosting-account">via Namecheap account</a> and change it under the <a target="_blank" href="https://www.namecheap.com/support/knowledgebase/article.aspx/10041/29/how-to-change-contact-information-in-cpanel">contact information menu</a>.</p>

        <form id="reset_form" name="reset_form" method="POST" action="/resetpass" ng-controller="puzzleController as puzzle">
            <input type="hidden" name="action" value="puzzle">
            <input ng-non-bindable type="hidden" name="user" value="[% user %]">
            <input type="hidden" name="answer" value="{{ puzzle.guess }}">
            <input type="hidden" name="debug" value="[%CPANEL.is_debug_mode_enabled() ? '1' : '' %]">

            <div class="input-req-login login-form__label">
                <label for="puzzle-guess-input">[% locale.maketext('Contact Email Address') %]</label>

                <div class="tooltip" 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>Enter the email address which you selected for Password reset in your cPanel account.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="input-field-login icon puzzle-container placeholder-container login-form__input" ng-class="{ 'placeholder-active' : puzzle.isFocused || reset_form['puzzle-guess-input'].$viewValue }">
                <input name="puzzle-guess-input"
                       id="puzzle-guess-input"
                       type="email"
                       ng-model="puzzle.guess"
                       email="rfc"
                       class="std_textbox form-control"
                       tabindex="1"
                       required
                       autofocus
                       ng-focus="puzzle.focus()"
                       ng-blur="puzzle.blur()">
                <span class="placeholder-help-block login-form__placeholder" id="hint" ng-click="puzzle.focus()">[% locale.maketext('Hint: [_1]', puzzle) %]</span>
            </div>

            <!-- <ul validation-container field-name="puzzle-guess-input" ng-cloak>
                <li validation-item field-name="puzzle-guess-input" validation-name="required" id="puzzle-guess-input-required">
                   [% locale.maketext('You must complete this field.') %]
               </li>
            </ul> -->

            <div class="controls login-form__controls">
                <div class="login-btn">
                    <input name="login"
                        class="btn btn--red btn--block"
                        type="submit"
                        id="login"
                        value="[% locale.maketext('Send Security Code') %]"
                        disabled="disabled"
                        ng-disabled="reset_form.$invalid">
                </div>
                <div class="reset-pw"></div>
                    <a href="/" class="login-form__reset-pass btn btn--link" id="btnCancel">[% locale.maketext('Cancel') %]</a>
                </div>
            </div>
            <div class="clear"></div>
        </form>
        <span id="resetpass-puzzle">[%# marker for testing%]</span>
    </div>
</div>