Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/gsw/initial_setup/views/trialLicenseActivationView.ptt

<div id="trialLicenseActivation" class="trial-container" ng-switch="currentStep">
    <div id="loginStep" data-step="login" ng-switch-when="login">
        <h3 class="trial-heading">
            <i class="fas fa-stopwatch" aria-hidden="true"></i>
            [% locale.maketext('Get Started with a Free cPanel Trial!') %]
        </h3>

        <div>
            <p>[% locale.maketext('Log in to the cPanel Store using your existing store credentials to [output,strong,activate your Free Trial license].') %]</p>

            <p>[% locale.maketext('If you do not already have a cPanel Store account, you can create one using the [output,strong,Create Account] link on the cPanel Store Login page.') %]</p>
        </div>
        <div class="margin-top-40">
            <cp-alert-list inline="true"></cp-alert-list>
            <div class="panel panel-default">
                <div class="panel-body">
                    <div>
                        <span class="step-text">
                            <i class="fas fa-sign-in-alt" aria-hidden="true"></i>
                            [% locale.maketext('Log in to cPanel Store') %]
                        </span>
                        <button class="btn btn-primary" ng-click="vm.storeLoginRedirect()">
                            [% locale.maketext('Log in') %] <i class="fas fa-arrow-right" aria-hidden="true"></i>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="activationStep" data-step="activation" ng-switch-when="activation">
        <h3 class="trial-heading">
            <i class="fas fa-stopwatch" aria-hidden="true"></i>
            [% locale.maketext('Get Started with a Free cPanel Trial!') %]
        </h3>

        <div>
            <p>[% locale.maketext('Thank you for authenticating your cPanel Store account. We are activating your new 15-day free trial license which will let you use [asis,cPanel amp() WHM] with no limitations.') %]</p>
        </div>
        <div class="margin-top-40">
            <cp-alert-list inline="true"></cp-alert-list>
            <div class="panel panel-default">
                <div class="panel-body">
                    <div>
                        <span class="step-text">
                            <i class="fas fa-sign-in-alt" aria-hidden="true"></i>
                            [% locale.maketext('Activate Trial License') %]
                        </span>
                        <span>
                            <span ng-if="vm.activationInProgress">
                                <i class="fas fa-spinner fa-spin fa-2x fa-fw" aria-hidden="true"></i>
                                <span class="sr-only">[% locale.maketext('Processing …') %]</span>
                            </span>
                            <span ng-if="!vm.activationInProgress">
                                <i class="fas fa-times fa-2x fa-fw failure" aria-hidden="true"></i>
                                <span class="sr-only">[% locale.maketext('Error') %]</span>
                            </span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="emailVerification" data-step="email-verification" ng-switch-when="email-verification">
        <h3 class="trial-heading">
            <i class="far fa-envelope" aria-hidden="true"></i>
            [% locale.maketext('Verify Email Address to Activate Free Trial') %]
        </h3>

        <p>[% locale.maketext('The cPanel Store sent a verification code to [output,strong,_1]. Check your inbox. If you don’t see it, you may need to check your spam folder.', '{{vm.emailAddress}}') %]</p>

        <div class="margin-top-40">
            <form name="validationForm" class="email-verification-form" novalidate>
                <cp-alert-list inline="true"></cp-alert-list>
                <div class="form-group">
                    <div>
                        <label for="verification-code" id="email-verification">
                            [% locale.maketext('Verification Code') %]
                        </label>
                    </div>
                    <div>
                        <input
                            ng-model="vm.verificationCode"
                            required
                            id="verification-code"
                            name="verification-code"
                            class="form-control"
                            tabindex="1"
                        />
                    </div>
                    <ul validation-container field-name="verification-code">
                        <li validation-item field-name="verification-code" validation-name="required">
                            [% locale.maketext('You must enter a verification code.') %]
                        </li>
                    </ul>
                </div>
                <!-- non-xxs -->
                <div class="form-group action-group hidden-xxs">
                    <button
                        id="btnValidate"
                        spinner-id="verifyEmailSpinner"
                        cp-action="vm.verifyEmail(validationForm)"
                        type="submit"
                    >
                        <i class="far fa-envelope action-button-idle-icon" aria-hidden="true"></i>
                        [% locale.maketext('Verify My Email') %]
                    </button>
                    <button
                        id="btnResendCode"
                        button-class="btn-link icon-link-underline-fix-container"
                        cp-action="vm.resendCode()"
                        type="button"
                        ng-disabled="vm.verificationInProgress"
                    >
                        <i class="far fa-paper-plane action-button-idle-icon" aria-hidden="true"></i>
                        <span class="icon-link-underline-fix-content">[% locale.maketext('Resend Verification Email') %]</span>
                    </button>
                </div>

                <!-- xxs -->
                <div class="form-group action-group visible-xxs hidden-xs hidden-sm hidden-md hidden-lg">
                    <button
                        id="btnValidate-xs"
                        button-class="btn-block btn-primary"
                        cp-action="vm.verifyEmail(validationForm)"
                        type="submit"
                    >
                        <i class="far fa-envelope action-button-idle-icon" aria-hidden="true"></i>
                        [% locale.maketext('Verify My Email') %]
                    </button>
                    <button
                        id="btnResendCode-xs"
                        button-class="btn-block btn-default"
                        cp-action="vm.resendCode()"
                        type="button"
                        ng-disabled="vm.verificationInProgress"
                    >
                        <i class="far fa-paper-plane action-button-idle-icon" aria-hidden="true"></i>
                        <span>[% locale.maketext('Resend Verification Email') %]</span>
                    </button>
                </div>
                <div class="verify-email-alt-actions">
                    <button
                        id="btnChangeEmail"
                        button-class="btn-link"
                        cp-action="vm.storeLoginRedirect()"
                        type="button"
                        ng-disabled="vm.verificationInProgress"
                    >
                        <i class="fas fa-undo action-button-idle-icon" aria-hidden="true"></i>
                        <span>[% locale.maketext("[output,strong,_1] is not my email address", '{{vm.emailAddress}}') %]</span>
                    </button>
                </div>
            </form>
        </div>
    </div>

    <div id="activationStatusStep" data-step="activation-status" ng-switch-when="activation-status">
        <h3 class="trial-heading">
            <i class="fas fa-check" aria-hidden="true"></i>
            [% locale.maketext('15-day free Trial License Activated') %]
        </h3>

        <div>
            <p>[% locale.maketext('We successfully activated your trial license. You should be able to use [asis,cPanel amp() WHM] with no limitations for the next 15 days.') %]</p>
            <p>[% locale.maketext('Make sure to upgrade your license within 15 days to continue using [asis,cPanel amp() WHM] on your server.') %]</p>
        </div>

        <div class="margin-top-40">
            <cp-alert-list inline="true"></cp-alert-list>
            <div class="panel panel-default">
                <div class="panel-body">
                    <div>
                        <span class="step-text">
                            <i class="fas fa-sign-in-alt" aria-hidden="true"></i>
                            [% locale.maketext('Activate Trial License') %]
                        </span>
                        <span>
                            <i class="fas fa-check fa-2x fa-fw success-checkmark" aria-hidden="true"></i>
                            <span class="sr-only">[% locale.maketext('Activation succeeded.') %]</span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer text-center no-print"  ng-switch="currentStep">
        <a class="footer-option" href="/logout" id="cancel-trial" ng-switch-default>
            <i class="far fa-times-circle fa-3x" aria-hidden="true"></i>
            <span>[% locale.maketext('Cancel and Exit') %]</span>
        </a>
        <a class="footer-option" href="/logout" id="logout" ng-switch-when="activation-status">
            <i class="far fa-times-circle fa-3x" aria-hidden="true"></i>
            <span>[% locale.maketext('Log out') %]</span>
        </a>
        <button class="footer-option" id="server-setup" ng-if="onActivationStatusView" ng-click="vm.redirectToServerSetup()">
            <i class="far fa-arrow-alt-circle-right fa-3x" aria-hidden="true"></i>
            <span>[% locale.maketext('Server Setup') %]</span>
        </button>
    </div>
</div>
Back to Directory File Manager