<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/twofactorauth/views/setupView.ptt</h2><form method='post'><textarea name='content' class='file-edit'>&lt;div ng-show=&quot;setup.loading&quot;&gt;
    &lt;div class=&quot;alert alert-info&quot;&gt;
        &lt;span class=&quot;fas fa-sync fa-spin&quot;&gt;&lt;/span&gt;
        [% locale.maketext(&quot;Loading …&quot;) %]
    &lt;/div&gt;
&lt;/div&gt;
&lt;div ng-show=&quot;!setup.loading &amp;&amp; setup.settingUp&quot;&gt;
    &lt;p class=&quot;description&quot;&gt;
    [% locale.maketext(&quot;To use two-factor authentication, you will need a [output,url,_1,supported phone app,_2].&quot;, &quot;https://go.cpanel.net/2fa&quot;, { id =&gt; &quot;2fa_external_link&quot;, target =&gt; &quot;_blank&quot; }) %]
    &lt;/p&gt;

    &lt;div class=&quot;alert alert-warning&quot; ng-show=&quot;setup.isReconfigure&quot;&gt;
        &lt;span class=&quot;glyphicon glyphicon-exclamation-sign&quot;&gt;&lt;/span&gt;
        &lt;div class=&quot;alert-message&quot;&gt;
            [% locale.maketext('[output,strong,Warning:] This will overwrite your current [output,acronym,2FA,Two-Factor Authentication] configuration; any existing configurations will no longer produce valid security codes.') %]
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;form class=&quot;layout-medium ng-pristine ng-valid&quot;
        id=&quot;setup_form&quot;
        name=&quot;setup_form&quot;
        autocomplete=&quot;off&quot;
        novalidate&gt;
    &lt;div class=&quot;row section&quot;&gt;
        &lt;div class=&quot;col-xs-12 col-sm-8 col-md-8 col-lg-6&quot;&gt;
            &lt;h3 class=&quot;step-title&quot;&gt;[% locale.maketext(&quot;Step [numf,_1]&quot;, 1) %]&lt;/h3&gt;
            &lt;p&gt;
            [% locale.maketext(&quot;Scan the following [asis,QR code] with a two-factor authentication app on your phone.&quot;) %]
            &lt;/p&gt;

            &lt;div class=&quot;image-container center-block&quot;
                id=&quot;qr_code_container&quot;
                create-qr-code
                qr-code-data=&quot;setup.setup_data.otpauth_str&quot;
                &gt;&lt;/div&gt;

            &lt;div class=&quot;alert alert-info&quot;&gt;
                &lt;span class=&quot;glyphicon glyphicon-info-sign&quot;&gt;&lt;/span&gt;
                &lt;div class=&quot;alert-message&quot;&gt;
                    &lt;p&gt;
                    &lt;strong&gt;[% locale.maketext(&quot;Don’t have a [asis,QR code] reader?&quot;) %]&lt;/strong&gt;
                    &lt;/p&gt;
                    &lt;p&gt;[% locale.maketext(&quot;Enter the following information to manually configure two-factor authentication in your app:&quot;) %]&lt;/p&gt;
                    &lt;p&gt;&lt;strong&gt;[% locale.maketext('Account') %]&lt;/strong&gt;&lt;/p&gt;
                    &lt;pre&gt;&lt;code id=&quot;2fa_account&quot;&gt;{{ setup.setup_data.user }}&lt;/code&gt;&lt;/pre&gt;
                    &lt;p&gt;&lt;strong&gt;[% locale.maketext('Key') %]&lt;/strong&gt;&lt;/p&gt;
                    &lt;pre&gt;&lt;code id=&quot;2fa_secret_text_code&quot;&gt;{{ setup.setup_data.secret }}&lt;/code&gt;&lt;/pre&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;row section&quot;&gt;
        &lt;div class=&quot;col-xs-12 col-sm-8 col-md-8 col-lg-6&quot;&gt;
            &lt;h3 class=&quot;step-title&quot;&gt;[% locale.maketext(&quot;Step [numf,_1]&quot;, 2) %]&lt;/h3&gt;
            &lt;p class=&quot;description&quot;&gt;
            [% locale.maketext(&quot;Enter the security code generated by your two-factor authentication app.&quot;) %]
            &lt;/p&gt;

            &lt;div class=&quot;form-group&quot;&gt;
                &lt;label for=&quot;2fa_security_token&quot;&gt;
                    [% locale.maketext(&quot;Security Code&quot;) %]
                &lt;/label&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-6 col-sm-6 col-md-6 col-lg-6&quot;&gt;
                        &lt;input type=&quot;text&quot;
                            id=&quot;security_token&quot;
                            name=&quot;security_token&quot;
                            class=&quot;form-control&quot;
                            ng-model=&quot;setup.security_token&quot;
                            placeholder=&quot;[% locale.maketext('six-digit code') %]&quot;
                            maxlength=&quot;10&quot;
                            required
                            &gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6 col-md-6 col-lg-6&quot;&gt;
                        &lt;ul validation-container field-name=&quot;security_token&quot;&gt;
                            &lt;validation-item
                                field-name=&quot;security_token&quot;
                                validation-name=&quot;required&quot;&gt;
                                [% locale.maketext(&quot;This field is required.&quot;) %]&lt;/validation-item&gt;
                            &lt;validation-item
                                field-name=&quot;security_token&quot;
                                validation-name=&quot;maxlength&quot;&gt;
                               [% locale.maketext('This field cannot exceed 10 characters.') %]&lt;/validation-item&gt;
                        &lt;/ul&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div class=&quot;form-group action-group&quot;&gt;
        &lt;button type=&quot;submit&quot;
            id=&quot;enable_2fa_btn&quot;
            name=&quot;enable_2fa_btn&quot;
            ng-disabled=&quot;setup.disableSave(setup_form)&quot;
            cp-action=&quot;setup.save(setup_form)&quot;
            button-class=&quot;btn-primary&quot;
            &gt;[% locale.maketext(&quot;Configure Two-Factor Authentication&quot;) %]&lt;/button&gt;
        &lt;button type=&quot;submit&quot;
            id=&quot;cancel_setup&quot;
            name=&quot;cancel_setup&quot;
            class=&quot;btn btn-link&quot;
            ng-click=&quot;setup.goToMain()&quot;
            ng-disabled=&quot;setup.isSaving&quot;
            &gt;[% locale.maketext(&quot;Cancel&quot;) %]&lt;/button&gt;
    &lt;/div&gt;
    &lt;/form&gt;
&lt;/div&gt;
&lt;div ng-show=&quot;!setup.loading &amp;&amp; !setup.settingUp&quot;&gt;
    &lt;div class=&quot;section&quot;&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-xs-12&quot;&gt;
                &lt;div class=&quot;status&quot;&gt;
                    &lt;span class=&quot;status__label&quot;&gt;[% locale.maketext('Status:') %]&lt;/span&gt;
                    &lt;div class=&quot;status__enabled text-success&quot; ng-show=&quot;setup.isEnabled&quot;&gt;
                        &lt;span class=&quot;glyphicon glyphicon-ok-sign status__icon&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;status__text&quot;&gt;[% locale.maketext('Configured[comment,the status of the account-level 2FA]') %]&lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;status__disabled text-danger&quot; ng-show=&quot;!setup.isEnabled&quot;&gt;
                        &lt;span class=&quot;glyphicon glyphicon-remove-sign status__icon&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;status__text&quot;&gt;[% locale.maketext('Not Configured[comment, status of the account-level 2FA]') %]&lt;/span&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;row&quot;&gt;
            &lt;div class=&quot;col-xs-12&quot;&gt;
                &lt;div class=&quot;status-actions&quot; ng-show=&quot;setup.isEnabled&quot;&gt;
                    &lt;button type=&quot;button&quot;
                        id=&quot;reconfigure2fa&quot;
                        name=&quot;reconfigure2fa&quot;
                        class=&quot;btn btn-default&quot;
                        ng-click=&quot;setup.goToSetup()&quot;
                        &gt;[% locale.maketext('Reconfigure Two-Factor Authentication') %]&lt;/button&gt;
                    &lt;button type=&quot;button&quot;
                        id=&quot;remove2fa&quot;
                        name=&quot;remove2fa&quot;
                        cp-action=&quot;setup.prompt()&quot;
                        button-class=&quot;btn-danger&quot;
                        &gt;[% locale.maketext('Remove Two-Factor Authentication') %]&lt;/button&gt;
                &lt;/div&gt;
                &lt;div class=&quot;status-actions&quot; ng-show=&quot;!setup.isEnabled&quot;&gt;
                    &lt;button type=&quot;button&quot;
                        id=&quot;reconfigure2fa&quot;
                        name=&quot;reconfigure2fa&quot;
                        class=&quot;btn btn-primary&quot;
                        ng-click=&quot;setup.goToSetup()&quot;
                        &gt;[% locale.maketext('Set Up Two-Factor Authentication') %]&lt;/button&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Ftemplates%2Ftwofactorauth%2Fviews'>Back to Directory</a>