The Actions column in report-table used inline button configuration instead of the established mat-menu pattern from property-worker-table reference implementation.

Changes

report-table.component.html

• Replaced inline button configuration with cellTemplate binding
• Added actionsTpl ng-template with mat-menu dropdown using more_vert icon
• Three menu items: Edit Case, Download PDF, Delete Case

report-table.component.ts

• Added queryParams @input and editCase @output
• Added event handlers: onEditCase(), onDownloadPdf(), onDeleteCase()

report-container.component.ts

• Removed inline buttons configuration from Actions column in all 4 tableHeaders (simplified from ~30 lines to 4 per instance)
• Added onEditCase() method for navigation

report-container.component.html

• Added queryParams input and editCase event bindings

Implementation

<ng-template #actionsTpl let-row let-i="index">
  <div class="report-actions" id="action-items-{{i}}">
    <button id="actionMenu-{{i}}" mat-icon-button [matMenuTriggerFor]="menu">
      <mat-icon>more_vert</mat-icon>
    </button>
    <mat-menu #menu="matMenu">
      <button mat-menu-item (click)="onEditCase(row)">
        <mat-icon>edit</mat-icon>
        <span>{{ 'Edit Case' | translate }}</span>
      </button>
      <!-- ... other actions -->
    </mat-menu>
  </div>
</ng-template>

Net: -53 lines, eliminated 4 duplicate configurations, consistent with property-worker-table pattern.

• Fixes Change "Actions" to follow same style as reference pattern #1053

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.