71 lines
3.2 KiB
HTML
71 lines
3.2 KiB
HTML
<div ng-controller="ListenerDetailsController as ctrl">
|
|
<h1 translate>Listener Details</h1>
|
|
|
|
<!--content-->
|
|
<div class="content">
|
|
<div translate class="subtitle">Provide the details for the listener.</div>
|
|
|
|
<div class="row form-group">
|
|
|
|
<div class="col-sm-12 col-md-6">
|
|
<div class="form-field listener-name">
|
|
<label translate class="on-top" for="listener-name">Name</label>
|
|
<input name="listener-name" id="listener-name"
|
|
type="text" class="form-control input-sm"
|
|
ng-model="model.spec.listener.name">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-6">
|
|
<div class="form-field listener-description">
|
|
<label translate class="on-top" for="listener-description">Description</label>
|
|
<input name="listener-description" id="listener-description"
|
|
type="text" class="form-control input-sm"
|
|
ng-model="model.spec.listener.description">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row form-group">
|
|
|
|
<div class="col-sm-6 col-md-3">
|
|
<div class="form-field required listener-protocol">
|
|
<label translate class="on-top" for="listener-protocol">Protocol</label>
|
|
<span class="fa fa-exclamation-triangle invalid"
|
|
ng-show="model.certificatesError"
|
|
popover="{$ ::ctrl.certificatesError $}"
|
|
popover-placement="top" popover-append-to-body="true"
|
|
popover-trigger="hover"></span>
|
|
<select class="form-control input-sm" name="listener-protocol" id="listener-protocol"
|
|
ng-model="model.spec.listener.protocol" ng-required="model.context.resource === 'listener'"
|
|
ng-change="ctrl.protocolChange(model.spec.listener.protocol)" ng-disabled="model.context.id">
|
|
<option ng-repeat="protocol in model.listenerProtocols" value="{$ protocol $}"
|
|
ng-disabled="protocol==='TERMINATED_HTTPS' && model.certificatesError">{$ protocol $}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-md-3">
|
|
<div class="form-field required listener-port"
|
|
ng-class="{ 'has-error': listenerDetailForm['listener-port'].$invalid && listenerDetailForm['listener-port'].$dirty }">
|
|
<label translate class="on-top" for="listener-port">Port</label>
|
|
<span class="fa fa-exclamation-triangle invalid"
|
|
ng-show="listenerDetailForm['listener-port'].$invalid && listenerDetailForm.$dirty"
|
|
popover="{$ ::ctrl.portError $}"
|
|
popover-placement="top" popover-append-to-body="true"
|
|
popover-trigger="hover"></span>
|
|
<input name="listener-port" id="listener-port"
|
|
type="number" class="form-control input-sm"
|
|
ng-model="model.spec.listener.port" ng-pattern="/^\d+$/" min="1" max="65535"
|
|
ng-required="model.context.resource === 'listener'"
|
|
ng-disabled="model.context.id">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end content -->
|
|
</div>
|