Add remote logging server
Remote logging enables the user to configure a remote
server to stream out local logs. This feature will be
available on the Event Log page. The user can add a
remote server, edit/change an existing server
configuration and remove/disable the remote server.
Resolves openbmc/phosphor-webui#68
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I8284cbdbdaaf85f5c95f237efc72290c66904b40
diff --git a/app/server-health/directives/remote-logging-server-modal.html b/app/server-health/directives/remote-logging-server-modal.html
new file mode 100644
index 0000000..eba57af
--- /dev/null
+++ b/app/server-health/directives/remote-logging-server-modal.html
@@ -0,0 +1,42 @@
+<div role="dialog" class="uib-modal__content remote-logging-server__modal">
+ <button type="button" class="icon icon__close float-right" ng-click="$close()"></button>
+ <div class="modal-header">
+ <h2 class="modal-title" id="dialog_label">{{activeModalProps.title}}</h2>
+ </div>
+ <form name="form">
+ <div ng-if="activeModal !== 2" class="modal-body">
+ <label for="remoteServerIP">Hostname or IP Address</label>
+ <input id="remoteServerIP" type="text" required name="hostname"
+ ng-model="remoteServerForm.hostname" />
+ <div ng-if="form.hostname.$invalid && form.hostname.$dirty"
+ class="form__validation-message">
+ <span ng-show="form.hostname.$error.required">Field is required</span>
+ </div>
+ <label for="remoteServerPort">Port</label>
+ <p class="label__helper-text">Value must be between 0 – 65535</p>
+ <input id="remoteServerPort" type="number" required name="port"
+ min="0" max="65535" ng-model="remoteServerForm.port"/>
+ <div ng-if="form.port.$invalid && form.port.$dirty"
+ class="form__validation-message">
+ <span ng-show="form.port.$error.required">Field is required</span>
+ <span ng-show="form.port.$error.min || form.port.$error.max">
+ Value must be between 0 – 65535
+ </span>
+ </div>
+ </div>
+ <div ng-if="activeModal === 2" class="modal-body">
+ <p>Are you sure you want to remove remote logging server
+ {{remoteServer.hostname}}?</p>
+ </div>
+ <div class="modal-footer">
+ <button class="button btn-secondary" ng-click="$close()" type="button">
+ Cancel
+ </button>
+ <button class="button btn-primary" type="submit"
+ ng-click="$close(activeModal)" ng-disabled="form.$invalid"
+ ng-class="{'disabled': form.$invalid}">
+ {{activeModalProps.actionLabel}}
+ </button>
+ </div>
+ </form>
+</div>