feat(console): events (#5092)

Shows the list of events on instance level

console/src/app/modules/paginator/paginator.component.html

@@ -26,4 +26,10 @@
       {{ 'PAGINATOR.NEXT' | translate }}
     </button>
   </div>
+
+  <div class="row" *ngIf="showMoreButton">
+    <button (click)="moreRequested.emit()" mat-stroked-button [disabled]="disableShowMore">
+      {{ 'PAGINATOR.MORE' | translate }}
+    </button>
+  </div>
 </div>

console/src/app/modules/paginator/paginator.component.ts

@@ -1,4 +1,5 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { EventManager } from '@angular/platform-browser';
 import { Timestamp } from 'src/app/proto/generated/google/protobuf/timestamp_pb';
 
 export interface PageEvent {
@@ -20,6 +21,9 @@ export class PaginatorComponent {
   @Input() public pageIndex: number = 0;
   @Input() public pageSizeOptions: Array<number> = [10, 25, 50];
   @Input() public hidePagination: boolean = false;
+  @Input() public showMoreButton: boolean = false;
+  @Input() public disableShowMore: boolean | null = false;
+  @Output() public moreRequested: EventEmitter<void> = new EventEmitter();
   @Output() public page: EventEmitter<PageEvent> = new EventEmitter();
   constructor() {}