Merge pull request #43958 from rhcs-dashboard/daemon-event-padding

mgr/dashboard: Daemon Events listing using bootstrap class

Reviewed-by: Aashish Sharma <aasharma@redhat.com>
Reviewed-by: Avan Thakkar <athakkar@redhat.com>
Reviewed-by: Ernesto Puerta <epuertat@redhat.com>
Reviewed-by: Nizamudeen A <nia@redhat.com>
This commit is contained in:
Ernesto Puerta 2021-11-22 19:43:11 +01:00 committed by GitHub
commit 7a5c906c9a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 14 deletions

View File

@ -57,23 +57,26 @@
<ng-template #listTpl
let-events="value">
<div *ngIf="events.length == 0 || events == undefined">
<span>No data available</span>
</div>
<div *ngIf="events.length != 0 && events != undefined"
class="ul-margin">
<ul *ngFor="let event of events; trackBy:trackByFn">
<li><b>{{ event.created | relativeDate }} - </b>
<ul class="list-group list-group-flush"
*ngIf="events?.length else noEventsAvailable">
<li class="list-group-item"
*ngFor="let event of events; trackBy:trackByFn">
<b>{{ event.created | relativeDate }} - </b>
<span class="badge badge-info">{{ event.subject }}</span><br>
<span *ngIf="event.level == 'INFO'">
<span *ngIf="event.level === 'INFO'">
<i [ngClass]="[icons.infoCircle]"
aria-hidden="true"></i>
</span>
<span *ngIf="event.level == 'ERROR'">
<span *ngIf="event.level === 'ERROR'">
<i [ngClass]="[icons.warning]"
aria-hidden="true"></i>
</span>
{{ event.message }}</li>
</ul>
</div>
{{ event.message }}
</li>
</ul>
<ng-template #noEventsAvailable>
<div *ngIf="events?.length === 0">
<span>No data available</span>
</div>
</ng-template>
</ng-template>

View File

@ -8,6 +8,7 @@
color: vv.$danger;
}
.ul-margin {
margin-left: -30px;
.list-group-item {
background-color: transparent;
border-width: 0;
}