init dashboard

service/app-hub/dashboard/src/app/pages/ticket-system/ticket-lane/ticket-lane.component.html

@@ -0,0 +1,37 @@
+<!-- Key Figures -->
+<dks-ticket-lane-header
+  class="shadow"
+  [state]="ticketState"
+  (filterChange)="filterChanged($event)"
+></dks-ticket-lane-header>
+<ng-container *ngIf="tickets$ | async as tickets">
+  <cdk-virtual-scroll-viewport
+    itemSize="104"
+    (scrolledIndexChange)="fetchNextPage()"
+  >
+    <dks-ticket-item
+      *cdkVirtualFor="let ticket of tickets; trackBy: trackByFn"
+      class="mat-elevation-z4 animate-fadeIn"
+      (click)="openTicketView(ticket)"
+      [ticket]="ticket"
+    >
+    </dks-ticket-item>
+  </cdk-virtual-scroll-viewport>
+  <ng-container *ngIf="ticketStateMeta$ | async as ticketStateMeta">
+    <dks-ticket-lane-footer
+      *dksRole="['manager', 'admin']"
+      [ticketStateMeta]="ticketStateMeta"
+      [withTicketCount]="true"
+      [withApprovalRequiredCount]="
+        ticketState === TicketState.UserInteractionRequired
+      "
+      [withApprovalUnknownCount]="
+        ticketState === TicketState.UserInteractionRequired
+      "
+    ></dks-ticket-lane-footer>
+    <dks-ticket-lane-footer
+      *dksRole="['controlcenter']"
+      [ticketStateMeta]="ticketStateMeta"
+    ></dks-ticket-lane-footer
+  ></ng-container>
+</ng-container>