diff options
author | Iftekharul Islam <iislam@us.ibm.com> | 2017-04-19 14:37:55 -0500 |
---|---|---|
committer | Patrick Williams <patrick@stwcx.xyz> | 2017-09-20 12:41:34 -0500 |
commit | 8b4828a6553a4a9f839fd40cb5dd357cdc435767 (patch) | |
tree | e22d59d3bca0833e248080a2cce7b9f8cda6a898 /app/common/directives/log-event.html | |
parent | cd78950815d9b230f0eaa41a947fcae6d4cbbcb7 (diff) | |
download | phosphor-webui-8b4828a6553a4a9f839fd40cb5dd357cdc435767.tar.gz phosphor-webui-8b4828a6553a4a9f839fd40cb5dd357cdc435767.zip |
Add event log search and filter capabilities
Change-Id: I9dc891e0f1e30abe488d401c57e1cf4f5656c3af
Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
Diffstat (limited to 'app/common/directives/log-event.html')
-rw-r--r-- | app/common/directives/log-event.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/app/common/directives/log-event.html b/app/common/directives/log-event.html new file mode 100644 index 0000000..bf2cc1f --- /dev/null +++ b/app/common/directives/log-event.html @@ -0,0 +1,60 @@ +<div class="row column event-log__single-event" + ng-class="{'active': event.meta, 'selected': event.selected}"> + <div class="row"> + <div class="inline__confirm" ng-class="{active: event.confirm}"> + <div class="inline__confirm-message"> + <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this + event</strong>?</p> + </div> + <div class="inline__confirm-buttons"> + <button class="btn-primary" ng-click="accept()">Yes</button> + <button class="btn-primary" ng-click="event.confirm=false;">No</button> + </div> + </div> + <div class="column small-1 large-2 event-log__col-check"> + <label class="control-check"> + <input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected" + ng-checked="event.selected"/> + <span class="control__indicator"></span> + </label> + </div> + <div class="column small-9 large-9 event-log__event-info" + ng-click="event.meta = ! event.meta"> + <p class="inline event__priority event-resolved" ng-hide="event.Resolved == 0">Resolved</p> + <p class="inline event__priority med-priority" ng-class="{'low-priority': event.priority == 'Low', 'medium-priority': event.priority == 'Medium', 'high-priority': event.priority == 'High'}" ng-hide="event.Resolved == 1">{{event.priority}}</p> + <p class="inline event__severity">{{event.severity_code}}</p> + <p class="inline event__description">{{event.Severity}}</p> + <div> + <p class="inline event__id">#{{event.Id}}</p> + <p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy HH:mm:ss '+tmz: tmz}}</p></div> + </div> + <div class="column small-1 large-1"> + <button class="accord-trigger" ng-class="{'active': event.meta}" + ng-click="event.meta = ! event.meta"></button> + </div> + </div> + <div class="row event__metadata-row" ng-class="{'active': event.meta}"> + <div class="column small-1 large-1 event-log__col-check"> </div> + <div class="column small-11 large-11 end"> + <div class="event__metadata">{{event.additional_data}} + </div> + <div> + <div class="event__actions"> + <button class="btn-meta-copy" clipboard text="event.additional_data" on-copied="copySuccess(event)" on-error="copyfailed(err)"> + <img class="event__icon" src="assets/images/icon-copy.svg" alt=""/><span ng-if="!event.copied">Copy</span><span ng-if="event.copied">Copied</span> + </button> + <button class="btn-delete" ng-click="event.confirm= ! event.confirm"><img + class="event__icon" + src="assets/images/icon-trashcan.svg" + alt=""/>Delete + </button> + <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" alt=""/>Resolved</button> + </div> + <div class="event__related" ng-show="event.related_items.length"> + <p class="inline event__related-label">Related items:</p> + <p class="event__related-item" ng-repeat="item in event.related_items">{{item}}</p> + </div> + </div> + </div> + </div> +</div> |