2022-01-27 06:37:46 +00:00
< ng-form name = "serviceForm" >
2022-07-11 02:05:23 +00:00
< div ng-if = "$ctrl.isAdmin()" class = "small" ng-show = "$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.LOAD_BALANCER && !$ctrl.loadbalancerEnabled" >
2022-01-16 19:37:46 +00:00
< p style = "margin-top: 10px" >
2022-07-11 02:05:23 +00:00
< pr-icon icon = "'alert-circle'" mode = "'primary'" feather = "true" > < / pr-icon > No Load balancer is available in this cluster, click
2022-07-22 02:14:31 +00:00
< a ui-sref = "kubernetes.cluster.setup" > here< / a > to configure load balancer.
2022-01-16 19:37:46 +00:00
< / p >
< / div >
2022-07-11 02:05:23 +00:00
< div ng-if = "!$ctrl.isAdmin()" class = "small" ng-show = "$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.LOAD_BALANCER && !$ctrl.loadbalancerEnabled" >
< p style = "margin-top: 10px" >
< pr-icon icon = "'alert-circle'" mode = "'primary'" feather = "true" > < / pr-icon > No Load balancer is available in this cluster, contract your administrator.
< / p >
2022-01-16 19:37:46 +00:00
< / div >
< div
ng-if="
($ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.LOAD_BALANCER & & $ctrl.loadbalancerEnabled) ||
$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.CLUSTER_IP ||
$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.NODE_PORT
"
>
2022-07-11 02:05:23 +00:00
< div ng-show = "!$ctrl.multiItemDisable" class = "mt-5 mb-5" >
2022-01-16 19:37:46 +00:00
< label class = "control-label text-left" > Published ports< / label >
2022-07-11 02:05:23 +00:00
< span class = "label label-default interactive ml-10 vertical-center" ng-click = "$ctrl.addPort()" data-cy = "k8sAppCreate-addNewPortButton" >
< pr-icon icon = "'plus'" mode = "'alt'" size = "'sm'" feather = "true" > < / pr-icon > publish a new port
2022-01-16 19:37:46 +00:00
< / span >
< / div >
2022-07-11 02:05:23 +00:00
< div ng-repeat = "servicePort in $ctrl.servicePorts" class = "mt-5 service-form row" >
< div class = "form-group !mx-0 !pl-0 col-sm-3" >
< div class = "input-group input-group-sm" >
< span class = "input-group-addon" > container port< / span >
< input
type="number"
class="form-control"
name="container_port_{{ $index }}"
ng-model="servicePort.targetPort"
placeholder="80"
ng-min="1"
ng-max="65535"
ng-change="$ctrl.servicePort($index)"
required
ng-disabled="$ctrl.originalIngresses.length === 0 || ($ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.LOAD_BALANCER & & !$ctrl.loadbalancerEnabled)"
ng-change="$ctrl.onChangeContainerPort()"
data-cy="k8sAppCreate-containerPort_{{ $index }}"
/>
2022-01-16 19:37:46 +00:00
< / div >
2022-07-11 02:05:23 +00:00
< span >
< div class = "small mt-1" ng-if = "$ctrl.state.duplicates.targetPort.refs[$index] !== undefined" >
< pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > This container port is already used.
2022-01-16 19:37:46 +00:00
< / div >
2022-07-11 02:05:23 +00:00
< div class = "small mt-1" ng-messages = "serviceForm['container_port_'+$index].$error" >
< p ng-message = "required" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Container port number is required.< / p >
< p ng-message = "min" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Container port number must be inside the range 1-65535.< / p >
< p ng-message = "max" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Container port number must be inside the range 1-65535.< / p >
2022-01-16 19:37:46 +00:00
< / div >
2022-07-11 02:05:23 +00:00
< / span >
< / div >
2022-01-16 19:37:46 +00:00
2022-07-11 02:05:23 +00:00
< div class = "form-group !mx-0 !pl-0 col-sm-3" >
< div class = "input-group input-group-sm" >
< span class = "input-group-addon" > service port< / span >
< input
type="number"
class="form-control"
name="service_port_{{ $index }}"
ng-model="servicePort.port"
placeholder="80"
ng-min="1"
ng-max="65535"
required
ng-disabled="$ctrl.originalIngresses.length === 0 || ($ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.LOAD_BALANCER & & !$ctrl.loadbalancerEnabled)"
ng-change="$ctrl.onChangeServicePort()"
data-cy="k8sAppCreate-servicePort_{{ $index }}"
/>
< / div >
< span >
< div class = "small mt-1" ng-if = "$ctrl.state.duplicates.servicePort.refs[$index] !== undefined" >
< pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > This service port is already used.
2022-01-16 19:37:46 +00:00
< / div >
2022-07-11 02:05:23 +00:00
< div class = "small mt-1" >
2022-01-16 19:37:46 +00:00
< div ng-messages = "serviceForm['service_port_'+$index].$error" >
2022-07-11 02:05:23 +00:00
< p ng-message = "required" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Service port number is required.< / p >
< p ng-message = "min" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Container port number must be inside the range 1-65535.< / p >
< p ng-message = "max" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Container port number must be inside the range 1-65535.< / p >
2022-01-16 19:37:46 +00:00
< / div >
< / div >
2022-07-11 02:05:23 +00:00
< / span >
< / div >
2022-01-16 19:37:46 +00:00
2022-07-11 02:05:23 +00:00
< div class = "form-group !mx-0 !pl-0 col-sm-3" ng-if = "$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.NODE_PORT" >
< div class = "input-group input-group-sm" >
< span class = "input-group-addon" > nodeport< / span >
< input
type="number"
class="form-control"
name="node_port_{{ $index }}"
ng-model="servicePort.nodePort"
placeholder="30080"
ng-min="30000"
ng-max="32767"
ng-change="$ctrl.onChangeNodePort()"
data-cy="k8sAppCreate-nodeportPort_{{ $index }}"
/>
< / div >
< div class = "w-full" >
< span >
< div class = "small mt-1" >
< div ng-messages = "serviceForm['node_port_'+$index].$error" >
< p ng-message = "min"
>< pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Node port number must be inside the range 30000-32767 or blank for system
allocated.< /p
>
< p ng-message = "max"
>< pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Node port number must be inside the range 30000-32767 or blank for system
allocated.< /p
>
< / div >
2022-01-16 19:37:46 +00:00
< / div >
2022-07-11 02:05:23 +00:00
< / span >
< / div >
< / div >
< div class = "form-group !mx-0 !pl-0 col-sm-3" ng-if = "$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.LOAD_BALANCER" >
< div class = "input-group input-group-sm" >
< span class = "input-group-addon" > loadbalancer port< / span >
< input
type="number"
class="form-control"
name="loadbalancer_port_{{ $index }}"
ng-model="servicePort.port"
placeholder="80"
ng-min="1"
ng-max="65535"
required
ng-disabled="$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.LOAD_BALANCER & & !$ctrl.loadbalancerEnabled"
data-cy="k8sAppCreate-loadbalancerPort_{{ $index }}"
/>
2022-01-16 19:37:46 +00:00
< / div >
2022-07-11 02:05:23 +00:00
< / div >
2022-01-16 19:37:46 +00:00
2022-07-11 02:05:23 +00:00
< div class = "form-group !mx-0 !pl-0 col-sm-3" ng-if = "$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.CLUSTER_IP && $ctrl.ingressType" >
< div class = "input-group input-group-sm" >
< span class = "input-group-addon" > ingress< / span >
< select
class="form-control"
name="ingress_port_{{ $index }}"
ng-model="servicePort.ingress.IngressName"
required
ng-disabled="$ctrl.originalIngresses.length === 0"
ng-options="ingress.Name as ingress.Name for ingress in $ctrl.originalIngresses"
data-cy="k8sAppCreate-ingressPort_{{ $index }}"
>
< option selected disabled hidden value = "" > Select an ingress< / option >
< / select >
< / div >
< span >
< div class = "small mt-5" >
2022-01-16 19:37:46 +00:00
< div ng-messages = "serviceForm['ingress_port_'+$index].$error" >
2022-07-11 02:05:23 +00:00
< p ng-message = "required" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Ingress selection is required.< / p >
2022-01-16 19:37:46 +00:00
< / div >
< / div >
2022-07-11 02:05:23 +00:00
< / span >
< / div >
2022-01-16 19:37:46 +00:00
2022-07-11 02:05:23 +00:00
< div class = "form-group !mx-0 !pl-0 col-sm-3" ng-if = "$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.CLUSTER_IP && $ctrl.ingressType" >
< div class = "input-group input-group-sm" >
< span class = "input-group-addon" > hostname< / span >
< select
class="form-control"
name="hostname_port_{{ $index }}"
ng-model="servicePort.ingress.Host"
required
ng-disabled="$ctrl.originalIngresses.length === 0"
ng-options="host as host for host in ($ctrl.originalIngresses | filter:{ Name: servicePort.ingress.IngressName })[0].Hosts"
data-cy="k8sAppCreate-hostnamePort_{{ $index }}"
>
< option selected disabled hidden value = "" > Select a hostname< / option >
< / select >
< / div >
< span >
< div class = "small mt-1" >
2022-01-16 19:37:46 +00:00
< div ng-messages = "serviceForm['hostname_port_'+$index].$error" >
2022-07-11 02:05:23 +00:00
< p ng-message = "required" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Host is required.< / p >
2022-01-16 19:37:46 +00:00
< / div >
< / div >
2022-07-11 02:05:23 +00:00
< / span >
< / div >
< div class = "form-group !mx-0 !pl-0 col-sm-3 clear-both" ng-if = "$ctrl.serviceType === $ctrl.KubernetesApplicationPublishingTypes.CLUSTER_IP && $ctrl.ingressType" >
< div class = "input-group input-group-sm" >
< span class = "input-group-addon" > route< / span >
< input
class="form-control"
name="ingress_route_{{ $index }}"
ng-model="servicePort.ingress.Path"
placeholder="route"
required
ng-disabled="$ctrl.originalIngresses.length === 0"
ng-pattern="/^(\/?[a-zA-Z0-9]+([a-zA-Z0-9-/_]*[a-zA-Z0-9])?|[a-zA-Z0-9]+)|(\/){1}$/"
data-cy="k8sAppCreate-route_{{ $index }}"
/>
2022-01-16 19:37:46 +00:00
< / div >
2022-07-11 02:05:23 +00:00
< span >
< div class = "small mt-1" >
2022-01-16 19:37:46 +00:00
< div ng-messages = "serviceForm['ingress_route_'+$index].$error" >
2022-07-11 02:05:23 +00:00
< p ng-message = "required" > < pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > Route is required.< / p >
2022-01-16 19:37:46 +00:00
< p ng-message = "pattern"
2022-07-11 02:05:23 +00:00
>< pr-icon icon = "'alert-triangle'" mode = "'warning'" feather = "true" > < / pr-icon > This field must consist of alphanumeric characters or the special characters: '-', '_'
or '/'. It must start and end with an alphanumeric character (e.g. 'my-route', or 'route-123').< /p
2022-01-16 19:37:46 +00:00
>
< / div >
< / div >
2022-07-11 02:05:23 +00:00
< / span >
< / div >
< div class = "form-group !mx-0 !pl-0 col-sm-2" >
< div class = "input-group input-group-sm" >
< div class = "btn-group btn-group-sm" >
< label
class="btn btn-light"
ng-model="servicePort.protocol"
uib-btn-radio="'TCP'"
ng-change="ctrl.onChangePortProtocol($index)"
ng-disabled="ctrl.isProtocolOptionDisabled($index, 'TCP')"
data-cy="k8sAppCreate-TCPButton_{{ $index }}"
>TCP< /label
>
< label
class="btn btn-light"
ng-model="servicePort.protocol"
uib-btn-radio="'UDP'"
ng-change="ctrl.onChangePortProtocol($index)"
ng-disabled="ctrl.isProtocolOptionDisabled($index, 'UDP')"
data-cy="k8sAppCreate-UDPButton_{{ $index }}"
>UDP< /label
>
< / div >
< button
ng-disabled="$ctrl.servicePorts.length === 1"
ng-show="!$ctrl.multiItemDisable"
class="btn btn-sm btn-light btn-only-icon"
type="button"
ng-click="$ctrl.removePort($index)"
data-cy="k8sAppCreate-rmPortButton_{{ $index }}"
>
< pr-icon icon = "'trash-2'" size = "'md'" feather = "true" > < / pr-icon >
< / button >
2022-01-16 19:37:46 +00:00
< / div >
< / div >
< / div >
< / div >
2022-01-27 06:37:46 +00:00
< / ng-form >