Load balancer name*

Must be unique. It cannot be changed after load balancer creation

Description

</div>
            </div>

<div class="control-group">
                <label class="control-label" ng-if="appConfig.cloud === 'AWS'">AWS tags</label>
                <label class="control-label" ng-if="appConfig.cloud === 'AZURE'">Azure tags</label>
                <label class="control-label" ng-if="appConfig.cloud === 'GCP'">GCP labels</label>
                <div class="controls">
                    <editable-list ng-model="newLoadBalancer.cloudTags" sortable="false" add-label="Add {{appConfig.cloud === 'GCP'?'Label':'Tag'}}" disable-remove="true">
                        <input ng-if="it.$readOnly === true" type="text" class="editable-list__input" ng-model="it.key" placeholder="Value" readonly/>
                        <editable-list-input ng-show="!it.$readOnly" type="text" ng-model="it.key" placeholder="Key" required="true" unique="true"/>
                        <div class="editable-list__noflex editable-list__icon">
                            <i class="editable-list__arrow-icon dku-icon-arrow-right-long-16"></i>
                        </div>
                        <input ng-if="it.$readOnly === true" type="text" class="editable-list__input" ng-model="it.value" placeholder="Value" readonly/>
                        <input ng-if="!it.$readOnly" type="text" class="editable-list__input" ng-model="it.value" placeholder="Value"  maxlength="255"/>
                        <button ng-if="!it.$readOnly" type="button" class="btn btn--text btn--danger btn--icon btn--dku-icon editable-list__delete" tabindex="-1" ng-click="remove($index)"><i class="dku-icon-trash-16"></i></button>
                    </editable-list>
                </div>
            </div>
            
            <div class="control-group">
                <label for="virtualNetworkId" class="control-label">Virtual network*</label>
                <div class="controls">
                    <select id="virtualNetworkId" class="form-control" dku-bs-select ng-options="vn.id as vn.label disable when !vn.isEnabled for vn in creationData.virtualNetworks" ng-model="newLoadBalancer.virtualNetworkId" required/>
                    <span class="help-inline">
                        Only properly configured Virtual Networks can be selected
                    </span>
                </div>
            </div>
            <div ng-if="appConfig.cloud == 'AWS' && newLoadBalancer.virtualNetworkId">
                <div class="control-group">
                    <label for="certificateMode" class="control-label">Certificate mode*</label>
                    <div class="controls">
                        <select id="certificateMode" class="form-control" dku-bs-select ng-options="x.mode as x.label for x in certificateModes"
                        ng-model="newLoadBalancer.certificateMode" required />
                        <span class="help-inline">
                            Choose the way to assign a certificate to the load balancer
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="newLoadBalancer.certificateMode == 'AWS_ARN'">
                    <label for="awsCertificateARN" class="control-label">Certificate ARN*</label>
                    <div class="controls">
                        <input id="awsCertificateARN" type="text" ng-model="newLoadBalancer.awsCertificateARN" required/>
                        <span class="help-inline">
                            The certificate ARN
                        </span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="ipMode" class="control-label">Public IP mode*</label>
                    <div class="controls">
                        <select id="ipMode" class="form-control" dku-bs-select ng-options="x.mode as x.label for x in publicIpModes"
                        ng-model="newLoadBalancer.publicIpMode" required />
                        <span class="help-inline">
                            Choose the way to assign a public IP to the load balancer
                        </span>
                    </div>
                </div>
            </div>

<div ng-if="appConfig.cloud == 'AZURE'">
                <div class="control-group">
                    <label for="loadbalancerTier" class="control-label">Load balancer tier*</label>
                    <div class="controls">
                        <select id="loadbalancerTier" class="form-control" dku-bs-select ng-options="x[0] as x[1] for x in [['STANDARD_V2', 'Standard v2'], ['WAF_V2', 'WAF v2']]"
                        ng-model="newLoadBalancer.tier" required />
                        <span class="help-inline">
                            Choose the tier of the load balancer
                        </span>
                    </div>
                </div>
                <div class="control-group">
                    <label for="ipMode" class="control-label">Public IP mode*</label>
                    <div class="controls">
                        <select id="ipMode" class="form-control" dku-bs-select ng-options="x[0] as x[1] for x in [['STATIC_PUBLIC_IP', 'Static public IP'], ['DYNAMIC_PUBLIC_IP', 'Dynamic public IP']]"
                        ng-model="newLoadBalancer.publicIpMode" required />
                        <span class="help-inline">
                            Choose the way to assign a public IP to the load balancer
                        </span>
                    </div>
                </div>

<div class="control-group" ng-if="newLoadBalancer.publicIpMode == 'STATIC_PUBLIC_IP'">
                    <label for="azurePublicIPID" class="control-label">Public IP ID</label>
                    <div class="controls">
                        <input id="azurePublicIPID" class="input-xxlarge" type="text" ng-model="newLoadBalancer.azurePublicIPID" required>
                        <span class="help-inline">
                            Format: '/subscriptions/$subscriptionId/resourceGroups/$resourceGroup/providers/Microsoft.Network/publicIPAddresses/$ipID'
                        </span>
                    </div>
                </div>

<div class="control-group">
                    <label for="certificateMode" class="control-label">Certificate mode</label>
                    <div class="controls">
                        <select id="certificateMode" class="form-control" dku-bs-select ng-options="x[0] as x[1] for x in [['NO_CERTIFICATE', 'No certificate'], ['AZURE_SECRET_ID', 'Certificate secret id']]"
                        ng-model="newLoadBalancer.certificateMode" />
                        <span class="help-inline">
                            Choose the way to assign a certificate to the load balancer
                        </span>
                    </div>
                </div>
                <div class="control-group" ng-if="newLoadBalancer.certificateMode == 'AZURE_SECRET_ID'">
                    <label for="azureCertificateSecretId" class="control-label">Certificate Secret ID*</label>
                    <div class="controls">
                        <input id="azureCertificateSecretId" type="text" ng-model="newLoadBalancer.azureCertificateSecretId" required/>
                        <span class="help-inline">
                            The certificate secret ID.
                            Format 'https://$keyVaultId.vault.azure.net/secrets/$secretName/$secretVersion'
                        </span>
                    </div>
                </div>
            </div>

<div class="control-group" ng-if="newLoadBalancer.virtualNetworkId">
                <label class="control-label">Nodes</label>
                <div class="controls">
                    <editable-list
                                    ng-if="appConfig.cloud == 'AWS' || appConfig.cloud == 'AZURE'"
                                    ng-model="newLoadBalancer.nodes"
                                    sortable="false"
                                    add-label="Add node"
                                    disable-remove="true"
                                    transcope="{getNodes: getNodes, getPublicDNSZone: getPublicDNSZone, getPrivateDNSZone: getPrivateDNSZone, newLoadBalancer: newLoadBalancer }"
                                    >
                        <editable-list-input  type="text" ng-model="it.hostname" placeholder="Hostname" required="true" ng-pattern="$parent.$parent.nodeMappingHostnameValidationPattern"></editable-list-input>
                        <span ng-if="newLoadBalancer.virtualNetworkId && getPublicDNSZone()" class="dnsZone help-inline">.{{ getPublicDNSZone() }}</span>
                        <span ng-if="newLoadBalancer.virtualNetworkId && getPrivateDNSZone()" class="dnsZone help-inline">.{{ getPrivateDNSZone() }} (private)</span>
                        <div class="editable-list__noflex editable-list__icon">
                            <i class="editable-list__arrow-icon dku-icon-arrow-right-long-16"></i>
                        </div>
                        <select id="nodeId" class="form-control" dku-bs-select ng-options="node.id as node.label for node in getNodes(it.hostname, it.instanceId)" ng-model="it.instanceId" required />
                        <button ng-if="!it.$readOnly" type="button" class="btn btn--text btn--danger btn--icon btn--dku-icon editable-list__delete" tabindex="-1" ng-click="remove($index)"><i class="dku-icon-trash-16"></i></button>
                    </editable-list>
                </div>
                <div ng-if="appConfig.cloud === 'AZURE' && newLoadBalancer.nodes.length == 0" class="text-warning">
                    <i class="icon-dku-warning"/>
                    <span>Warning: Azure requires at least one node to provision a load balancer.</span>
                </div>
            </div>
        </div>
    </form>
</div>

New load balancer