diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-05-24 14:33:56 -0500 |
---|---|---|
committer | Gunnar Mills <gmills@us.ibm.com> | 2019-06-21 14:29:40 +0000 |
commit | e4194ce0dc8a941c4f30fd0995f9ba4c13cec560 (patch) | |
tree | 15887d0e4061b7dec40991f2f2fb8a590d9835af /app/server-health/directives/remote-logging-server-modal.html | |
parent | e4ae854c217344b4f35717e922083a253f43bfa0 (diff) | |
download | phosphor-webui-e4194ce0dc8a941c4f30fd0995f9ba4c13cec560.tar.gz phosphor-webui-e4194ce0dc8a941c4f30fd0995f9ba4c13cec560.zip |
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
Diffstat (limited to 'app/server-health/directives/remote-logging-server-modal.html')
-rw-r--r-- | app/server-health/directives/remote-logging-server-modal.html | 42 |
1 files changed, 42 insertions, 0 deletions
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> |