Fix for loop track by warning.

Author: ianliuwk1019

public/src/app/applications/app-public-notices/public-notices-panel.component.html

@@ -36,7 +36,7 @@ <h3>
             </div>
             <mat-accordion multi>
               <!-- Public Notices Summary List-->
-              @for (pn of notices; track pn) {
+              @for (pn of notices; track pn.projectId) {
                 <div>
                   <mat-expansion-panel>
                     <mat-expansion-panel-header>

public/src/app/applications/details-panel/details-panel.component.html

@@ -154,7 +154,7 @@ <h3 style="margin-right: 0.2rem;">
             <section>
               <h3>Attachments</h3>
               <div class="doc-list" style="width: 25rem;">
-                @for (attachment of attachments(); track attachment) {
+                @for (attachment of attachments(); track attachment.id) {
                   <a class="doc-list__item"
                     style="cursor:pointer"
                     (click)="getFileContents(attachment.id, attachment.fileName)"

public/src/app/applications/details-panel/shape-info/shape-info.component.html

@@ -56,7 +56,7 @@
 <!-- Feature details as list (small devices) -->
 <div id="sifeatureList">
   <ul class="shapefile-list">
-    @for (feature of projectSpatialDetail(); track feature) {
+    @for (feature of projectSpatialDetail(); track feature.featureId + '-' + feature.featureType.code) {
       <li class="shapefile-list__item"
         [class.highlight]="selectedRowIndex == feature.featureId + '-' + feature.featureType.code"
         (click)="onRowSelected(feature)">

public/src/app/applications/find-panel/find-panel.component.html

@@ -45,8 +45,8 @@ <h3 class="title">Find FOM</h3>
                     [maxDate]="maxDate"
                     onkeydown="return false"
                     [(ngModel)]="postedOnAfterFilter().filter.value"
-                [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD', adaptivePosition: true,
-                containerClass: 'theme-dark-blue', showWeekNumbers: false  }"
+                [bsConfig]="{ dateInputFormat: 'YYYY-MM-DD', adaptivePosition: true,
+                containerClass: 'theme-dark-blue', showWeekNumbers: false  }"
                     />
                   </div>
                 </div>
@@ -57,7 +57,7 @@ <h3 class="title">Find FOM</h3>
               <label class="control-label">Commenting Status</label>
               @if (commentStatusFilters()) {
                 <div class="select-badge-group">
-                  @for (filter of commentStatusFilters().filters; track filter) {
+                  @for (filter of commentStatusFilters().filters; track filter.queryParam) {
                     <div class="select-badge">
                       <input id="find-{{filter.queryParam}}" type="checkbox" name="{{filter.queryParam}}"
                         [checked]="filter.value"

public/src/app/applications/projects.component.html

@@ -56,7 +56,7 @@
         <div class="form-group">
           @if (commentStatusFilters(); as commentStatusFilters) {
             <div class="select-badge-group">
-              @for (filter of commentStatusFilters.filters; track filter) {
+              @for (filter of commentStatusFilters.filters; track filter.queryParam) {
                 <div class="select-badge"
                   [style.display]="loading() ? 'none' : null">
                   <input type="checkbox" id="project-{{filter.queryParam}}" name="{{filter.queryParam}}"