From eb2d99933666408d352394c06c169b9f7a7e5c5a Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Wed, 22 Oct 2025 18:34:35 +0600
Subject: [PATCH 1/8] added pinned action and action template

---
 .../backend-configuration-pn.module.ts        |   4 +
 .../properties-table.component.html           | 111 ++++++++++--------
 .../properties-table.component.ts             |  20 +++-
 3 files changed, 80 insertions(+), 55 deletions(-)

diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/backend-configuration-pn.module.ts b/eform-client/src/app/plugins/modules/backend-configuration-pn/backend-configuration-pn.module.ts
index 0d1c366b4..3f4bd5525 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/backend-configuration-pn.module.ts
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/backend-configuration-pn.module.ts
@@ -60,6 +60,7 @@ import {
   taskWizardReducer,
   taskWorkerAssignmentReducer,
 } from './state';
+import {MatMenu, MatMenuItem, MatMenuTrigger} from "@angular/material/menu";
 
 
 @NgModule({
@@ -103,6 +104,9 @@ import {
       taskWizardState: taskWizardReducer,
       taskWorkerAssignmentState: taskWorkerAssignmentReducer,
     },),
+    MatMenu,
+    MatMenuTrigger,
+    MatMenuItem,
   ],
   declarations: [
     BackendConfigurationPnLayoutComponent,
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
index 077ea44a5..324e22091 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
@@ -30,23 +30,23 @@
   (sortChange)="sortTable($event)">
 </mtx-grid>
 <ng-template #idTpl let-row let-i="index">
-  <div class="propertyId" id="propertyId-{{i}}">{{row.id}}</div>
+  <div class="propertyId" id="propertyId-{{i}}">{{ row.id }}</div>
 </ng-template>
 
 <ng-template #propertyNameTpl let-row let-i="index">
-  <div class="propertyName" id="propertyName-{{i}}">{{row.name}}</div>
+  <div class="propertyName" id="propertyName-{{i}}">{{ row.name }}</div>
 </ng-template>
 
 <ng-template #cvrTpl let-row let-i="index">
-  <div class="propertyCVR" id="propertyCVR-{{i}}">{{row.cvr}}</div>
+  <div class="propertyCVR" id="propertyCVR-{{i}}">{{ row.cvr }}</div>
 </ng-template>
 
 <ng-template #chrTpl let-row let-i="index">
-  <div class="propertyCHR" id="propertyCHR-{{i}}">{{row.chr}}</div>
+  <div class="propertyCHR" id="propertyCHR-{{i}}">{{ row.chr }}</div>
 </ng-template>
 
 <ng-template #addressTpl let-row let-i="index">
-  <div class="propertyAddress" id="propertyAddress-{{i}}">{{row.address}}</div>
+  <div class="propertyAddress" id="propertyAddress-{{i}}">{{ row.address }}</div>
 </ng-template>
 
 
@@ -63,51 +63,58 @@
   </button>
 </ng-template>
 
-<ng-template #actionsTpl let-row let-i=index>
-  <button
-    mat-icon-button
-    id="showPropertyAreasBtn-{{i}}"
-    matTooltip="{{ 'View areas' | translate }}"
-    [routerLink]="'../property-areas/' + row.id"
-    [disabled]="!row.isWorkersAssigned"
-  >
-    <mat-icon>home_repair_service</mat-icon>
-  </button>
-<!--  <button-->
-<!--    *ngIf="authStateService.isAdmin"-->
-<!--    mat-icon-button-->
-<!--    id="docxReportBtn-{{i}}"-->
-<!--    matTooltip="{{ 'Select report' | translate }}"-->
-<!--    (click)="onShowDocxReportModal(row.id)"-->
-<!--  >-->
-<!--    <mat-icon [svgIcon]="'file-word'"></mat-icon>-->
-<!--  </button>-->
-  <button
-    *ngIf="row.workorderEnable"
-    mat-icon-button
-    id="updateEntityList-{{i}}"
-    (click)="onShowEditEntityListModal(row)"
-    matTooltip="{{ 'Edit list of areas for task management' | translate }}"
-  >
-    <mat-icon>list</mat-icon>
-  </button>
-  <button
-    mat-icon-button
-    id="editPropertyBtn-{{i}}"
-    matTooltip="{{ 'Edit property' | translate }}"
-    (click)="onShowEditPropertyModal(row)"
-    [disabled]="!authStateService.checkClaim('property_edit') && (selectAuthIsAdmin$ | async) !== true"
-  >
-    <mat-icon>edit</mat-icon>
-  </button>
-  <button
-    mat-icon-button
-    color="warn"
-    id="deletePropertyBtn-{{i}}"
-    matTooltip="{{ 'Delete property' | translate }}"
-    (click)="onShowDeletePropertyModal(row)"
-    [disabled]="!authStateService.checkClaim('property_delete') && (selectAuthIsAdmin$ | async) !== true"
-  >
-    <mat-icon>delete</mat-icon>
-  </button>
+<ng-template #actionsTpl let-row let-i="index">
+  <div class="property-actions" id="property-actions-{{i}}">
+    <button mat-icon-button [matMenuTriggerFor]="menu">
+      <mat-icon>more_vert</mat-icon>
+    </button>
+    <mat-menu #menu="matMenu">
+      <button
+        mat-menu-item
+        id="showPropertyAreasBtn-{{i}}"
+        [routerLink]="'../property-areas/' + row.id"
+        [disabled]="!row.isWorkersAssigned"
+      >
+        <mat-icon>home_repair_service</mat-icon>
+        <span>{{ 'View areas' | translate }}</span>
+      </button>
+      <!--  <button-->
+      <!--    *ngIf="authStateService.isAdmin"-->
+      <!--    mat-icon-button-->
+      <!--    id="docxReportBtn-{{i}}"-->
+      <!--    matTooltip="{{ 'Select report' | translate }}"-->
+      <!--    (click)="onShowDocxReportModal(row.id)"-->
+      <!--  >-->
+      <!--    <mat-icon [svgIcon]="'file-word'"></mat-icon>-->
+      <!--  </button>-->
+      <button
+        *ngIf="row.workorderEnable"
+        mat-menu-item
+        id="updateEntityList-{{i}}"
+        (click)="onShowEditEntityListModal(row)"
+      >
+        <mat-icon>list</mat-icon>
+        <span>{{ 'Edit list of areas for task management' | translate }}</span>
+      </button>
+      <button
+        mat-menu-item
+        id="editPropertyBtn-{{i}}"
+        (click)="onShowEditPropertyModal(row)"
+        [disabled]="!authStateService.checkClaim('property_edit') && (selectAuthIsAdmin$ | async) !== true"
+      >
+        <mat-icon>edit</mat-icon>
+        <span>{{ 'Edit property' | translate }}</span>
+      </button>
+      <button
+        mat-menu-item
+        color="warn"
+        id="deletePropertyBtn-{{i}}"
+        (click)="onShowDeletePropertyModal(row)"
+        [disabled]="!authStateService.checkClaim('property_delete') && (selectAuthIsAdmin$ | async) !== true"
+      >
+        <mat-icon color="warn">delete</mat-icon>
+        <span>{{ 'Delete property' | translate }}</span>
+      </button>
+    </mat-menu>
+  </div>
 </ng-template>
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.ts b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.ts
index 3753fa3c8..457bb3f56 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.ts
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.ts
@@ -31,8 +31,9 @@ export class PropertiesTableComponent implements OnInit {
   @Input() nameSearchSubject = new Subject();
   @Input() propertiesModel: Paged<PropertyModel> = new Paged<PropertyModel>();
 
-  @Input() tableHeaders: MtxGridColumn[];
-  @Input() adminTableHeaders: MtxGridColumn[];
+  @Input() tableHeaders: MtxGridColumn[] = [];
+  @Input() adminTableHeaders: MtxGridColumn[] = [];
+
   @Output()
   showEditPropertyModal: EventEmitter<PropertyModel> = new EventEmitter<PropertyModel>();
   @Output()
@@ -68,7 +69,20 @@ export class PropertiesTableComponent implements OnInit {
     iconRegistry.addSvgIconLiteral('file-word', sanitizer.bypassSecurityTrustHtml(WordIcon));
   }
 
-  ngOnInit(): void { }
+  ngOnInit(): void {
+    this.tableHeaders = [
+      { header: 'ID', field: 'id', sortable: true },
+      { header: 'Name', field: 'name', sortable: true },
+      { header: 'CVR', field: 'cvr', sortable: true  },
+      { header: 'CHR', field: 'chr', sortable: true  },
+      { header: 'Address', field: 'address', sortable: true  },
+      { header: 'Compliance', field: 'compliance' },
+      { header: 'Actions', field: 'actions', pinned: 'right'},
+    ];
+
+    this.adminTableHeaders = [...this.tableHeaders];
+
+  }
 
   onShowDeletePropertyModal(propertyModel: PropertyModel) {
     this.showDeletePropertyModal.emit(propertyModel);

From 37e0b4e2930dfb750b3bb431b3716af939183dbd Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Thu, 23 Oct 2025 17:23:19 +0600
Subject: [PATCH 2/8] added action menu design to documents, property worker
 and task-qizaed page

---
 .../documents-table.component.html            | 33 +++++++++-
 .../documents-table.component.ts              | 28 +--------
 .../modules/documents/documents.module.ts     | 54 ++++++++--------
 .../property-worker-table.component.html      | 61 +++++++++++--------
 .../task-wizard-table.component.html          | 43 ++++++++++++-
 .../task-wizard-table.component.ts            | 38 +-----------
 .../modules/task-wizard/task-wizard.module.ts |  4 ++
 7 files changed, 143 insertions(+), 118 deletions(-)

diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html
index d6067d062..89f8b199d 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html
@@ -3,7 +3,8 @@
   [columns]="tableHeaders"
   [cellTemplate]="{
     status: statusTpl,
-    documentProperties: documentPropertiesTpl
+    documentProperties: documentPropertiesTpl,
+    actions: actionsTpl
   }"
   [showPaginator]="false"
   [pageOnFront]="false"
@@ -57,3 +58,33 @@
     </mat-chip>
   </div>
 </ng-template>
+
+<ng-template #actionsTpl let-row let-i="index">
+  <div class="document-actions" id="document-actions-{{i}}">
+    <button mat-icon-button [matMenuTriggerFor]="menu">
+      <mat-icon>more_vert</mat-icon>
+    </button>
+
+    <mat-menu #menu="matMenu">
+      <button
+        *ngIf="row.isLocked === false"
+        mat-menu-item
+        id="editDocumentBtn-{{i}}"
+        (click)="onShowEditDocumentModal(row)"
+      >
+        <mat-icon>edit</mat-icon>
+        <span>{{ 'Edit document' | translate }}</span>
+      </button>
+
+      <button
+        *ngIf="row.isLocked === false"
+        mat-menu-item
+        id="deleteDocumentBtn-{{i}}"
+        (click)="onOpenDeleteModal(row)"
+      >
+        <mat-icon color="warn">delete</mat-icon>
+        <span>{{ 'Delete document' | translate }}</span>
+      </button>
+    </mat-menu>
+  </div>
+</ng-template>
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.ts b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.ts
index 5f9a2b039..ced90f966 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.ts
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.ts
@@ -70,33 +70,7 @@ export class DocumentsTableComponent implements OnInit, OnDestroy {
       // formatter: (document: DocumentModel) => this.translateService.instant(document.status ? 'ON' : 'OFF'),
       sortable: true, sortProp: {id: 'Status'}
     },
-    {
-      field: 'actions',
-      header: this.translateService.stream('Actions'),
-      type: 'button',
-      width: '160px',
-      pinned: 'right',
-      right: '0px',
-      buttons: [
-        {
-          type: 'icon',
-          icon: 'edit',
-          tooltip: this.translateService.stream('Edit document'),
-          iif: (document: DocumentModel) => document.isLocked === false,
-          click: (document: DocumentModel) => this.onShowEditDocumentModal(document),
-          class: 'editDocumentBtn',
-        },
-        {
-          color: 'warn',
-          type: 'icon',
-          icon: 'delete',
-          tooltip: this.translateService.stream('Delete document'),
-          iif: (document: DocumentModel) => document.isLocked === false,
-          click: (document: DocumentModel) => this.onOpenDeleteModal(document),
-          class: 'deleteDocumentBtn',
-        },
-      ],
-    },
+    { field: 'actions', header: this.translateService.stream('Actions'), pinned: 'right' }
   ];
   @Input() documents: DocumentModel[] = [];
   @Input() folders: DocumentSimpleFolderModel[] = [];
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/documents.module.ts b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/documents.module.ts
index 1edbbb7f7..c9fdc0b69 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/documents.module.ts
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/documents.module.ts
@@ -33,6 +33,7 @@ import {MtxCheckboxGroupModule} from '@ng-matero/extensions/checkbox-group';
 import {MatDatepickerModule} from '@angular/material/datepicker';
 import {StatisticsModule} from '../statistics/statistics.module';
 import {MatChip} from "@angular/material/chips";
+import {MatMenu, MatMenuItem, MatMenuTrigger} from "@angular/material/menu";
 
 @NgModule({
   declarations: [
@@ -47,31 +48,34 @@ import {MatChip} from "@angular/material/chips";
     DocumentsDocumentEditComponent,
     DocumentsDocumentDeleteComponent
   ],
-    imports: [
-        CommonModule,
-        TranslateModule,
-        RouterModule,
-        DocumentsRouting,
-        EformSharedModule,
-        ReactiveFormsModule,
-        EformImportedModule,
-        FormsModule,
-        MatButtonModule,
-        MatTooltipModule,
-        MatIconModule,
-        MatFormFieldModule,
-        MtxSelectModule,
-        MatInputModule,
-        MtxGridModule,
-        MatDialogModule,
-        MatCardModule,
-        MatSlideToggleModule,
-        MatCheckboxModule,
-        MtxCheckboxGroupModule,
-        MatDatepickerModule,
-        StatisticsModule,
-        MatChip,
-    ],
+  imports: [
+    CommonModule,
+    TranslateModule,
+    RouterModule,
+    DocumentsRouting,
+    EformSharedModule,
+    ReactiveFormsModule,
+    EformImportedModule,
+    FormsModule,
+    MatButtonModule,
+    MatTooltipModule,
+    MatIconModule,
+    MatFormFieldModule,
+    MtxSelectModule,
+    MatInputModule,
+    MtxGridModule,
+    MatDialogModule,
+    MatCardModule,
+    MatSlideToggleModule,
+    MatCheckboxModule,
+    MtxCheckboxGroupModule,
+    MatDatepickerModule,
+    StatisticsModule,
+    MatChip,
+    MatMenu,
+    MatMenuItem,
+    MatMenuTrigger,
+  ],
   providers: [],
 })
 
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
index b677da1d2..2b4b4a03e 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
@@ -118,37 +118,44 @@
 <!--  <div [innerHTML]="this.getWorkerPropertyNames(row.siteId)"></div>-->
 <!--</ng-template>-->
 <ng-template #actionsTpl let-row let-i="index">
-  <div class="">
-    <button
-      mat-icon-button
-      matTooltip="{{ 'Show assignments' | translate }}"
-      id="editAssignmentsBtn-{{i}}"
-      [routerLink]="['/plugins/backend-configuration-pn/task-worker-assignments/' + row.siteId]"
-    >
-      <mat-icon>visibility</mat-icon>
-    </button>
-    <button
-      mat-icon-button
-      *ngIf="selectCurrentUserClaimsDeviceUsersUpdate$ | async"
-      matTooltip="{{ 'Edit Device User' | translate }}"
-      id="editDeviceUserBtn-{{i}}"
-      (click)="openEditModal(row)"
-    >
-      <mat-icon>edit</mat-icon>
-    </button>
-    <button
-      mat-icon-button
-      color="warn"
-      *ngIf="(selectCurrentUserClaimsDeviceUsersDelete$ | async) && !row.isLocked"
-      matTooltip="{{ 'Delete Device User' | translate }}"
-      id="deleteDeviceUserBtn-{{i}}"
-      (click)="openDeleteDeviceUserModal(row)"
-    >
-      <mat-icon>delete</mat-icon>
+  <div class="device-user-actions" id="device-user-actions-{{i}}">
+    <button mat-icon-button [matMenuTriggerFor]="menu" matTooltip="{{ 'Actions' | translate }}">
+      <mat-icon>more_vert</mat-icon>
     </button>
+
+    <mat-menu #menu="matMenu">
+      <button
+        mat-menu-item
+        id="editAssignmentsBtn-{{i}}"
+        [routerLink]="['/plugins/backend-configuration-pn/task-worker-assignments/' + row.siteId]"
+      >
+        <mat-icon>visibility</mat-icon>
+        <span>{{ 'Show assignments' | translate }}</span>
+      </button>
+      <button
+        mat-menu-item
+        *ngIf="selectCurrentUserClaimsDeviceUsersUpdate$ | async"
+        id="editDeviceUserBtn-{{i}}"
+        (click)="openEditModal(row)"
+      >
+        <mat-icon>edit</mat-icon>
+        <span>{{ 'Edit Device User' | translate }}</span>
+      </button>
+      <button
+        mat-menu-item
+        color="warn"
+        *ngIf="(selectCurrentUserClaimsDeviceUsersDelete$ | async) && !row.isLocked"
+        id="deleteDeviceUserBtn-{{i}}"
+        (click)="openDeleteDeviceUserModal(row)"
+      >
+        <mat-icon color="warn">delete</mat-icon>
+        <span>{{ 'Delete Device User' | translate }}</span>
+      </button>
+    </mat-menu>
   </div>
 </ng-template>
 
+
 <ng-template #manufacturerTpl let-row>
   <ng-container *ngIf="row.osVersion !== null">
     <ng-container *ngIf="row['manufacturer'] === 'iOS' ">
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
index e1c37649c..eb3850ae4 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
@@ -1,7 +1,7 @@
 <mtx-grid
   [data]="tasks"
   [columns]="tableHeaders"
-  [cellTemplate]="{id: idTpl, tags: tagsTpl, tagReport: reportTagsTpl, startDate: startDateTpl, repeat: repeatTpl, status: statusTpl, assignedTo: assignedToTpl}"
+  [cellTemplate]="{id: idTpl, tags: tagsTpl, tagReport: reportTagsTpl, startDate: startDateTpl, repeat: repeatTpl, status: statusTpl, assignedTo: assignedToTpl, actions: actionsTpl}"
   [showPaginator]="false"
   [pageOnFront]="false"
   [rowStriped]="true"
@@ -83,3 +83,44 @@
     </div>
   </div>
 </ng-template>
+
+<ng-template #actionsTpl let-row let-i="index">
+  <div class="task-actions" id="task-actions-{{i}}">
+    <button mat-icon-button [matMenuTriggerFor]="menu">
+      <mat-icon>more_vert</mat-icon>
+    </button>
+    <mat-menu #menu="matMenu">
+      <button
+        *ngIf="row.createdInGuide"
+        mat-menu-item
+        id="editTaskBtn-{{i}}"
+        (click)="editTask.emit(row)"
+      >
+        <mat-icon>edit</mat-icon>
+        <span>{{ 'Edit task' | translate }}</span>
+      </button>
+
+      <button
+        *ngIf="row.createdInGuide"
+        mat-menu-item
+        id="copyTaskBtn-{{i}}"
+        (click)="copyTask.emit(row)"
+      >
+        <mat-icon>content_copy</mat-icon>
+        <span>{{ 'Copy task' | translate }}</span>
+      </button>
+
+      <button
+        *ngIf="row.createdInGuide"
+        mat-menu-item
+        id="deleteTaskBtn-{{i}}"
+        (click)="deleteTask.emit(row)"
+      >
+        <mat-icon color="warn">delete</mat-icon>
+        <span>{{ 'Delete task' | translate }}</span>
+      </button>
+    </mat-menu>
+  </div>
+</ng-template>
+
+
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.ts b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.ts
index d041f04c3..abf15cb66 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.ts
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.ts
@@ -82,43 +82,7 @@ export class TaskWizardTableComponent implements OnInit, OnDestroy {
       sortProp: {id: 'AssignedTo'},
       formatter: (model: TaskWizardModel) => model.assignedTo.join('<br/>')
     },
-    {
-      field: 'actions',
-      header: this.translateService.stream('Actions'),
-      type: 'button',
-      width: '180px',
-      pinned: 'right',
-      right: '0px',
-      buttons: [
-        {
-          iif: (model: TaskWizardModel) => model.createdInGuide,
-          color: 'accent',
-          type: 'icon',
-          icon: 'edit',
-          tooltip: this.translateService.stream('Edit task'),
-          click: (model: TaskWizardModel) => this.editTask.emit(model),
-          class: 'editBtn',
-        },
-        {
-          iif: (model: TaskWizardModel) => model.createdInGuide,
-          color: 'accent',
-          type: 'icon',
-          icon: 'content_copy',
-          tooltip: this.translateService.stream('Copy task'),
-          click: (model: TaskWizardModel) => this.copyTask.emit(model),
-          class: 'copyBtn',
-        },
-        {
-          iif: (model: TaskWizardModel) => model.createdInGuide,
-          color: 'warn',
-          type: 'icon',
-          icon: 'delete',
-          tooltip: this.translateService.stream('Delete task'),
-          click: (model: TaskWizardModel) => this.deleteTask.emit(model),
-          class: 'deleteBtn',
-        },
-      ],
-    },
+    { field: 'actions', header: this.translateService.stream('Actions'), pinned: 'right' }
   ];
   public selectTaskWizardPaginationSort$ = this.store.select(selectTaskWizardPaginationSort);
   public selectTaskWizardPaginationIsSortDsc$ = this.store.select(selectTaskWizardPaginationIsSortDsc);
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/task-wizard.module.ts b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/task-wizard.module.ts
index 47411d2a2..adefdf3f3 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/task-wizard.module.ts
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/task-wizard.module.ts
@@ -28,6 +28,7 @@ import {FormattingTextEditorModule} from 'src/app/common/modules/eform-imported/
 import {MatCardModule} from '@angular/material/card';
 import {PlanningsModule} from '../../../items-planning-pn/modules/plannings/plannings.module';
 import {StatisticsModule} from '../statistics/statistics.module';
+import {MatMenu, MatMenuItem, MatMenuTrigger} from "@angular/material/menu";
 
 @NgModule({
   imports: [
@@ -53,6 +54,9 @@ import {StatisticsModule} from '../statistics/statistics.module';
     MatCardModule,
     PlanningsModule,
     StatisticsModule,
+    MatMenu,
+    MatMenuItem,
+    MatMenuTrigger,
   ],
   declarations: [
     TaskWizardFiltersComponent,

From 51d6ada21523edd9103aecc974a0396d85302714 Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Fri, 24 Oct 2025 16:32:54 +0600
Subject: [PATCH 3/8] added menu trigger

---
 .../BackendConfigurationProperties.page.ts    | 20 +++++++++++++++----
 .../properties-table.component.html           |  2 +-
 .../property-worker-table.component.html      |  2 +-
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
index cae7740e9..aaba18e7c 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
@@ -269,12 +269,24 @@ export class PropertyRowObject {
   editPropertyBtn: () => Cypress.Chainable<JQuery<HTMLElement>>;
   deleteBtn: () => Cypress.Chainable<JQuery<HTMLElement>>;
 
+  private openMenu(rowNum: number) {
+    const index = rowNum - 1;
+
+    cy.get(`#property-actions-${index}`)
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+    cy.get('mat-mdc-menu-panel', { timeout: 500 }).should('be.visible');
+  }
+
   getRow(rowNum: number) {
-    const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
+    const index = rowNum - 1;
+    const row = () => cy.get('.mat-mdc-row').eq(index);
     this.row = row();
-    this.viewAreasBtn = () => row().find('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
-    this.editPropertyBtn = () => row().find('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
-    this.deleteBtn = () => row().find('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
+    this.openMenu(rowNum);
+    this.viewAreasBtn = () => row().find(`[id^=showPropertyAreasBtn-${index}]`).should('be.visible').should('be.enabled');
+    this.editPropertyBtn = () => row().find(`[id^=editPropertyBtn]-${index}`).should('be.visible').should('be.enabled');
+    this.deleteBtn = () => row().find(`[id^=deletePropertyBtn]-${index}`).should('be.visible').should('be.enabled');
     return this;
   }
 
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
index 324e22091..38e9d775c 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
@@ -65,7 +65,7 @@
 
 <ng-template #actionsTpl let-row let-i="index">
   <div class="property-actions" id="property-actions-{{i}}">
-    <button mat-icon-button [matMenuTriggerFor]="menu">
+    <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu">
       <mat-icon>more_vert</mat-icon>
     </button>
     <mat-menu #menu="matMenu">
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
index 2b4b4a03e..e2a6a6679 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
@@ -119,7 +119,7 @@
 <!--</ng-template>-->
 <ng-template #actionsTpl let-row let-i="index">
   <div class="device-user-actions" id="device-user-actions-{{i}}">
-    <button mat-icon-button [matMenuTriggerFor]="menu" matTooltip="{{ 'Actions' | translate }}">
+    <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="{{ 'Actions' | translate }}">
       <mat-icon>more_vert</mat-icon>
     </button>
 

From 6dcc8557a5c9d82f8e17f3ac6c0332c8b53ea589 Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Wed, 29 Oct 2025 14:30:27 +0600
Subject: [PATCH 4/8] fix task-create test case

---
 .../BackendConfigurationProperties.page.ts    | 24 ++++++++-----------
 ...ackendConfigurationPropertyWorkers.page.ts | 18 ++++++++++----
 .../properties-table.component.html           |  8 +++----
 .../property-worker-table.component.html      |  6 ++---
 4 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
index aaba18e7c..3e43af310 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
@@ -270,26 +270,22 @@ export class PropertyRowObject {
   deleteBtn: () => Cypress.Chainable<JQuery<HTMLElement>>;
 
   private openMenu(rowNum: number) {
-    const index = rowNum - 1;
-
-    cy.get(`#property-actions-${index}`)
-      .find('#actionMenu')
-      .should('be.visible')
-      .click({ force: true });
-    cy.get('mat-mdc-menu-panel', { timeout: 500 }).should('be.visible');
+    cy.get(`#property-actions-${rowNum}`).find('#actionMenu').should('be.visible').click({ force: true });
   }
 
   getRow(rowNum: number) {
-    const index = rowNum - 1;
-    const row = () => cy.get('.mat-mdc-row').eq(index);
-    this.row = row();
-    this.openMenu(rowNum);
-    this.viewAreasBtn = () => row().find(`[id^=showPropertyAreasBtn-${index}]`).should('be.visible').should('be.enabled');
-    this.editPropertyBtn = () => row().find(`[id^=editPropertyBtn]-${index}`).should('be.visible').should('be.enabled');
-    this.deleteBtn = () => row().find(`[id^=deletePropertyBtn]-${index}`).should('be.visible').should('be.enabled');
+    this.openMenu(rowNum - 1);
+
+    cy.get('.mat-mdc-menu-panel', { timeout: 5000 }).should('be.visible');
+
+    this.viewAreasBtn = () => cy.get(`#showPropertyAreasBtn-${rowNum}`).should('be.visible').should('be.enabled');
+    this.editPropertyBtn = () => cy.get(`#editPropertyBtn-${rowNum}`).should('be.visible').should('be.enabled');
+    this.deleteBtn = () =>  cy.get(`#deletePropertyBtn-${rowNum}`).should('be.visible').should('be.enabled');
+
     return this;
   }
 
+
   // find first row with text
   getRowByPropertyName(propertyName: string) {
     const row = () => cy.get('.mat-mdc-row')
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
index c500cd8b0..4f983c0d6 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
@@ -192,15 +192,23 @@ export class WorkerRowObject {
   editDeviceUserBtn: Cypress.Chainable<JQuery<HTMLElement>>;
   deleteBtn: Cypress.Chainable<JQuery<HTMLElement>>;
 
+  private openMenu(rowNum: number) {
+    cy.get(`#device-user-actions-${rowNum}`).find('#actionMenu').should('be.visible').click({ force: true });
+  }
+
   getRow(rowNum: number) {
-    const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
-    this.row = row();
-    this.editAssignmentsBtn = row().find('[id^=editAssignmentsBtn]').should('be.visible').should('be.enabled');
-    this.editDeviceUserBtn = row().find('[id^=editDeviceUserBtn]').should('be.visible').should('be.enabled');
-    this.deleteBtn = row().find('[id^=deleteDeviceUserBtn]').should('be.visible').should('be.enabled');
+    this.openMenu(rowNum-1);
+
+    cy.get('.mat-mdc-menu-panel', { timeout: 5000 }).should('be.visible');
+
+    this.editAssignmentsBtn = cy.get(`#editAssignmentsBtn-${rowNum}`).should('be.visible').should('be.enabled');
+    this.editDeviceUserBtn = cy.get(`#editDeviceUserBtn-${rowNum}`).should('be.visible').should('be.enabled');
+    this.deleteBtn = cy.get(`#deleteDeviceUserBtn-${rowNum}`).should('be.visible').should('be.enabled');
+
     return this;
   }
 
+
   // find first row with text
   getRowByName(deviceUserName: string) {
     const row = () => cy.get('.mat-mdc-row')
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
index 38e9d775c..ccfd4a095 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
@@ -71,7 +71,7 @@
     <mat-menu #menu="matMenu">
       <button
         mat-menu-item
-        id="showPropertyAreasBtn-{{i}}"
+        id="showPropertyAreasBtn-{{i + 1}}"
         [routerLink]="'../property-areas/' + row.id"
         [disabled]="!row.isWorkersAssigned"
       >
@@ -90,7 +90,7 @@
       <button
         *ngIf="row.workorderEnable"
         mat-menu-item
-        id="updateEntityList-{{i}}"
+        id="updateEntityList-{{i + 1}}"
         (click)="onShowEditEntityListModal(row)"
       >
         <mat-icon>list</mat-icon>
@@ -98,7 +98,7 @@
       </button>
       <button
         mat-menu-item
-        id="editPropertyBtn-{{i}}"
+        id="editPropertyBtn-{{i + 1}}"
         (click)="onShowEditPropertyModal(row)"
         [disabled]="!authStateService.checkClaim('property_edit') && (selectAuthIsAdmin$ | async) !== true"
       >
@@ -108,7 +108,7 @@
       <button
         mat-menu-item
         color="warn"
-        id="deletePropertyBtn-{{i}}"
+        id="deletePropertyBtn-{{i+1}}"
         (click)="onShowDeletePropertyModal(row)"
         [disabled]="!authStateService.checkClaim('property_delete') && (selectAuthIsAdmin$ | async) !== true"
       >
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
index e2a6a6679..623fe0685 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
@@ -126,7 +126,7 @@
     <mat-menu #menu="matMenu">
       <button
         mat-menu-item
-        id="editAssignmentsBtn-{{i}}"
+        id="editAssignmentsBtn-{{i + 1}}"
         [routerLink]="['/plugins/backend-configuration-pn/task-worker-assignments/' + row.siteId]"
       >
         <mat-icon>visibility</mat-icon>
@@ -135,7 +135,7 @@
       <button
         mat-menu-item
         *ngIf="selectCurrentUserClaimsDeviceUsersUpdate$ | async"
-        id="editDeviceUserBtn-{{i}}"
+        id="editDeviceUserBtn-{{i + 1}}"
         (click)="openEditModal(row)"
       >
         <mat-icon>edit</mat-icon>
@@ -145,7 +145,7 @@
         mat-menu-item
         color="warn"
         *ngIf="(selectCurrentUserClaimsDeviceUsersDelete$ | async) && !row.isLocked"
-        id="deleteDeviceUserBtn-{{i}}"
+        id="deleteDeviceUserBtn-{{i + 1}}"
         (click)="openDeleteDeviceUserModal(row)"
       >
         <mat-icon color="warn">delete</mat-icon>

From 00884c0eefb42e6a6b0788325b5c77e5741c9bff Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Wed, 29 Oct 2025 16:36:02 +0600
Subject: [PATCH 5/8] fix property create test cases

---
 .../BackendConfigurationProperties.page.ts    | 68 ++++++++++++++++---
 ...ackendConfigurationPropertyWorkers.page.ts | 36 +++++++---
 .../b/area-rules.t1.spec.cy.ts                |  1 +
 .../properties-table.component.html           | 10 +--
 .../documents-table.component.html            |  2 +-
 .../property-worker-table.component.html      |  8 +--
 .../task-wizard-table.component.html          |  2 +-
 7 files changed, 94 insertions(+), 33 deletions(-)

diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
index 3e43af310..add2f0c7e 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
@@ -227,6 +227,10 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
     cy.get('app-properties-table .mat-mdc-row').then(rows => {
       const rowNum = rows.length;
       cy.log(rowNum.toString());
+      if (rowNum === 0) {
+        cy.log('No properties to delete.');
+        return;
+      }
 
       for (let i = rowNum; i > 0; i--) {
         cy.intercept('POST', '**/api/backend-configuration-pn/properties/index').as('getProperties');
@@ -269,19 +273,36 @@ export class PropertyRowObject {
   editPropertyBtn: () => Cypress.Chainable<JQuery<HTMLElement>>;
   deleteBtn: () => Cypress.Chainable<JQuery<HTMLElement>>;
 
-  private openMenu(rowNum: number) {
-    cy.get(`#property-actions-${rowNum}`).find('#actionMenu').should('be.visible').click({ force: true });
-  }
 
   getRow(rowNum: number) {
-    this.openMenu(rowNum - 1);
+    const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
+    this.row = row();
 
-    cy.get('.mat-mdc-menu-panel', { timeout: 5000 }).should('be.visible');
+    row()
+      .should('exist')
+      .then($r => {
+        if ($r.length === 0) {
+          cy.log(`No row found at index ${rowNum} — skipping action menu click.`);
+          return;
+        }
 
-    this.viewAreasBtn = () => cy.get(`#showPropertyAreasBtn-${rowNum}`).should('be.visible').should('be.enabled');
-    this.editPropertyBtn = () => cy.get(`#editPropertyBtn-${rowNum}`).should('be.visible').should('be.enabled');
-    this.deleteBtn = () =>  cy.get(`#deletePropertyBtn-${rowNum}`).should('be.visible').should('be.enabled');
+        const $actionCell = $r.find('[id^="action-items"]');
+
+        if ($actionCell.length > 0) {
+          cy.wrap($actionCell)
+            .find('#actionMenu', { timeout: 500 })
+            .filter(':visible')
+            .should('be.visible')
+            .click({ force: true });
+        } else {
+          cy.log(`Row ${rowNum} has no [id^="action-items"], skipping click.`);
+          return;
+        }
+      });
 
+    this.viewAreasBtn = () =>  cy.get('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
+    this.editPropertyBtn = () =>  cy.get('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
+    this.deleteBtn = () =>  cy.get('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
     return this;
   }
 
@@ -293,12 +314,37 @@ export class PropertyRowObject {
       .parent() // met-mdc-cell
       .parent(); // mat-mdc-row
     this.row = row();
-    this.viewAreasBtn = () => row().find('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
-    this.editPropertyBtn = () => row().find('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
-    this.deleteBtn = () => row().find('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
+
+
+    row()
+      .should('exist')
+      .then($r => {
+        if ($r.length === 0) {
+          cy.log(`No row found for property name: ${propertyName}`);
+          return;
+        }
+
+        const $actionCell = $r.find('[id^="action-items"]');
+
+        if ($actionCell.length > 0) {
+          cy.wrap($actionCell)
+            .find('#actionMenu', { timeout: 500 })
+            .filter(':visible')
+            .should('be.visible')
+            .click({ force: true });
+        } else {
+          cy.log(`No action-items found in row for: ${propertyName}, skipping menu click.`);
+          return;
+        }
+      });
+
+    this.viewAreasBtn = () => cy.get('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
+    this.editPropertyBtn = () => cy.get('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
+    this.deleteBtn = () => cy.get('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
     return this;
   }
 
+
   goToAreas() {
     this.viewAreasBtn().click();
     backendConfigurationPropertiesPage.configurePropertyAreasBtn().should('be.visible');
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
index 4f983c0d6..349c1a744 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
@@ -192,23 +192,37 @@ export class WorkerRowObject {
   editDeviceUserBtn: Cypress.Chainable<JQuery<HTMLElement>>;
   deleteBtn: Cypress.Chainable<JQuery<HTMLElement>>;
 
-  private openMenu(rowNum: number) {
-    cy.get(`#device-user-actions-${rowNum}`).find('#actionMenu').should('be.visible').click({ force: true });
-  }
-
   getRow(rowNum: number) {
-    this.openMenu(rowNum-1);
-
-    cy.get('.mat-mdc-menu-panel', { timeout: 5000 }).should('be.visible');
+    const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
+    this.row = row();
+    row()
+      .should('exist')
+      .then($r => {
+        if ($r.length === 0) {
+          cy.log(`No row found at index ${rowNum} — skipping action menu click.`);
+          return;
+        }
 
-    this.editAssignmentsBtn = cy.get(`#editAssignmentsBtn-${rowNum}`).should('be.visible').should('be.enabled');
-    this.editDeviceUserBtn = cy.get(`#editDeviceUserBtn-${rowNum}`).should('be.visible').should('be.enabled');
-    this.deleteBtn = cy.get(`#deleteDeviceUserBtn-${rowNum}`).should('be.visible').should('be.enabled');
+        const $actionCell = $r.find('[id^="action-items"]');
+
+        if ($actionCell.length > 0) {
+          cy.wrap($actionCell)
+            .find('#actionMenu', { timeout: 500 })
+            .filter(':visible')
+            .should('be.visible')
+            .click({ force: true });
+        } else {
+          cy.log(`Row ${rowNum} has no [id^="action-items"], skipping click.`);
+          return;
+        }
+      });
 
+    this.editAssignmentsBtn = cy.get('[id^=editAssignmentsBtn]').should('be.visible').should('be.enabled');
+    this.editDeviceUserBtn = cy.get('[id^=editDeviceUserBtn]').should('be.visible').should('be.enabled');
+    this.deleteBtn = cy.get('[id^=deleteDeviceUserBtn]').should('be.visible').should('be.enabled');
     return this;
   }
 
-
   // find first row with text
   getRowByName(deviceUserName: string) {
     const row = () => cy.get('.mat-mdc-row')
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/b/area-rules.t1.spec.cy.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/b/area-rules.t1.spec.cy.ts
index 7e23a9a9e..b49e2d891 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/b/area-rules.t1.spec.cy.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/b/area-rules.t1.spec.cy.ts
@@ -35,6 +35,7 @@ describe('Area rules type 1', () => {
     backendConfigurationPropertyWorkersPage.create(workerForCreate);
     backendConfigurationPropertiesPage.goToProperties();
     const propertyInTable = backendConfigurationPropertiesPage.getRowObjectByName(property.name);
+    cy.wait(1000);
     propertyInTable.goToAreas();
     propertyInTable.bindAreasByName([nameArea]);
     cy.wait(500);
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
index ccfd4a095..6648585b7 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/components/properties/properties-page/properties-table/properties-table.component.html
@@ -64,14 +64,14 @@
 </ng-template>
 
 <ng-template #actionsTpl let-row let-i="index">
-  <div class="property-actions" id="property-actions-{{i}}">
+  <div class="property-actions" id="action-items-{{i}}">
     <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu">
       <mat-icon>more_vert</mat-icon>
     </button>
     <mat-menu #menu="matMenu">
       <button
         mat-menu-item
-        id="showPropertyAreasBtn-{{i + 1}}"
+        id="showPropertyAreasBtn-{{i}}"
         [routerLink]="'../property-areas/' + row.id"
         [disabled]="!row.isWorkersAssigned"
       >
@@ -90,7 +90,7 @@
       <button
         *ngIf="row.workorderEnable"
         mat-menu-item
-        id="updateEntityList-{{i + 1}}"
+        id="updateEntityList-{{i}}"
         (click)="onShowEditEntityListModal(row)"
       >
         <mat-icon>list</mat-icon>
@@ -98,7 +98,7 @@
       </button>
       <button
         mat-menu-item
-        id="editPropertyBtn-{{i + 1}}"
+        id="editPropertyBtn-{{i}}"
         (click)="onShowEditPropertyModal(row)"
         [disabled]="!authStateService.checkClaim('property_edit') && (selectAuthIsAdmin$ | async) !== true"
       >
@@ -108,7 +108,7 @@
       <button
         mat-menu-item
         color="warn"
-        id="deletePropertyBtn-{{i+1}}"
+        id="deletePropertyBtn-{{i}}"
         (click)="onShowDeletePropertyModal(row)"
         [disabled]="!authStateService.checkClaim('property_delete') && (selectAuthIsAdmin$ | async) !== true"
       >
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html
index 89f8b199d..87905a3ac 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/documents/components/documents-table/documents-table.component.html
@@ -60,7 +60,7 @@
 </ng-template>
 
 <ng-template #actionsTpl let-row let-i="index">
-  <div class="document-actions" id="document-actions-{{i}}">
+  <div class="document-actions" id="action-items-{{i}}">
     <button mat-icon-button [matMenuTriggerFor]="menu">
       <mat-icon>more_vert</mat-icon>
     </button>
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
index 623fe0685..e077f801d 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
@@ -118,7 +118,7 @@
 <!--  <div [innerHTML]="this.getWorkerPropertyNames(row.siteId)"></div>-->
 <!--</ng-template>-->
 <ng-template #actionsTpl let-row let-i="index">
-  <div class="device-user-actions" id="device-user-actions-{{i}}">
+  <div class="device-user-actions" id="action-items-{{i}}">
     <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="{{ 'Actions' | translate }}">
       <mat-icon>more_vert</mat-icon>
     </button>
@@ -126,7 +126,7 @@
     <mat-menu #menu="matMenu">
       <button
         mat-menu-item
-        id="editAssignmentsBtn-{{i + 1}}"
+        id="editAssignmentsBtn-{{i}}"
         [routerLink]="['/plugins/backend-configuration-pn/task-worker-assignments/' + row.siteId]"
       >
         <mat-icon>visibility</mat-icon>
@@ -135,7 +135,7 @@
       <button
         mat-menu-item
         *ngIf="selectCurrentUserClaimsDeviceUsersUpdate$ | async"
-        id="editDeviceUserBtn-{{i + 1}}"
+        id="editDeviceUserBtn-{{i}}"
         (click)="openEditModal(row)"
       >
         <mat-icon>edit</mat-icon>
@@ -145,7 +145,7 @@
         mat-menu-item
         color="warn"
         *ngIf="(selectCurrentUserClaimsDeviceUsersDelete$ | async) && !row.isLocked"
-        id="deleteDeviceUserBtn-{{i + 1}}"
+        id="deleteDeviceUserBtn-{{i}}"
         (click)="openDeleteDeviceUserModal(row)"
       >
         <mat-icon color="warn">delete</mat-icon>
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
index eb3850ae4..e8354845d 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
@@ -85,7 +85,7 @@
 </ng-template>
 
 <ng-template #actionsTpl let-row let-i="index">
-  <div class="task-actions" id="task-actions-{{i}}">
+  <div class="task-actions" id="action-items-{{i}}">
     <button mat-icon-button [matMenuTriggerFor]="menu">
       <mat-icon>more_vert</mat-icon>
     </button>

From 39bcb0481b6e9e5ef9b5e6e67126cad9c50bf413 Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Mon, 3 Nov 2025 18:35:01 +0600
Subject: [PATCH 6/8] fix multiple clicks

---
 .../BackendConfigurationProperties.page.ts                    | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
index add2f0c7e..cf85b2326 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
@@ -16,6 +16,7 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
     this.backendConfigurationPnPropertiesButton().then(($ele) => {
       if (!$ele.is(':visible')) {
         this.backendConfigurationPnButton().click();
+
       }
     });
     this.backendConfigurationPnPropertiesButton().click();
@@ -286,12 +287,13 @@ export class PropertyRowObject {
           return;
         }
 
-        const $actionCell = $r.find('[id^="action-items"]');
+        const $actionCell = $r.find('[id^="action-items"]').filter(':visible').first();
 
         if ($actionCell.length > 0) {
           cy.wrap($actionCell)
             .find('#actionMenu', { timeout: 500 })
             .filter(':visible')
+            .first()
             .should('be.visible')
             .click({ force: true });
         } else {

From edb402ed0b5520cf450d6374fdf19f0699fa94f2 Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Tue, 4 Nov 2025 14:31:32 +0600
Subject: [PATCH 7/8] fix g test

---
 .../BackendConfigurationProperties.page.ts    | 57 ++++++++++++++++---
 1 file changed, 49 insertions(+), 8 deletions(-)

diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
index cf85b2326..ea1d6e375 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
@@ -194,7 +194,7 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
     } else {
       cy.intercept('POST', '/api/backend-configuration-pn/properties/index').as('createProperty');
       this.propertyCreateSaveBtn().click();
-      cy.wait('@createProperty', { timeout: 60000 });
+      cy.wait('@createProperty', {timeout: 60000});
     }
     cy.wait(500);
     this.propertyCreateBtn().should('be.visible').should('be.enabled');
@@ -241,6 +241,7 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
       }
     });
   }
+
   goToPlanningPage() {
     cy.intercept('POST', '**/api/items-planning-pn/plannings/index').as('getPlannings');
     this.planningsButton().then(($ele) => {
@@ -252,6 +253,7 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
     cy.wait('@getPlannings');
     this.planningCreateBtn().should('be.visible').should('be.enabled');
   }
+
   public planningsButton() {
     return cy.get('#items-planning-pn-plannings');
   }
@@ -275,6 +277,40 @@ export class PropertyRowObject {
   deleteBtn: () => Cypress.Chainable<JQuery<HTMLElement>>;
 
 
+  // getRow(rowNum: number) {
+  //   const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
+  //   this.row = row();
+  //
+  //   row()
+  //     .should('exist')
+  //     .then($r => {
+  //       if ($r.length === 0) {
+  //         cy.log(`No row found at index ${rowNum} — skipping action menu click.`);
+  //         return;
+  //       }
+  //
+  //       const $actionCell = $r.find('[id^="action-items"]').filter(':visible').first();
+  //
+  //       if ($actionCell.length > 0) {
+  //         cy.wrap($actionCell)
+  //           .find('#actionMenu', { timeout: 500 })
+  //           .filter(':visible')
+  //           .first()
+  //           .should('be.visible')
+  //           .click({ force: true });
+  //       } else {
+  //         cy.log(`Row ${rowNum} has no [id^="action-items"], skipping click.`);
+  //         return;
+  //       }
+  //     });
+  //
+  //   this.viewAreasBtn = () =>  cy.get('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
+  //   this.editPropertyBtn = () =>  cy.get('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
+  //   this.deleteBtn = () =>  cy.get('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
+  //   return this;
+  // }
+
+
   getRow(rowNum: number) {
     const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
     this.row = row();
@@ -291,20 +327,25 @@ export class PropertyRowObject {
 
         if ($actionCell.length > 0) {
           cy.wrap($actionCell)
-            .find('#actionMenu', { timeout: 500 })
+            .find('#actionMenu', {timeout: 1000})
             .filter(':visible')
             .first()
+            .should('exist')
             .should('be.visible')
-            .click({ force: true });
+            .click({force: true});
         } else {
           cy.log(`Row ${rowNum} has no [id^="action-items"], skipping click.`);
           return;
         }
       });
 
-    this.viewAreasBtn = () =>  cy.get('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
-    this.editPropertyBtn = () =>  cy.get('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
-    this.deleteBtn = () =>  cy.get('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
+    this.viewAreasBtn = () =>
+      this.row.within(() => cy.get('[id^=showPropertyAreasBtn]').first().should('be.visible').should('be.enabled'));
+    this.editPropertyBtn = () =>
+      this.row.within(() => cy.get('[id^=editPropertyBtn]').first().should('be.visible').should('be.enabled'));
+    this.deleteBtn = () =>
+      this.row.within(() => cy.get('[id^=deletePropertyBtn]').first().should('be.visible').should('be.enabled'));
+
     return this;
   }
 
@@ -330,10 +371,10 @@ export class PropertyRowObject {
 
         if ($actionCell.length > 0) {
           cy.wrap($actionCell)
-            .find('#actionMenu', { timeout: 500 })
+            .find('#actionMenu', {timeout: 500})
             .filter(':visible')
             .should('be.visible')
-            .click({ force: true });
+            .click({force: true});
         } else {
           cy.log(`No action-items found in row for: ${propertyName}, skipping menu click.`);
           return;

From 9b89c21dd7b6f7ee960edd640885e627f54c69b0 Mon Sep 17 00:00:00 2001
From: shawon <shawon@shawons-Mac-mini.local>
Date: Tue, 4 Nov 2025 16:39:52 +0600
Subject: [PATCH 8/8] fix all the failed test

---
 .../BackendConfigurationProperties.page.ts    | 59 +++----------------
 ...ackendConfigurationPropertyWorkers.page.ts |  5 +-
 .../d/task-wizard.copy.cy.ts                  | 29 ++++++++-
 .../g/task-wizard.edit-assignment.spec.cy.ts  | 28 ++++++++-
 .../g/task-wizard.edit-frequency.spec.cy.ts   | 28 ++++++++-
 .../g/task-wizard.edit.spec.cy.ts             | 28 ++++++++-
 .../property-worker-table.component.html      | 31 ++++++----
 .../task-wizard-table.component.html          |  2 +-
 8 files changed, 136 insertions(+), 74 deletions(-)

diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
index ea1d6e375..2c5782082 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationProperties.page.ts
@@ -194,7 +194,7 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
     } else {
       cy.intercept('POST', '/api/backend-configuration-pn/properties/index').as('createProperty');
       this.propertyCreateSaveBtn().click();
-      cy.wait('@createProperty', {timeout: 60000});
+      cy.wait('@createProperty', { timeout: 60000 });
     }
     cy.wait(500);
     this.propertyCreateBtn().should('be.visible').should('be.enabled');
@@ -241,7 +241,6 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
       }
     });
   }
-
   goToPlanningPage() {
     cy.intercept('POST', '**/api/items-planning-pn/plannings/index').as('getPlannings');
     this.planningsButton().then(($ele) => {
@@ -253,7 +252,6 @@ class BackendConfigurationPropertiesPage extends PageWithNavbarPage {
     cy.wait('@getPlannings');
     this.planningCreateBtn().should('be.visible').should('be.enabled');
   }
-
   public planningsButton() {
     return cy.get('#items-planning-pn-plannings');
   }
@@ -277,42 +275,8 @@ export class PropertyRowObject {
   deleteBtn: () => Cypress.Chainable<JQuery<HTMLElement>>;
 
 
-  // getRow(rowNum: number) {
-  //   const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
-  //   this.row = row();
-  //
-  //   row()
-  //     .should('exist')
-  //     .then($r => {
-  //       if ($r.length === 0) {
-  //         cy.log(`No row found at index ${rowNum} — skipping action menu click.`);
-  //         return;
-  //       }
-  //
-  //       const $actionCell = $r.find('[id^="action-items"]').filter(':visible').first();
-  //
-  //       if ($actionCell.length > 0) {
-  //         cy.wrap($actionCell)
-  //           .find('#actionMenu', { timeout: 500 })
-  //           .filter(':visible')
-  //           .first()
-  //           .should('be.visible')
-  //           .click({ force: true });
-  //       } else {
-  //         cy.log(`Row ${rowNum} has no [id^="action-items"], skipping click.`);
-  //         return;
-  //       }
-  //     });
-  //
-  //   this.viewAreasBtn = () =>  cy.get('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
-  //   this.editPropertyBtn = () =>  cy.get('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
-  //   this.deleteBtn = () =>  cy.get('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
-  //   return this;
-  // }
-
-
   getRow(rowNum: number) {
-    const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
+    const row = () => cy.get('.mat-mdc-row').should('exist').eq(rowNum - 1);
     this.row = row();
 
     row()
@@ -327,25 +291,20 @@ export class PropertyRowObject {
 
         if ($actionCell.length > 0) {
           cy.wrap($actionCell)
-            .find('#actionMenu', {timeout: 1000})
+            .find('#actionMenu', { timeout: 500 })
             .filter(':visible')
             .first()
-            .should('exist')
             .should('be.visible')
-            .click({force: true});
+            .click({ force: true });
         } else {
           cy.log(`Row ${rowNum} has no [id^="action-items"], skipping click.`);
           return;
         }
       });
 
-    this.viewAreasBtn = () =>
-      this.row.within(() => cy.get('[id^=showPropertyAreasBtn]').first().should('be.visible').should('be.enabled'));
-    this.editPropertyBtn = () =>
-      this.row.within(() => cy.get('[id^=editPropertyBtn]').first().should('be.visible').should('be.enabled'));
-    this.deleteBtn = () =>
-      this.row.within(() => cy.get('[id^=deletePropertyBtn]').first().should('be.visible').should('be.enabled'));
-
+    this.viewAreasBtn = () =>  cy.get('[id^=showPropertyAreasBtn]').should('be.visible').should('be.enabled');
+    this.editPropertyBtn = () =>  cy.get('[id^=editPropertyBtn]').should('be.visible').should('be.enabled');
+    this.deleteBtn = () =>  cy.get('[id^=deletePropertyBtn]').should('be.visible').should('be.enabled');
     return this;
   }
 
@@ -371,10 +330,10 @@ export class PropertyRowObject {
 
         if ($actionCell.length > 0) {
           cy.wrap($actionCell)
-            .find('#actionMenu', {timeout: 500})
+            .find('#actionMenu', { timeout: 500 })
             .filter(':visible')
             .should('be.visible')
-            .click({force: true});
+            .click({ force: true });
         } else {
           cy.log(`No action-items found in row for: ${propertyName}, skipping menu click.`);
           return;
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
index 349c1a744..8a3635ec7 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/BackendConfigurationPropertyWorkers.page.ts
@@ -193,7 +193,7 @@ export class WorkerRowObject {
   deleteBtn: Cypress.Chainable<JQuery<HTMLElement>>;
 
   getRow(rowNum: number) {
-    const row = () => cy.get('.mat-mdc-row').eq(rowNum - 1);
+    const row = () => cy.get('.mat-mdc-row').should('exist').eq(rowNum - 1);
     this.row = row();
     row()
       .should('exist')
@@ -203,12 +203,13 @@ export class WorkerRowObject {
           return;
         }
 
-        const $actionCell = $r.find('[id^="action-items"]');
+        const $actionCell = $r.find('[id^="action-items"]').first();
 
         if ($actionCell.length > 0) {
           cy.wrap($actionCell)
             .find('#actionMenu', { timeout: 500 })
             .filter(':visible')
+            .first()
             .should('be.visible')
             .click({ force: true });
         } else {
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/d/task-wizard.copy.cy.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/d/task-wizard.copy.cy.ts
index 31427933d..d0c8c0570 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/d/task-wizard.copy.cy.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/d/task-wizard.copy.cy.ts
@@ -138,7 +138,20 @@ describe('Area rules type 1', () => {
       .invoke('text').should('eq', `${workerForCreate.name} ${workerForCreate.surname}`);
 
     // Copy task
-    cy.get('.cdk-row .cdk-column-actions .copyBtn').first().click();
+    // cy.get('.cdk-row .cdk-column-actions .copyBtn').first().click();
+    cy.get('.task-actions')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Copy Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=copyTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
+
     cy.intercept('POST', '**/api/backend-configuration-pn/task-wizard').as('createTask');
     cy.get('#createTaskBtn').click();
     cy.wait('@createTask', { timeout: 60000 });
@@ -178,7 +191,19 @@ describe('Area rules type 1', () => {
 
     // Copy and set new eform
     cy.intercept('GET', '**/api/backend-configuration-pn/properties/get-folder-dtos?**').as('getFolders');
-    cy.get('.cdk-row .cdk-column-actions .copyBtn').first().click();
+    // cy.get('.cdk-row .cdk-column-actions .copyBtn').first().click();
+    cy.get('.task-actions')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Copy Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=copyTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
     cy.intercept('POST', '**/api/backend-configuration-pn/task-wizard').as('createTask');
     selectValueInNgSelector('#createTemplateSelector', editedTask.eformName, true);
     cy.get('#createTaskBtn').click();
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-assignment.spec.cy.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-assignment.spec.cy.ts
index 0febc0ab6..02a729ea3 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-assignment.spec.cy.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-assignment.spec.cy.ts
@@ -154,7 +154,19 @@ describe('Area rules type 1', () => {
     cy.get('#backend-configuration-pn-task-wizard').click();
     cy.intercept('GET', '**/api/backend-configuration-pn/properties/get-folder-dtos?**').as('getFolders');
     cy.intercept('POST', '**/api/templates/index').as('getTemplates');
-    cy.get('.editBtn').click();
+    // cy.get('.editBtn').click();
+    cy.get('[id^=action-items]')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Copy Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=editTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
     cy.wait('@getFolders', { timeout: 60000 });
     cy.wait('@getTemplates', { timeout: 60000 });
     //cy.get('.editBtn > .mat-mdc-button-touch-target').click();
@@ -174,7 +186,19 @@ describe('Area rules type 1', () => {
     cy.get('#backend-configuration-pn-task-wizard').click();
     cy.intercept('GET', '**/api/backend-configuration-pn/properties/get-folder-dtos?**').as('getFolders');
     cy.intercept('POST', '**/api/templates/index').as('getTemplates');
-    cy.get('.editBtn').click();
+    // cy.get('.editBtn').click();
+    cy.get('[id^=action-items]')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Copy Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=editTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
     cy.wait('@getFolders', { timeout: 60000 });
     cy.wait('@getTemplates', { timeout: 60000 });
     //cy.get('.editBtn > .mat-mdc-button-touch-target').click();
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-frequency.spec.cy.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-frequency.spec.cy.ts
index 9dab73587..683d788ee 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-frequency.spec.cy.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit-frequency.spec.cy.ts
@@ -158,7 +158,19 @@ describe('Area rules type 1', () => {
     cy.wait('@createFolder', { timeout: 60000 });
     cy.wait(1000);
     cy.get('#backend-configuration-pn-task-wizard').scrollIntoView().click();
-    cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    // cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    cy.get('[id^=action-items]')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Copy Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=editTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
     // // change task
     cy.get('#updateTaskStatusToggle').click();
     cy.get('#updateTaskBtn').click();
@@ -181,7 +193,19 @@ describe('Area rules type 1', () => {
       .invoke('text')
       .should('eq', `${workerForCreate.name} ${workerForCreate.surname}`);
 
-    cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    // cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    cy.get('[id^=action-items]')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Copy Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=editTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
     cy.intercept('GET', '**/api/backend-configuration-pn/properties/get-folder-dtos?**').as('getFolders');
     // cy.get('#updateProperty').click();
     // //selectValueInNgSelectorNoSelector(`${property2.cvrNumber} - ${property2.chrNumber} - ${property2.name}`);
diff --git a/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit.spec.cy.ts b/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit.spec.cy.ts
index 070393fd8..4a4b64b6c 100644
--- a/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit.spec.cy.ts
+++ b/eform-client/cypress/e2e/plugins/backend-configuration-pn/g/task-wizard.edit.spec.cy.ts
@@ -156,7 +156,19 @@ describe('Area rules type 1', () => {
     cy.get('#folderSaveBtn').click();
     cy.wait(1000);
     cy.get('#backend-configuration-pn-task-wizard').scrollIntoView().click();
-    cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    // cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    cy.get('.task-actions')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Edit Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=editTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
     // // change task
     cy.get('#updateTaskStatusToggle').click();
     cy.get('#updateTaskBtn').click();
@@ -179,7 +191,19 @@ describe('Area rules type 1', () => {
       .invoke('text')
       .should('eq', `${workerForCreate.name} ${workerForCreate.surname}`);
 
-    cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    // cy.get('.cdk-row .cdk-column-actions .editBtn').first().click();
+    cy.get('.task-actions')
+      .first()
+      .find('#actionMenu')
+      .should('be.visible')
+      .click({ force: true });
+
+    // Now click the Edit Task button inside the opened menu
+    cy.get('.cdk-overlay-container')
+      .find('[id^=editTaskBtn]')
+      .should('be.visible')
+      .first()
+      .click({ force: true });
     cy.intercept('GET', '**/api/backend-configuration-pn/properties/get-folder-dtos?**').as('getFolders');
     // cy.get('#updateProperty').click();
     // //selectValueInNgSelectorNoSelector(`${property2.cvrNumber} - ${property2.chrNumber} - ${property2.name}`);
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
index e077f801d..ccfdf702a 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/property-workers/components/property-worker-table/property-worker-table.component.html
@@ -50,7 +50,7 @@
 <ng-template #propertyNamesTpl let-row>
   <div class="d-flex flex-wrap">
     <mat-chip color="primary" *ngFor="let name of row.propertyNames">
-      <span>{{name}}</span>
+      <span>{{ name }}</span>
     </mat-chip>
   </div>
 </ng-template>
@@ -62,11 +62,13 @@
 <ng-template #deviceUserIdTpl let-row let-i="index">
   <div class="deviceUserId" id="deviceUserId-{{i}}">
     <ng-container *ngIf="selectAuthIsAdmin$ | async;">
-      <span>{{row.siteId}}<small class="microting-uid"> ({{getFormattedDate(row.createdAt)}} / {{getFormattedDate(row.updatedAt)}})</small></span>
+      <span>{{ row.siteId }}<small class="microting-uid"> ({{ getFormattedDate(row.createdAt) }}
+        / {{ getFormattedDate(row.updatedAt) }})</small></span>
     </ng-container>
     <ng-container *ngIf="(selectAuthIsAdmin$ | async) !== true;">
-      {{row.siteId}}
-    </ng-container></div>
+      {{ row.siteId }}
+    </ng-container>
+  </div>
 </ng-template>
 
 <!--<ng-template #propertyNamesTpl let-row>-->
@@ -80,19 +82,19 @@
 <!--</ng-template>-->
 
 <ng-template #fullNameTpl let-row let-i="index">
-  <div class="deviceUserFullName" id="deviceUserFullName-{{i}}">{{row.siteName}}</div>
+  <div class="deviceUserFullName" id="deviceUserFullName-{{i}}">{{ row.siteName }}</div>
 </ng-template>
 
 <ng-template #workerEmailTpl let-row let-i="index">
-  <div class="workerEmail" id="workerEmail-{{i}}">{{row.workerEmail}}</div>
+  <div class="workerEmail" id="workerEmail-{{i}}">{{ row.workerEmail }}</div>
 </ng-template>
 
 <ng-template #phoneNumberTpl let-row let-i="index">
-  <div class="phoneNumber" id="phoneNumber-{{i}}">{{row.phoneNumber}}</div>
+  <div class="phoneNumber" id="phoneNumber-{{i}}">{{ row.phoneNumber }}</div>
 </ng-template>
 
 <ng-template #languageTpl let-row let-i="index">
-  <div class="deviceUserLanguage" id="deviceUserLanguage-{{i}}">{{row.language | translate}}</div>
+  <div class="deviceUserLanguage" id="deviceUserLanguage-{{i}}">{{ row.language | translate }}</div>
 </ng-template>
 
 <ng-template #customerOtpTpl let-row>
@@ -117,6 +119,8 @@
 <!--<ng-template #propertyTpl let-row>-->
 <!--  <div [innerHTML]="this.getWorkerPropertyNames(row.siteId)"></div>-->
 <!--</ng-template>-->
+
+
 <ng-template #actionsTpl let-row let-i="index">
   <div class="device-user-actions" id="action-items-{{i}}">
     <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="{{ 'Actions' | translate }}">
@@ -155,7 +159,6 @@
   </div>
 </ng-template>
 
-
 <ng-template #manufacturerTpl let-row>
   <ng-container *ngIf="row.osVersion !== null">
     <ng-container *ngIf="row['manufacturer'] === 'iOS' ">
@@ -163,7 +166,7 @@
                 <span [matTooltip]="row['deviceModel']" class="neutral-icon">
                   <mat-icon>phone_iphone</mat-icon>
                 </span>
-        {{row.model}} ({{row.osVersion}})
+        {{ row.model }} ({{ row.osVersion }})
       </div>
     </ng-container>
     <ng-container *ngIf="row['manufacturer'] === 'Android' ">
@@ -171,7 +174,7 @@
                 <span [matTooltip]="row['deviceModel']" class="neutral-icon">
                   <mat-icon>android</mat-icon>
                 </span>
-        {{row.model}} ({{row.osVersion}})
+        {{ row.model }} ({{ row.osVersion }})
       </div>
     </ng-container>
   </ng-container>
@@ -184,7 +187,8 @@
       'status-inactive': TaskWizardStatusesEnum[row.taskManagementEnabled ? 1 : 2] !== 'Active'
     }"
   >
-    <span title="{{TaskWizardStatusesEnum[row.taskManagementEnabled ? 1 : 2] | translate}}">{{TaskWizardStatusesEnum[row.taskManagementEnabled ? 1 : 2] | translate}}</span>
+    <span
+      title="{{TaskWizardStatusesEnum[row.taskManagementEnabled ? 1 : 2] | translate}}">{{ TaskWizardStatusesEnum[row.taskManagementEnabled ? 1 : 2] | translate }}</span>
   </mat-chip>
 </ng-template>
 
@@ -195,6 +199,7 @@
       'status-inactive': TaskWizardStatusesEnum[row.timeRegistrationEnabled ? 1 : 2] !== 'Active'
     }"
   >
-    <span title="{{TaskWizardStatusesEnum[row.timeRegistrationEnabled ? 1 : 2] | translate}}">{{TaskWizardStatusesEnum[row.timeRegistrationEnabled ? 1 : 2] | translate}}</span>
+    <span
+      title="{{TaskWizardStatusesEnum[row.timeRegistrationEnabled ? 1 : 2] | translate}}">{{ TaskWizardStatusesEnum[row.timeRegistrationEnabled ? 1 : 2] | translate }}</span>
   </mat-chip>
 </ng-template>
diff --git a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
index e8354845d..7aa281601 100644
--- a/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
+++ b/eform-client/src/app/plugins/modules/backend-configuration-pn/modules/task-wizard/components/task-wizard-table/task-wizard-table.component.html
@@ -86,7 +86,7 @@
 
 <ng-template #actionsTpl let-row let-i="index">
   <div class="task-actions" id="action-items-{{i}}">
-    <button mat-icon-button [matMenuTriggerFor]="menu">
+    <button id="actionMenu" mat-icon-button [matMenuTriggerFor]="menu">
       <mat-icon>more_vert</mat-icon>
     </button>
     <mat-menu #menu="matMenu">