Add activity count to delete menu and confirmation dialog

libs/ui/src/lib/activities-table/activities-table.component.html

@@ -84,14 +84,19 @@
         <button
           class="align-items-center d-flex"
           mat-menu-item
-          [disabled]="
+          [disabled]="!canDeleteActivities()"
-            dataSource()?.data.length === 0 || !hasPermissionToDeleteActivity
-          "
           (click)="onDeleteActivities()"
         >
           <span class="align-items-center d-flex">
             <ion-icon class="mr-2" name="trash-outline" />
+            @if (canDeleteActivities()) {
+              <span i18n
+                >Delete {{ totalItems > 1 ? totalItems : '' }}
+                {totalItems, plural, =1 {Activity} other {Activities}}</span
+              >
+            } @else {
               <span i18n>Delete Activities</span>
+            }
           </span>
         </button>
       </mat-menu>

libs/ui/src/lib/activities-table/activities-table.component.ts

@@ -282,6 +282,12 @@ export class GfActivitiesTableComponent implements AfterViewInit, OnInit {
     );
   }
 
+  public canDeleteActivities() {
+    return (
+      this.hasPermissionToDeleteActivity && this.dataSource()?.data.length !== 0
+    );
+  }
+
   public isExcludedFromAnalysis(activity: Activity) {
     return (
       (activity.account && isAccountExcluded(activity.account)) ??
@@ -314,7 +320,10 @@ export class GfActivitiesTableComponent implements AfterViewInit, OnInit {
         this.activitiesDeleted.emit();
       },
       confirmType: ConfirmationDialogType.Warn,
-      title: $localize`Do you really want to delete these activities?`
+      title:
+        this.totalItems === 1
+          ? $localize`Do you really want to delete this activity?`
+          : $localize`Do you really want to delete these ${this.totalItems}:count: activities?`
     });
   }