<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/external_auth/views/configure_provider.ptt</h2><form method='post'><textarea name='content' class='file-edit'>[%
    USE Whostmgr;
%]
[% IF Whostmgr.hasroot() %]
&lt;div ng-if=&quot;provider&quot;&gt;
    &lt;div id=&quot;editor&quot; class=&quot;panel panel-primary&quot; ng-hide=&quot;loadingProvider&quot;&gt;
        &lt;div class=&quot;panel-heading&quot; ng-if=&quot;provider.display_name&quot;&gt;
            &lt;h3 class=&quot;panel-title&quot;&gt;[% locale.maketext('Configure the “[_1]” Provider', '{{ provider.display_name }}') %]&lt;/h3&gt;
        &lt;/div&gt;
        &lt;div class=&quot;panel-body&quot;&gt;
            &lt;form id=&quot;editorForm&quot; name=&quot;editorForm&quot; novalidate&gt;
                &lt;h4 class=&quot;section-heading&quot;&gt;[% locale.maketext(&quot;Provider Settings&quot;) %]&lt;/h4&gt;
                &lt;div class=&quot;callout callout-info&quot;
                    ng-if=&quot;provider.documentation_url&quot;&gt;
                    [% locale.maketext(&quot;For information regarding configuration of the “[_1]” provider, [output,url,_2,click here,_3] for the documentation.&quot;, '{{ provider.display_name }}', '{{ provider.documentation_url }}', { &quot;target&quot; =&gt; &quot;_blank&quot; }) %]
                &lt;/div&gt;
                &lt;div class=&quot;section-body&quot;&gt;
                    &lt;div class=&quot;form-group&quot;&gt;
                        &lt;label for=&quot;txtField_buttons&quot;&gt;[% locale.maketext('Configure Login Buttons'); %]&lt;/label&gt;
                        &lt;span class=&quot;glyphicon glyphicon-info-sign&quot;
                            role=&quot;tooltip&quot;
                            tabindex=&quot;0&quot;
                            uib-tooltip=&quot;[% locale.maketext(&quot;Configure the way the login buttons appear on the login interfaces.&quot;) %]&quot;
                            tooltip-trigger=&quot;focus&quot;
                            tooltip-placement=&quot;top&quot;&gt;&lt;/span&gt;
                        &lt;div class=&quot;row&quot;&gt;
                            &lt;div class=&quot;col-md-4 config-login-button-block&quot; ng-repeat=&quot;service in services&quot; &gt;
                                &lt;div class=&quot;row tab-block {{service.service}}-tab-block&quot;&gt;
                                    &lt;div class=&quot;col-md-8&quot;&gt;
                                        &lt;div class=&quot;external-auth-btn&quot; &gt;
                                            &lt;span class=&quot;external-auth-link&quot; style=&quot;background-color:#{{ service.color }};color:#{{ service.textcolor }}&quot;&gt;
                                                &lt;i class=&quot;external-auth-icon&quot; style=&quot;background-image:url(data:{{ service.icon_type }};base64,{{ service.icon }})&quot;&gt;&lt;/i&gt;
                                                &lt;span class=&quot;external-auth-btn-label&quot;&gt;{{ service.label }}&lt;/span&gt;
                                            &lt;/span&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                    &lt;div class=&quot;col-md-4 tab-edit-icon text-center&quot;&gt;
                                        {{ service_names[service.service] }}
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;button-config-fields&quot;&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label for=&quot;txtField_name&quot;&gt;[% locale.maketext('Button Label') %]&lt;/label&gt;
                                            &lt;div class=&quot;row&quot;&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;input type=&quot;text&quot;
                                                        id=&quot;{{service.service}}_txtField_button_label&quot;
                                                        name=&quot;{{service.service}}_txtField_button_label&quot;
                                                        value=&quot;&quot;
                                                        ng-model=&quot;service.label&quot;
                                                        class=&quot;form-control&quot; /&gt;
                                                    &lt;span class=&quot;help-block&quot;&gt;[% locale.maketext('The provider’s button label.') %]&lt;/span&gt;
                                                &lt;/div&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;ul validation-container field-name=&quot;txtField_button_color&quot;&gt;&lt;/ul&gt;
                                                &lt;/div&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label for=&quot;txtField_name&quot;&gt;[% locale.maketext('Button color') %]&lt;/label&gt;
                                            &lt;div class=&quot;row&quot;&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;div class=&quot;input-group&quot;&gt;
                                                        &lt;span class=&quot;input-group-addon&quot;&gt;#&lt;/span&gt;
                                                        &lt;input type=&quot;text&quot;
                                                            id=&quot;{{service.service}}_txtField_button_color&quot;
                                                            name=&quot;{{service.service}}_txtField_button_color&quot;
                                                            value=&quot;&quot;
                                                            ng-model=&quot;service.color&quot;
                                                            class=&quot;form-control&quot;
                                                            hex-color /&gt;
                                                    &lt;/div&gt;
                                                    &lt;span class=&quot;help-block&quot;&gt;[% locale.maketext('The primary color on the button.') %]&lt;/span&gt;
                                                &lt;/div&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;ul validation-container field-name=&quot;txtField_button_color&quot;&gt;&lt;/ul&gt;
                                                &lt;/div&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label for=&quot;txtField_name&quot;&gt;[% locale.maketext('Button text color') %]&lt;/label&gt;
                                            &lt;div class=&quot;row&quot;&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;div class=&quot;input-group&quot;&gt;
                                                        &lt;span class=&quot;input-group-addon&quot;&gt;#&lt;/span&gt;
                                                        &lt;input type=&quot;text&quot;
                                                            id=&quot;{{service.service}}_txtField_button_text_color&quot;
                                                            name=&quot;{{service.service}}_txtField_button_text_color&quot;
                                                            value=&quot;&quot;
                                                            ng-model=&quot;service.textcolor&quot;
                                                            class=&quot;form-control&quot;
                                                            hex-color /&gt;
                                                    &lt;/div&gt;
                                                    &lt;span class=&quot;help-block&quot;&gt;[% locale.maketext('The primary text color on the button.') %]&lt;/span&gt;
                                                &lt;/div&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;ul validation-container field-name=&quot;txtField_button_text_color&quot;&gt;
                                                    &lt;/ul&gt;
                                                &lt;/div&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label for=&quot;txtField_name&quot;&gt;[% locale.maketext('Button icon') %]&lt;/label&gt;
                                            &lt;div class=&quot;row&quot;&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;input type=&quot;text&quot;
                                                        id=&quot;{{service.service}}_txtField_button_icon&quot;
                                                        name=&quot;{{service.service}}_txtField_button_icon&quot;
                                                        value=&quot;&quot;
                                                        class=&quot;form-control&quot;
                                                        ng-model=&quot;service.icon&quot;/&gt;
                                                    &lt;span class=&quot;help-block&quot;&gt;[% locale.maketext('A [asis,Base64] encoded image.') %]&lt;/span&gt;
                                                &lt;/div&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;ul validation-container field-name=&quot;txtField_button_icon&quot;&gt;
                                                    &lt;/ul&gt;
                                                &lt;/div&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                        &lt;div class=&quot;form-group&quot;&gt;
                                            &lt;label for=&quot;txtField_name&quot;&gt;[% locale.maketext('Button icon type') %]&lt;/label&gt;
                                            &lt;div class=&quot;row&quot;&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;input type=&quot;text&quot;
                                                        id=&quot;{{service.service}}_txtField_button_icon_type&quot;
                                                        name=&quot;{{service.service}}_txtField_button_icon&quot;
                                                        value=&quot;&quot;
                                                        class=&quot;form-control&quot;
                                                        ng-model=&quot;service.icon_type&quot;/&gt;
                                                    &lt;span class=&quot;help-block&quot;&gt;[% locale.maketext('The image format for the button icon.') %]&lt;/span&gt;
                                                &lt;/div&gt;
                                                &lt;div class=&quot;col-xs-12&quot;&gt;
                                                    &lt;ul validation-container field-name=&quot;txtField_button_icon_type&quot;&gt;&lt;/ul&gt;
                                                &lt;/div&gt;
                                            &lt;/div&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;

                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;callout callout-info&quot;&gt;
                            [% locale.maketext(&quot;The redirect [asis,URIs] for this provider are generated based upon the [asis,SSL] certificate for the [asis,cpsrvd] service. You can [output,url,_1,click here,_2] to update that certificate.&quot;, &quot;../manageservicecrts&quot;, { &quot;target&quot; =&gt; &quot;_blank&quot; }) %]
                        &lt;/div&gt;
                        &lt;div class=&quot;form-group&quot; ng-if=&quot;configurations['redirect_uris']&quot;&gt;
                            &lt;label for=&quot;txtField_name&quot;&gt;[% locale.maketext(&quot;Redirect [asis,URIs]&quot;) %]&lt;/label&gt;
                            &lt;span class=&quot;glyphicon glyphicon-info-sign&quot;
                                role=&quot;tooltip&quot;
                                tabindex=&quot;0&quot;
                                uib-tooltip=&quot;[% locale.maketext('The redirect [asis,URIs] for this provider.') %]&quot;
                                tooltip-trigger=&quot;focus&quot;
                                tooltip-placement=&quot;top&quot;&gt;&lt;/span&gt;
                            &lt;div class=&quot;row&quot;&gt;
                                &lt;div class=&quot;col-md-12&quot;&gt;
                                    &lt;textarea id=&quot;txtField_redirect_uris&quot;
                                        name=&quot;txtField_redirect_uris&quot; readonly=&quot;readonly&quot;
                                        class=&quot;form-control redirect-uris-textarea&quot;&gt;{{ configurations['redirect_uris'].join(&quot;\n&quot;) }}&lt;/textarea&gt;
                                    &lt;/textarea&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div ng-repeat=&quot;config_field in fields&quot; class=&quot;form-group&quot;&gt;
                            &lt;label for=&quot;txtField_name&quot;&gt;{{config_field.label}}&lt;/label&gt;
                            &lt;span class=&quot;glyphicon glyphicon-info-sign&quot;
                                role=&quot;tooltip&quot;
                                tabindex=&quot;0&quot;
                                uib-tooltip=&quot;{{ config_field.description }}&quot;
                                tooltip-trigger=&quot;focus&quot;
                                tooltip-placement=&quot;top&quot;&gt;&lt;/span&gt;
                            &lt;div class=&quot;row&quot;&gt;
                                &lt;div class=&quot;col-xs-12 col-sm-6 col-md-6 col-lg-6&quot;&gt;
                                    &lt;input type=&quot;text&quot;
                                        id=&quot;txtField_{{config_field.field_id}}&quot;
                                        name=&quot;txtField_{{config_field.field_id}}&quot;
                                        ng-model=&quot;configurations[config_field.field_id]&quot;
                                        value=&quot;configurations[config_field.field_id]&quot;
                                        ng-required=&quot;!config_field.optional&quot;
                                        class=&quot;form-control&quot; /&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;col-xs-12 col-sm-6 col-md-6 col-lg-6&quot; ng-if=&quot;!config_field.optional&quot; ng-show=&quot;!configurations[config_field.field_id]&quot;&gt;
                                    &lt;ul class=&quot;validation-container&quot;&gt;
                                        &lt;li class=&quot;validation validation-error&quot;&gt;
                                            &lt;span class=&quot;glyphicon glyphicon-exclamation-sign&quot;&gt;&lt;/span&gt;
                                            &lt;span class=&quot;validation-message&quot;&gt;[% locale.maketext('This field is required.') %]&lt;/span&gt;
                                        &lt;/li&gt;
                                    &lt;/ul&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;div class=&quot;row&quot;&gt;
                                &lt;div class=&quot;col-md-12&quot;&gt;
                                    &lt;div class=&quot;checkbox&quot; ng-hide=&quot;!configurations['redirect_uris']&quot;&gt;
                                        &lt;label&gt;
                                            &lt;input type=&quot;checkbox&quot; name=&quot;confirmed_redirects&quot; id=&quot;confirmed_redirects&quot; ng-model=&quot;confirmed_redirects&quot;&gt;
                                            &lt;span&gt;[% locale.maketext(&quot;To ensure that the system works correctly, confirm that you have used the above [asis,URLs] when you configure the provider.&quot;) %]&lt;/span&gt;
                                        &lt;/label&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;form-group form-submit-section&quot;&gt;
                            &lt;div class=&quot;row&quot;&gt;
                                &lt;div class=&quot;col-md-12&quot;&gt;
                                    &lt;button
                                        type=&quot;submit&quot;
                                        spinner-id=&quot;saveProfile&quot;
                                        cp-action=&quot;saveProviderConfigurations(editorForm)&quot;
                                        button-class=&quot;btn-primary&quot;
                                        ng-disabled=&quot;!canSave(editorForm)&quot;&gt;[% locale.maketext(&quot;Save&quot;) %]&lt;/button&gt;
                                    &lt;a id=&quot;backLink&quot;
                                        href=&quot;providers&quot;
                                        class=&quot;btn btn-link&quot;&gt;[% locale.maketext('Cancel') %]&lt;/a&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
[% ELSE %]
&lt;div&gt;[% locale.maketext(&quot;You do not have access to this interface.&quot;); %]&lt;/div&gt;
[% END %]
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Ftemplates%2Fexternal_auth%2Fviews'>Back to Directory</a>