1<div role="dialog" class="uib-modal__content  remote-logging-server__modal">
2  <button type="button" class="btn  btn--close  float-right" ng-click="$close()">
3    <icon file="icon-close.svg"></icon>
4  </button>
5  <div class="modal-header">
6    <h2 class="modal-title" id="dialog_label">{{activeModalProps.title}}</h2>
7  </div>
8  <form name="form">
9    <div ng-if="activeModal !== 2" class="modal-body">
10      <label for="remoteServerIP">Hostname or IP Address</label>
11      <input id="remoteServerIP" type="text" required name="hostname"
12        ng-model="remoteServerForm.hostname" />
13      <div ng-if="form.hostname.$invalid && form.hostname.$dirty"
14        class="form__validation-message">
15        <span ng-show="form.hostname.$error.required">Field is required</span>
16      </div>
17      <label for="remoteServerPort">Port</label>
18      <p class="label__helper-text">Value must be between 0 – 65535</p>
19      <input id="remoteServerPort" type="number" required name="port"
20        min="0" max="65535" ng-model="remoteServerForm.port"/>
21      <div ng-if="form.port.$invalid && form.port.$dirty"
22        class="form__validation-message">
23        <span ng-show="form.port.$error.required">Field is required</span>
24        <span ng-show="form.port.$error.min || form.port.$error.max">
25          Value must be between 0 – 65535
26        </span>
27      </div>
28    </div>
29    <div ng-if="activeModal === 2" class="modal-body">
30      <p>Are you sure you want to remove remote logging server
31      {{remoteServer.hostname}}?</p>
32    </div>
33    <div class="modal-footer">
34      <button class="btn btn-secondary" ng-click="$close()" type="button">
35        Cancel
36      </button>
37      <button class="btn btn-primary" type="submit"
38        ng-click="$close(activeModal)" ng-disabled="form.$invalid"
39        ng-class="{'disabled': form.$invalid}">
40        {{activeModalProps.actionLabel}}
41      </button>
42    </div>
43  </form>
44</div>
45