Misc event log changes
* changed styles of priority tags
* fixed alignment issues with checkboxes
* moved event ID and time stamp to top and event description
below. Allows more room for long event descriptions without
wrapping or truncating.
* changed status filter label to be more accurate
Change-Id: I471bc480cfc1ab1b58753e21546f3b862a287c58
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/directives/log-event.html b/app/common/directives/log-event.html
index 18aa8b3..7d9ab4d 100644
--- a/app/common/directives/log-event.html
+++ b/app/common/directives/log-event.html
@@ -15,24 +15,24 @@
<label class="control-check">
<input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected"
ng-checked="event.selected"/>
- <div class="control__indicator"></div>
+ <span class="control__indicator"></span>
</label>
</div>
- <div class="column small-9 large-9 event-log__event-info"
+ <div class="column small-9 large-10 event-log__event-info"
ng-click="event.meta = ! event.meta">
+ <p class="inline event__id">#{{event.Id}}</p>
<p class="inline event__priority event-resolved" ng-hide="event.Resolved == 0">Resolved</p>
- <p class="inline event__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>
+ <p class="inline event__priority" ng-class="{'low-priority': event.priority == 'Low', 'medium-priority': event.priority == 'Medium', 'high-priority': event.priority == 'High'}">{{event.priority}}</p>
+ <p class="inline event__severity" ng-class="{'low-priority': event.priority == 'Low', 'medium-priority': event.priority == 'Medium', 'high-priority': event.priority == 'High'}">{{event.severity_code}}</p>
+ <p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy HH:mm:ss '+tmz: tmz}}</p></div>
<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>
+ <p class="inline event__description">{{event.Severity}}</p>
+ </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>
<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">