Correct @for item tracking

ISAITB · Apr 9, 2024 · 7b0ab7c · 7b0ab7c
1 parent b686368
commit 7b0ab7c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/...ts/conformance-statement-items-display/conformance-statement-items-display.component.html b/...ts/conformance-statement-items-display/conformance-statement-items-display.component.html
@@ -1,4 +1,4 @@
-@for (item of items; track $index) {
+@for (item of items; track item) {
     <app-conformance-statement-item-display 
         [item]="item" 
         [shade]="item.hidden?!shade:shade"

diff --git a/gitb-ui/ui/src/app/components/multi-select-filter/multi-select-filter.component.html b/gitb-ui/ui/src/app/components/multi-select-filter/multi-select-filter.component.html
@@ -10,7 +10,7 @@
             }
             @if (!config.singleSelection && selectedItems.length > 0) {
                 <div class="itemsContainer">
-                    @for (item of selectedItems; track $index) {
+                    @for (item of selectedItems; track item.id) {
                         <div class="itemContainer" (click)="selectedItemClicked(item)">
                             <div class="d-flex">
                                 <input class="form-check-input" type="checkbox" [attr.id]="'item-'+$index" [attr.name]="'item-'+$index" [(ngModel)]="selectedSelectedItems[item.id].selected" (ngModelChange)="updateCheckFlag()">
@@ -27,7 +27,7 @@
                     @if (selectedItems.length == 0 && visibleAvailableItems.length == 0) {
                         <div class="noItems">No items found</div>
                     } @else {
-                        @for (item of visibleAvailableItems; track $index) {
+                        @for (item of visibleAvailableItems; track item.id) {
                             <div class="itemContainer" (click)="availableItemClicked(item)">
                                 @if (config.singleSelection) {
                                     <div>{{item[config.textField]}}</div>

diff --git a/gitb-ui/ui/src/app/components/session-table/session-table.component.html b/gitb-ui/ui/src/app/components/session-table/session-table.component.html
@@ -9,7 +9,7 @@
                     <th class="th-min-centered"></th>
                 }
                 <th class="th-min-centered"></th>
-                @for (column of columnsLeft; track $index) {
+                @for (column of columnsLeft; track column) {
                     <th [ngClass]="column.headerClass!" (click)="!column.sortable || headerColumnClicked(column)">
                         {{column.title}} 
                         @if (column.order == 'desc') {
@@ -22,7 +22,7 @@
                 @if (actionVisible || exportVisible || operationsVisible) {
                     <th class="th-min-centered"></th>
                 }
-                @for (column of columnsRight; track $index) {
+                @for (column of columnsRight; track column) {
                     <th [ngClass]="column.headerClass!" (click)="!column.sortable || headerColumnClicked(column)">
                         {{column.title}}
                         @if (column.order == 'desc') {
@@ -44,7 +44,7 @@
                     <td [attr.colspan]="columnCount" class="td-no-data"><span>{{noDataMessage}}</span></td>
                 </tr>
             }
-            @for (row of data; let i = $index; track i) {
+            @for (row of data; let i = $index; track row) {
                 <tr table-row-directive
                     class="table-row-directive expandable-table-row-collapsed session-table-row" 
                     [ngClass]="rowClass(row)" 
@@ -104,7 +104,7 @@
                                                 <div class="btn-group" dropdown>
                                                     <button id="button-interactions" dropdownToggle class="btn btn-secondary dropdown-toggle" type="button" aria-controls="dropdown-interactions">View pending interaction<span class="caret withMargin"></span></button>
                                                     <ul id="dropdown-interactions" *dropdownMenu class="dropdown-menu" aria-labelledby="button-interactions">
-                                                        @for (interaction of row.diagramState.interactions; let index = $index; track index) {
+                                                        @for (interaction of row.diagramState.interactions; let index = $index; track interaction) {
                                                             <li>
                                                                 <a class="dropdown-item" href (click)="displayPendingInteraction(row, interaction.stepId);$event.preventDefault();">{{labelForPendingInteraction(interaction, index)}}</a>
                                                             </li>