From da77e5f1441db1e3c12477889231fd3760c4ae6c Mon Sep 17 00:00:00 2001
From: "CITE\\spapacharalampous" <Sofia Papacharalampous>
Date: Wed, 28 Aug 2024 10:16:42 +0300
Subject: [PATCH] fixes on listing actions

---
 .../ui/admin/status/listing/status-listing.component.html | 2 +-
 .../ui/admin/status/listing/status-listing.component.ts   | 5 +++++
 .../listing/description-template-listing.component.ts     | 8 ++++----
 .../description-template-type-listing.component.html      | 2 +-
 .../description-template-type-listing.component.ts        | 4 ++++
 .../language/listing/language-listing.component.html      | 2 +-
 .../admin/language/listing/language-listing.component.ts  | 5 +++++
 .../listing/plan-blueprint-listing.component.html         | 6 +++---
 .../listing/plan-blueprint-listing.component.ts           | 1 +
 .../listing/prefilling-source-listing.component.html      | 2 +-
 .../listing/prefilling-source-listing.component.ts        | 5 +++++
 .../listing/reference-type-listing.component.html         | 2 +-
 .../listing/reference-type-listing.component.ts           | 5 +++++
 .../reference/listing/reference-listing.component.html    | 2 +-
 .../reference/listing/reference-listing.component.ts      | 5 +++++
 .../ui/admin/tenant/listing/tenant-listing.component.html | 2 +-
 .../ui/admin/tenant/listing/tenant-listing.component.ts   | 5 +++++
 .../listing/usage-limit-listing.component.html            | 2 +-
 .../usage-limit/listing/usage-limit-listing.component.ts  | 5 +++++
 .../listing/notification-template-listing.component.html  | 2 +-
 .../listing/notification-template-listing.component.ts    | 5 +++++
 .../notification/notification-listing.component.html      | 2 +-
 .../admin/notification/notification-listing.component.ts  | 5 +++++
 23 files changed, 67 insertions(+), 17 deletions(-)

diff --git a/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.html b/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.html
index adbed7be5..4c77d77f1 100644
--- a/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.html
+++ b/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.html
@@ -74,7 +74,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="!isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.ts b/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.ts
index 50211dc9a..648a2967d 100644
--- a/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.ts
+++ b/frontend/src/annotation-service/ui/admin/status/listing/status-listing.component.ts
@@ -130,6 +130,11 @@ export class StatusListingComponent extends BaseListingComponent<Status, StatusL
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: Status): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.ts b/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.ts
index cedf1a523..1b839e9c2 100644
--- a/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.ts
+++ b/frontend/src/app/ui/admin/description-template/listing/description-template-listing.component.ts
@@ -205,7 +205,7 @@ export class DescriptionTemplateListingComponent extends BaseListingComponent<De
 	}
 
 	public canEdit(descriptionTemplate: DescriptionTemplate): boolean {	
-		return descriptionTemplate.status !== DescriptionTemplateStatus.Finalized && this.hasPermission(AppPermission.EditDescriptionTemplate, descriptionTemplate) && descriptionTemplate.belongsToCurrentTenant;
+		return descriptionTemplate.status !== DescriptionTemplateStatus.Finalized && this.hasPermission(AppPermission.EditDescriptionTemplate, descriptionTemplate) && descriptionTemplate.belongsToCurrentTenant && descriptionTemplate.isActive == IsActive.Active;
 	}
 
 	public canCreateNew(): boolean {
@@ -213,7 +213,7 @@ export class DescriptionTemplateListingComponent extends BaseListingComponent<De
 	}
 
 	public canAddNewVersion(descriptionTemplate: DescriptionTemplate): boolean {	
-		return descriptionTemplate.belongsToCurrentTenant != false && this.canCreateNew();
+		return descriptionTemplate.belongsToCurrentTenant != false && descriptionTemplate.isActive == IsActive.Active && this.canCreateNew();
 	}
 
 	public canClone(descriptionTemplate: DescriptionTemplate): boolean {
@@ -221,7 +221,7 @@ export class DescriptionTemplateListingComponent extends BaseListingComponent<De
 	}
 
 	public canViewVersions(descriptionTemplate: DescriptionTemplate): boolean {
-		return descriptionTemplate.belongsToCurrentTenant != false && this.canCreateNew();
+		return descriptionTemplate.belongsToCurrentTenant != false && descriptionTemplate.isActive == IsActive.Active && this.canCreateNew();
 	}
 
 	public canDownloadXml(descriptionTemplate: DescriptionTemplate): boolean {
@@ -229,7 +229,7 @@ export class DescriptionTemplateListingComponent extends BaseListingComponent<De
 	}
 
 	public canDelete(descriptionTemplate: DescriptionTemplate): boolean {
-		return descriptionTemplate.belongsToCurrentTenant != false && this.hasPermission(AppPermission.DeleteDescriptionTemplate, descriptionTemplate);
+		return descriptionTemplate.belongsToCurrentTenant != false && descriptionTemplate.isActive == IsActive.Active && this.hasPermission(AppPermission.DeleteDescriptionTemplate, descriptionTemplate);
 	}
 
 	private onColumnsChangedInternal(columns: string[]) {
diff --git a/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.html b/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.html
index f3340f393..68ac07dd8 100644
--- a/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.html
+++ b/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.html
@@ -84,7 +84,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="row?.belongsToCurrentTenant && !isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu" *ngIf="!isFinalized(row) || row.belongsToCurrentTenant != false">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.ts b/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.ts
index 043bf2a0d..141068cf5 100644
--- a/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.ts
+++ b/frontend/src/app/ui/admin/description-types/listing/description-template-type-listing.component.ts
@@ -140,6 +140,10 @@ export class DescriptionTemplateTypeListingComponent extends BaseListingComponen
 	// Listing Component functions
 	//
 
+	isDeleted(row: DescriptionTemplateType): boolean {
+		return row?.isActive === IsActive.Inactive;
+}
+
 	isFinalized(item: DescriptionTemplateType): boolean {
 		return item.status === DescriptionTemplateTypeStatus.Finalized
 	}
diff --git a/frontend/src/app/ui/admin/language/listing/language-listing.component.html b/frontend/src/app/ui/admin/language/listing/language-listing.component.html
index c6f01ce25..2a5caa8d8 100644
--- a/frontend/src/app/ui/admin/language/listing/language-listing.component.html
+++ b/frontend/src/app/ui/admin/language/listing/language-listing.component.html
@@ -75,7 +75,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="!isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/app/ui/admin/language/listing/language-listing.component.ts b/frontend/src/app/ui/admin/language/listing/language-listing.component.ts
index 2b819039c..9a9bc557f 100644
--- a/frontend/src/app/ui/admin/language/listing/language-listing.component.ts
+++ b/frontend/src/app/ui/admin/language/listing/language-listing.component.ts
@@ -123,6 +123,11 @@ export class LanguageListingComponent extends BaseListingComponent<Language, Lan
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: Language): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html b/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html
index 6d1e80c19..220115687 100644
--- a/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html
+++ b/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.html
@@ -85,7 +85,7 @@
 				<mat-icon>more_horiz</mat-icon>
 			</button>
 			<mat-menu #actionsMenu="matMenu">
-				<button *ngIf="(row.status != null && row.status === planBlueprintStatuses.Draft)" mat-menu-item [routerLink]="routerUtils.generateUrl(['/plan-blueprints/', row.id])">
+				<button *ngIf="(row.status != null && row.status === planBlueprintStatuses.Draft && row.isActive == isActive.Active)" mat-menu-item [routerLink]="routerUtils.generateUrl(['/plan-blueprints/', row.id])">
 					<mat-icon>edit</mat-icon>{{'PLAN-BLUEPRINT-LISTING.ACTIONS.EDIT' | translate}}
 				</button>
 				<button *ngIf="row.belongsToCurrentTenant != false && (row.status === planBlueprintStatuses.Finalized || row.status == null)" mat-menu-item [routerLink]="routerUtils.generateUrl(['/plan-blueprints/new-version/', row.id])">
@@ -94,14 +94,14 @@
 				<button mat-menu-item [routerLink]="routerUtils.generateUrl(['/plan-blueprints/clone/', row.id])">
 					<mat-icon>content_copy</mat-icon>{{'PLAN-BLUEPRINT-LISTING.ACTIONS.CLONE' | translate}}
 				</button>
-				<button mat-menu-item [routerLink]="routerUtils.generateUrl(['/plan-blueprints/versions/', row.groupId])">
+				<button *ngIf="row.isActive == isActive.Active" mat-menu-item [routerLink]="routerUtils.generateUrl(['/plan-blueprints/versions/', row.groupId])">
 					<mat-icon>library_books</mat-icon>
 					{{'PLAN-BLUEPRINT-LISTING.ACTIONS.VIEW-VERSIONS' | translate}}
 				</button>
 				<button mat-menu-item (click)="export($event, row.id)">
 					<mat-icon>download</mat-icon>{{'PLAN-BLUEPRINT-LISTING.ACTIONS.DOWNLOAD-XML' | translate}}
 				</button>
-				<button *ngIf="row.belongsToCurrentTenant != false" mat-menu-item (click)="delete(row.id)">
+				<button *ngIf="row.belongsToCurrentTenant != false && row.isActive == isActive.Active" mat-menu-item (click)="delete(row.id)">
 					<mat-icon>delete</mat-icon>
 					{{'PLAN-BLUEPRINT-LISTING.ACTIONS.DELETE' | translate}}
 				</button>
diff --git a/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.ts b/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.ts
index 3c88fc88e..2ff2abf88 100644
--- a/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.ts
+++ b/frontend/src/app/ui/admin/plan-blueprint/listing/plan-blueprint-listing.component.ts
@@ -42,6 +42,7 @@ export class PlanBlueprintListingComponent extends BaseListingComponent<PlanBlue
 	userSettingsKey = { key: 'PlanBlueprintListingUserSettings' };
 	propertiesAvailableForOrder: ColumnDefinition[];
 	planBlueprintStatuses = PlanBlueprintStatus;
+	isActive = IsActive;
 	mode;
 
 	@ViewChild('planBlueprintStatus', { static: true }) planBlueprintStatus?: TemplateRef<any>;
diff --git a/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.html b/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.html
index d3d43b8ab..7a2300815 100644
--- a/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.html
+++ b/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.html
@@ -77,7 +77,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="row?.belongsToCurrentTenant && !isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.ts b/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.ts
index 3195c4a97..ab89eccde 100644
--- a/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.ts
+++ b/frontend/src/app/ui/admin/prefilling-source/listing/prefilling-source-listing.component.ts
@@ -128,6 +128,11 @@ export class PrefillingSourceListingComponent extends BaseListingComponent<Prefi
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: PrefillingSource): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.html b/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.html
index 9489c4ef1..341291fc3 100644
--- a/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.html
+++ b/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.html
@@ -78,7 +78,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="row?.belongsToCurrentTenant && !isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.ts b/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.ts
index da50ea322..eae23c267 100644
--- a/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.ts
+++ b/frontend/src/app/ui/admin/reference-type/listing/reference-type-listing.component.ts
@@ -128,6 +128,11 @@ export class ReferenceTypeListingComponent extends BaseListingComponent<Referenc
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: ReferenceType): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/app/ui/admin/reference/listing/reference-listing.component.html b/frontend/src/app/ui/admin/reference/listing/reference-listing.component.html
index e4a1cad95..36ee11e21 100644
--- a/frontend/src/app/ui/admin/reference/listing/reference-listing.component.html
+++ b/frontend/src/app/ui/admin/reference/listing/reference-listing.component.html
@@ -99,7 +99,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="row?.belongsToCurrentTenant && !isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/app/ui/admin/reference/listing/reference-listing.component.ts b/frontend/src/app/ui/admin/reference/listing/reference-listing.component.ts
index 9ff3c1f43..fbd3e6ef2 100644
--- a/frontend/src/app/ui/admin/reference/listing/reference-listing.component.ts
+++ b/frontend/src/app/ui/admin/reference/listing/reference-listing.component.ts
@@ -147,6 +147,11 @@ export class ReferenceListingComponent extends BaseListingComponent<Reference, R
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: Reference): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.html b/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.html
index 5b6f34a20..58efd7095 100644
--- a/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.html
+++ b/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.html
@@ -78,7 +78,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="!isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.ts b/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.ts
index e0e03b55b..5e6081383 100644
--- a/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.ts
+++ b/frontend/src/app/ui/admin/tenant/listing/tenant-listing.component.ts
@@ -127,6 +127,11 @@ export class TenantListingComponent extends BaseListingComponent<Tenant, TenantL
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: Tenant): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.html b/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.html
index 577a8addb..4dc85e49e 100644
--- a/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.html
+++ b/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.html
@@ -78,7 +78,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="row?.belongsToCurrentTenant && !isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.ts b/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.ts
index d196000f1..b04b549a4 100644
--- a/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.ts
+++ b/frontend/src/app/ui/admin/usage-limit/listing/usage-limit-listing.component.ts
@@ -137,6 +137,11 @@ export class UsageLimitListingComponent extends BaseListingComponent<UsageLimit,
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: UsageLimit): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.html b/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.html
index 1464b43c1..5258d527f 100644
--- a/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.html
+++ b/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.html
@@ -92,7 +92,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="!isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.ts b/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.ts
index 9bb602f7d..4c3432a92 100644
--- a/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.ts
+++ b/frontend/src/notification-service/ui/admin/notification-template/listing/notification-template-listing.component.ts
@@ -141,6 +141,11 @@ export class NotificationTemplateListingComponent extends BaseListingComponent<N
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: NotificationTemplate): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));
diff --git a/frontend/src/notification-service/ui/admin/notification/notification-listing.component.html b/frontend/src/notification-service/ui/admin/notification/notification-listing.component.html
index be71eb7dd..ac017bbf9 100644
--- a/frontend/src/notification-service/ui/admin/notification/notification-listing.component.html
+++ b/frontend/src/notification-service/ui/admin/notification/notification-listing.component.html
@@ -80,7 +80,7 @@
 </ng-template>
 
 <ng-template #actions let-row="row" let-item>
-	<div class="row" (click)="$event.stopPropagation()">
+	<div *ngIf="!isDeleted(row)" class="row" (click)="$event.stopPropagation()">
 		<div class="col-auto">
 			<button mat-icon-button [matMenuTriggerFor]="actionsMenu">
 				<mat-icon>more_horiz</mat-icon>
diff --git a/frontend/src/notification-service/ui/admin/notification/notification-listing.component.ts b/frontend/src/notification-service/ui/admin/notification/notification-listing.component.ts
index 8938ec5a2..c37797ea1 100644
--- a/frontend/src/notification-service/ui/admin/notification/notification-listing.component.ts
+++ b/frontend/src/notification-service/ui/admin/notification/notification-listing.component.ts
@@ -181,6 +181,11 @@ export class NotificationListingComponent extends BaseListingComponent<Notificat
 	//
 	// Listing Component functions
 	//
+
+	isDeleted(row: Notification): boolean {
+		return row?.isActive === IsActive.Inactive;
+	}
+
 	onColumnsChanged(event: ColumnsChangedEvent) {
 		super.onColumnsChanged(event);
 		this.onColumnsChangedInternal(event.properties.map(x => x.toString()));