OZG-4994 OZG-5078 add navi element with number of Vorgänge with unread messages

alfa-client/libs/vorgang-shared/src/lib/+state/vorgang.reducer.ts

@@ -143,6 +143,7 @@ function createEmptyVorgangStatistic(): VorgangStatistic {
     },
     wiedervorlagen: null,
     existsWiedervorlageOverdue: false,
+    ungeleseneNachrichten: 0,
   };
 }
 

alfa-client/libs/vorgang-shared/src/lib/vorgang.model.ts

@@ -109,6 +109,7 @@ export interface VorgangStatistic {
   byStatus: ByStatus;
   wiedervorlagen: number;
   existsWiedervorlageOverdue: boolean;
+  ungeleseneNachrichten: number;
 }
 
 export interface ByStatus {
@@ -163,6 +164,7 @@ export enum VorgangView {
   WIEDERVORLAGEN,
   SEARCH,
   ZU_LOESCHEN,
+  UNGELESENE_NACHRICHTEN,
 }
 
 export interface StatusCommandMap {

alfa-client/libs/vorgang-shared/test/vorgang.ts

@@ -145,6 +145,7 @@ export function createVorgangStatistic(): VorgangStatistic {
     byStatus: createByStatus(),
     wiedervorlagen: faker.datatype.number(),
     existsWiedervorlageOverdue: false,
+    ungeleseneNachrichten: faker.datatype.number(),
   };
 }
 

alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-views-menu/vorgang-views-menu.component.html

@@ -130,6 +130,15 @@
     >
       <div class="dot zu-loeschen"></div>
     </alfa-vorgang-view-item-container>
+    <alfa-vorgang-view-item-container
+      data-test-id="vorgang-ungelesene-nachrichten-view"
+      label="Ungelesen"
+      [view]="vorgangView.UNGELESENE_NACHRICHTEN"
+      [count]="statistic.ungeleseneNachrichten"
+      class="top-border"
+    >
+      <ozgcloud-postfach-icon [showBadge]="true"></ozgcloud-postfach-icon>
+    </alfa-vorgang-view-item-container>
     <alfa-vorgang-view-item-container
       *ngIf="
         apiRootResource
@@ -142,7 +151,6 @@
       label="Wiedervorlagen"
       [view]="vorgangView.WIEDERVORLAGEN"
       [count]="statistic.wiedervorlagen"
-      class="top-border"
     >
       <alfa-wiedervorlage-icon
         [isOverdue]="statistic.existsWiedervorlageOverdue"

alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-views-menu/vorgang-views-menu.component.scss

@@ -70,6 +70,7 @@ body.dark :host {
   }
 }
 
-ozgcloud-icon {
+ozgcloud-icon,
+ozgcloud-postfach-icon {
   margin-right: 6px;
 }