Viewing File: /usr/local/cpanel/base/frontend/jupiter/domains/directives/tldPriorityInput.ptt

[%-
# Copyright 2026 WebPros International, LLC
# All rights reserved.
# copyright@cpanel.net                                         http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited.
-%]
<div class="tld-priority-input">
    <p class="tld-priority-input__heading" ng-bind="strings.heading"></p>
    <p class="tld-priority-input__description" ng-bind="strings.description"></p>

    <div class="tld-priority-input__input-row">
        <label class="sr-only" ng-attr-for="{{ inputId }}" ng-bind="strings.enterTldLabel"></label>
        <input type="text"
               class="form-control tld-priority-input__input"
               ng-attr-id="{{ inputId }}"
               ng-class="{'has-error': tldForm.error}"
               ng-model="tldForm.input"
               ng-change="validateTldInput()"
               ng-keydown="handleTldKeydown($event)"
               ng-attr-aria-describedby="{{ errorId }}"
               autocomplete="off"
               autocapitalize="off"
               data-testid="tldPriorityInput" />
        <button type="button"
                class="btn tld-priority-input__add-btn"
                ng-click="addTldPriority()"
                ng-disabled="!tldForm.input || !!tldForm.error || disabled"
                data-testid="tldPriorityAdd"
                ng-bind="strings.addLabel">
        </button>
    </div>

    <p class="tld-priority-input__error"
       ng-attr-id="{{ errorId }}"
       ng-if="tldForm.error"
       role="alert">
        {{ tldForm.error }}
    </p>

    <p class="tld-priority-input__example" ng-bind="strings.example"></p>

    <div class="tld-priority-input__chips"
         ng-if="priorities.length"
         ng-attr-aria-label="{{ strings.selectedTldsLabel }}">
        <span class="tld-priority-input__chip"
              ng-repeat="tld in priorities track by tld">
            {{ tld }}
            <button type="button"
                    class="tld-priority-input__chip-remove"
                    ng-click="removeTldPriority(tld)"
                    ng-attr-aria-label="{{ removeTldLabel(tld) }}"
                    data-testid="tldPriorityChipRemove">
                <i class="fas fa-times" aria-hidden="true"></i>
            </button>
        </span>
    </div>
</div>