events/events.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | c8y-events |
| imports |
C8yTranslatePipe
|
| templateUrl | ./events.component.html |
No results matching.
<c8y-title>{{ TITLE | translate }}</c8y-title>
<c8y-help
src="/docs/device-management-application/monitoring-and-controlling-devices/#troubleshooting-devices"
></c8y-help>
<c8y-action-bar-item
[placement]="'left'"
itemClass="navbar-form"
>
<c8y-events-type-filter
[events]="events()"
(onFilterChanged)="applyTypeFilter($event)"
/>
</c8y-action-bar-item>
<c8y-action-bar-item
[placement]="'left'"
itemClass="navbar-form"
>
<c8y-events-date-filter (dateFilterChange)="applyDateFilter($event)" />
</c8y-action-bar-item>
<c8y-sv [resizableConfig]="{ trackId: 'events-split-view', collapsible: false }">
<c8y-events-list
[events]="events()"
[isLoading]="isLoading()"
(onScrollingStateChange)="onScrollingStateChange($event)"
(onPreviewStateChange)="onPreviewStateChange($event)"
(onSelectedEvent)="onEventSelected()"
>
<c8y-events-interval-refresh
[isLoading]="isLoading()"
[isIntervalToggleEnabled]="shouldShowIntervalToggle()"
(onCountdownEnded)="refresh()"
/>
</c8y-events-list>
<c8y-sv-details
emptyStateIcon="online1"
[emptyStateTitle]="'No event selected' | translate"
[emptyStateSubtitle]="'Select an event from the list to view its details.' | translate"
>
<router-outlet />
</c8y-sv-details>
</c8y-sv>