Resolve angular compiler errors

samuelfangjw · samuelfangjw · commit 5f43837503eb · 2026-02-02T02:57:14.000+08:00
diff --git a/src/web/app/components/comment-box/comment-table/comment-table.component.html b/src/web/app/components/comment-box/comment-table/comment-table.component.html
@@ -8,7 +8,7 @@
   }
 
   <ul class="list-group list-group-flush" >
-    @for (comment of model.commentRows; track trackByIndex(i, comment); let i = $index) {
+    @for (comment of model.commentRows; track $index; let i = $index) {
       <li class="list-group-item">
         @if (comment.originalComment) {
           <tm-comment-row
diff --git a/src/web/app/components/comment-box/comment-table/comment-table.component.ts b/src/web/app/components/comment-box/comment-table/comment-table.component.ts
@@ -108,13 +108,6 @@ export class CommentTableComponent {
     this.modelChange.emit({ ...this.model, [field]: data });
   }
 
-  /**
-   * Tracks by index.
-   */
-  trackByIndex(index: number): string {
-    return index.toString();
-  }
-
   /**
    * Handles the close editing event.
    */
diff --git a/src/web/app/components/question-response-panel/question-response-panel.component.html b/src/web/app/components/question-response-panel/question-response-panel.component.html
@@ -10,20 +10,20 @@
         <div id="question-{{ question.feedbackQuestion.questionNumber }}-responses" class="card bg-light mt-4">
           <div class="card-body">
             <tm-question-text-with-info [questionNumber]="question.feedbackQuestion.questionNumber" [questionDetails]="question.feedbackQuestion.questionDetails" class="question-text-with-info"></tm-question-text-with-info>
-            @if (!question.hasResponseButNotVisibleForPreview,) {
+            @if (!question.hasResponseButNotVisibleForPreview) {
               <div class="all-responses">
                 @if (question.hasCommentNotVisibleForPreview) {
                   <div class="alert alert-warning my-3 non-visible-comment-alert" role="alert">
                     <i class="fas fa-eye-slash"></i> Some comments (on responses) received for this question are omitted from this preview because they are not visible to instructors, as per their visibility settings.
                   </div>
                 }
-                @if (canUserSeeResponses(question),) {
+                @if (canUserSeeResponses(question)) {
                   <div class="other-responses">
                     <tm-single-statistics [question]="question.feedbackQuestion.questionDetails"
                       [responses]="question.allResponses"
                       [statistics]="question.questionStatistics"
                     [isStudent]="true"></tm-single-statistics>
-                    @if (RESPONSE_HIDDEN_QUESTIONS.includes(question.feedbackQuestion.questionType),) {
+                    @if (RESPONSE_HIDDEN_QUESTIONS.includes(question.feedbackQuestion.questionType)) {
                       <div>
                         <p style="color: gray; font-size: small;"><i class="fas fa-info-circle" style="color: #087CFC;"></i> Individual Responses are not configured to be shown for this question type.</p>
                       </div>
diff --git a/src/web/app/components/question-responses/grq-rgq-view-responses/grq-rgq-view-responses.component.html b/src/web/app/components/question-responses/grq-rgq-view-responses/grq-rgq-view-responses.component.html
@@ -76,7 +76,7 @@ <h6 id="user-header" class="card-header bg-primary text-white cursor-pointer" ro
       <div @collapseAnim>
         <div class="card-body">
           @if (userHasRealResponses[userInfo]) {
-            @for (last = last; track last = last) {
+            @for (other of responsesToShow[userInfo] | keyvalue; track other.key; let isLast = $last) {
               <div id="grouped-responses" class="top-padded">
                 <tm-grouped-responses [responses]="other.value"
                   [isGrq]="isGrq" [session]="session"
@@ -86,7 +86,7 @@ <h6 id="user-header" class="card-header bg-primary text-white cursor-pointer" ro
                   (updateCommentEvent)="triggerUpdateCommentEvent($event.responseId, $event.index)"
                   (deleteCommentEvent)="triggerDeleteCommentEvent($event.responseId, $event.index)"
                   (saveNewCommentEvent)="triggerSaveNewCommentEvent($event)"
-                [isLastGroupedResponses]="last"></tm-grouped-responses>
+                  [isLastGroupedResponses]="isLast"></tm-grouped-responses>
               </div>
             }
           }
diff --git a/src/web/app/components/question-submission-form/question-submission-form.component.html b/src/web/app/components/question-submission-form/question-submission-form.component.html
@@ -94,7 +94,7 @@ <h2 class="question-details"><b>Question {{ model.questionNumber }}: </b>{{ mode
           </div>
         }
         <div class="container">
-          @for (recipientSubmissionFormModel of model.recipientSubmissionForms; track trackRecipientSubmissionFormByFn(i, recipientSubmissionFormModel); let i = $index) {
+          @for (recipientSubmissionFormModel of model.recipientSubmissionForms; track $index; let i = $index) {
             <div class="row">
               <!-- When questions are grouped by recipients, only show the question edit answer form for that particular recipients-->
               @if (currentSelectedSessionView === allSessionViews.DEFAULT || (currentSelectedSessionView === allSessionViews.GROUP_RECIPIENTS && recipientId === recipientSubmissionFormModel.recipientIdentifier)) {
diff --git a/src/web/app/components/question-submission-form/question-submission-form.component.ts b/src/web/app/components/question-submission-form/question-submission-form.component.ts
@@ -401,15 +401,6 @@ export class QuestionSubmissionFormComponent implements DoCheck {
     this.updateSubmissionFormIndexes();
   }
 
-  /**
-   * Tracks submission form for each recipient by the index in the array.
-   *
-   * @see https://angular.io/api/common/NgForOf#properties
-   */
-  trackRecipientSubmissionFormByFn(index: number): any {
-    return index;
-  }
-
   /**
    * Gets recipient name in {@code FIXED_RECIPIENT} mode.
    */
diff --git a/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.html
@@ -2,7 +2,7 @@
   <div class="col-sm-6">
     <div class="row">
       <div id="options-section" cdkDropList (cdkDropListDropped)="onConstsumOptionDropped($event)" [cdkDropListDisabled]="!isEditable">
-        @for (option of model.constSumOptions; track trackConstsumOption(i, option); let i = $index) {
+        @for (option of model.constSumOptions; track $index; let i = $index) {
           <div class="mb-3 d-flex" cdkDrag cdkDragLockAxis="y">
             <div cdkDragHandle aria-hidden="true">
               <span class="btn input-group-addon">&#8597; </span>
diff --git a/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/constsum-options-question-edit-details-form.component.ts
@@ -80,13 +80,6 @@ export class ConstsumOptionsQuestionEditDetailsFormComponent
     this.triggerModelChange('constSumOptions', newOptions);
   }
 
-  /**
-   * Tracks the Constsum option by index.
-   */
-  trackConstsumOption(index: number): string {
-    return index.toString();
-  }
-
   /**
    * Deletes a Constsum option.
    */
diff --git a/src/web/app/components/question-types/question-edit-details-form/mcq-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/mcq-question-edit-details-form.component.html
@@ -31,7 +31,7 @@
     @if (!isGeneratedOptionsEnabled) {
       <div class="row">
         <div id="options-section" cdkDropList (cdkDropListDropped)="onMcqOptionDropped($event)" [cdkDropListDisabled]="!isEditable">
-          @for (num of model.mcqChoices; track trackMcqOption(i, num); let i = $index) {
+          @for (num of model.mcqChoices; track $index; let i = $index) {
             <div class="margin-top-22px d-flex" cdkDrag cdkDragLockAxis="y">
               <div cdkDragHandle aria-hidden="true">
                 <span class="btn input-group-addon">&#8597;</span>
@@ -92,7 +92,7 @@
       <select id="generate-dropdown" class="form-control form-select" [disabled]="!isGeneratedOptionsEnabled || !isEditable"
         [ngModel]="model.generateOptionsFor" (ngModelChange)="triggerModelChange('generateOptionsFor', $event)" aria-label="Generate Option List Dropdown">
         @for (option of PARTICIPANT_TYPES; track option) {
-          <option [value]="option">{{ option | generatedChoice }}</option>
+          <option [ngValue]="option">{{ option | generatedChoice }}</option>
         }
       </select>
     </div>
diff --git a/src/web/app/components/question-types/question-edit-details-form/mcq-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/mcq-question-edit-details-form.component.ts
@@ -31,15 +31,15 @@ import { GeneratedChoicePipe } from '../../teammates-common/generated-choice.pip
 export class McqQuestionEditDetailsFormComponent
     extends QuestionEditDetailsFormComponent<FeedbackMcqQuestionDetails> {
 
-  readonly PARTICIPANT_TYPES: string[] = [
+  readonly PARTICIPANT_TYPES: FeedbackParticipantType[] = [
     FeedbackParticipantType.STUDENTS,
     FeedbackParticipantType.STUDENTS_EXCLUDING_SELF,
     FeedbackParticipantType.TEAMS,
     FeedbackParticipantType.TEAMS_EXCLUDING_SELF,
     FeedbackParticipantType.OWN_TEAM_MEMBERS_INCLUDING_SELF,
     FeedbackParticipantType.OWN_TEAM_MEMBERS,
     FeedbackParticipantType.INSTRUCTORS,
-  ];
+  ] as const;
 
   // Used to store and restore user input when user toggles generate option
   storageModel: FeedbackMcqQuestionDetails = {
@@ -119,20 +119,6 @@ export class McqQuestionEditDetailsFormComponent
     this.triggerModelChange('mcqWeights', newWeights);
   }
 
-  /**
-   * Tracks the Mcq option by index.
-   */
-  trackMcqOption(index: number): string {
-    return index.toString();
-  }
-
-  /**
-   * Tracks the Mcq weight by index.
-   */
-  trackMcqWeight(index: number): string {
-    return index.toString();
-  }
-
   /**
    * Triggers the display of the weight column for the Mcq options if weights option is checked/unchecked.
    */
diff --git a/src/web/app/components/question-types/question-edit-details-form/msq-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/msq-question-edit-details-form.component.html
@@ -20,7 +20,7 @@
     @if (!isGeneratedOptionsEnabled) {
       <div class="row">
         <div id="options-section" cdkDropList (cdkDropListDropped)="onMsqOptionDropped($event)" [cdkDropListDisabled]="!isEditable">
-          @for (num of model.msqChoices; track trackMsqOption(i, num); let i = $index) {
+          @for (num of model.msqChoices; track $index; let i = $index) {
             <div class="margin-top-22px d-flex" cdkDrag cdkDragLockAxis="y">
               <div cdkDragHandle aria-hidden="true">
                 <span class="btn input-group-addon">&#8597; </span>
@@ -80,7 +80,7 @@
       <select id="generate-dropdown" class="form-control form-select" [disabled]="!isGeneratedOptionsEnabled || !isEditable"
         [ngModel]="model.generateOptionsFor" (ngModelChange)="triggerModelChange('generateOptionsFor', $event)" aria-label="Generate Option List Dropdown">
         @for (option of PARTICIPANT_TYPES; track option) {
-          <option [value]="option">{{ option | generatedChoice }}</option>
+          <option [ngValue]="option">{{ option | generatedChoice }}</option>
         }
       </select>
       <br>
diff --git a/src/web/app/components/question-types/question-edit-details-form/msq-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/msq-question-edit-details-form.component.ts
@@ -35,15 +35,15 @@ import { GeneratedChoicePipe } from '../../teammates-common/generated-choice.pip
 export class MsqQuestionEditDetailsFormComponent
     extends QuestionEditDetailsFormComponent<FeedbackMsqQuestionDetails> {
 
-  readonly PARTICIPANT_TYPES: string[] = [
+  readonly PARTICIPANT_TYPES: FeedbackParticipantType[] = [
     FeedbackParticipantType.STUDENTS,
     FeedbackParticipantType.STUDENTS_EXCLUDING_SELF,
     FeedbackParticipantType.TEAMS,
     FeedbackParticipantType.TEAMS_EXCLUDING_SELF,
     FeedbackParticipantType.OWN_TEAM_MEMBERS_INCLUDING_SELF,
     FeedbackParticipantType.OWN_TEAM_MEMBERS,
     FeedbackParticipantType.INSTRUCTORS,
-  ];
+  ] as const;
 
   // Used to store and restore user input when user toggles generate option
   storageModel: FeedbackMsqQuestionDetails = {
diff --git a/src/web/app/components/question-types/question-edit-details-form/rank-options-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/rank-options-question-edit-details-form.component.html
@@ -2,7 +2,7 @@
   <div class="col-md-6">
     <div class="row">
       <div id="options-section" cdkDropList (cdkDropListDropped)="onRankOptionDropped($event)" [cdkDropListDisabled]="!isEditable">
-        @for (num of model.options; track trackRankOption(i, num); let i = $index) {
+        @for (num of model.options; track $index; let i = $index) {
           <div class="mb-3 d-flex" cdkDrag cdkDragLockAxis="y">
             <div cdkDragHandle aria-hidden="true">
               <span class="btn input-group-addon">&#8597; </span>
diff --git a/src/web/app/components/question-types/question-edit-details-form/rank-options-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/rank-options-question-edit-details-form.component.ts
@@ -52,13 +52,6 @@ export class RankOptionsQuestionEditDetailsFormComponent
     this.triggerModelChange('options', newOptions);
   }
 
-  /**
-   * Tracks the Rank option by index.
-   */
-  trackRankOption(index: number): string {
-    return index.toString();
-  }
-
   /**
    * Deletes a Rank option.
    */
diff --git a/src/web/app/components/question-types/question-edit-details-form/rubric-question-edit-details-form.component.html b/src/web/app/components/question-types/question-edit-details-form/rubric-question-edit-details-form.component.html
@@ -15,7 +15,7 @@
           <td>
             <div>Choices <i class="fas fa-arrow-right"></i></div>
           </td>
-          @for (rubricChoice of model.rubricChoices; track trackByIndex(j, rubricChoice); let j = $index) {
+          @for (rubricChoice of model.rubricChoices; track $index; let j = $index) {
             <th [ngClass]="{'highlight-deletion': j === columnToHighlight}" scope="col">
               <input type="text" class="form-control fw-bold" [disabled]="!isEditable"
                 [ngModel]="rubricChoice" (ngModelChange)="triggerRubricChoiceChange($event, j)">
@@ -24,7 +24,7 @@
         </tr>
       </thead>
       <tbody>
-        @for (rubricDescriptionRow of model.rubricDescriptions; track trackByIndex(i, rubricDescriptionRow); let i = $index) {
+        @for (rubricDescriptionRow of model.rubricDescriptions; track $index; let i = $index) {
           <tr [ngClass]="{'highlight-deletion': i === rowToHighlight}">
             <th scope="row" [attr.aria-label]="model.rubricSubQuestions[i]" class="row-header">
               <div class="input-group">
@@ -47,7 +47,7 @@
                 (ngModelChange)="triggerRubricSubQuestionChange($event, i)" rows="3" [disabled]="!isEditable"></textarea>
               </div>
             </th>
-            @for (rubricDescriptionCell of rubricDescriptionRow; track trackByIndex(j, rubricDescriptionCell); let j = $index) {
+            @for (rubricDescriptionCell of rubricDescriptionRow; track $index; let j = $index) {
               <td [ngClass]="{'highlight-deletion': j === columnToHighlight}">
                 <textarea class="form-control" [ngModel]="rubricDescriptionCell"
                 (ngModelChange)="triggerRubricDescriptionChange($event, i, j)" rows="3" [disabled]="!isEditable"></textarea>
diff --git a/src/web/app/components/question-types/question-edit-details-form/rubric-question-edit-details-form.component.ts b/src/web/app/components/question-types/question-edit-details-form/rubric-question-edit-details-form.component.ts
@@ -72,13 +72,6 @@ export class RubricQuestionEditDetailsFormComponent
     this.triggerModelChange('rubricWeightsForEachCell', newWeightsForEachCell);
   }
 
-  /**
-   * Tracks by index.
-   */
-  trackByIndex(index: number): string {
-    return index.toString();
-  }
-
   /**
    * Adds a new sub question.
    */
diff --git a/src/web/app/components/question-types/question-response/rank-options-question-response.component.ts b/src/web/app/components/question-types/question-response/rank-options-question-response.component.ts
@@ -13,6 +13,11 @@ import {
   RANK_OPTIONS_ANSWER_NOT_SUBMITTED,
 } from '../../../../types/feedback-response-details';
 
+interface OptionWithRank {
+  rank: number;
+  option: string;
+}
+
 /**
  * Rank options question response.
  */
@@ -25,14 +30,14 @@ export class RankOptionsQuestionResponseComponent
     extends QuestionResponse<FeedbackRankOptionsResponseDetails, FeedbackRankOptionsQuestionDetails>
     implements OnInit {
 
-  orderedAnswer: string[] = [];
+  orderedAnswer: OptionWithRank[] = [];
 
   constructor() {
     super(DEFAULT_RANK_OPTIONS_RESPONSE_DETAILS(), DEFAULT_RANK_OPTIONS_QUESTION_DETAILS());
   }
 
   ngOnInit(): void {
-    let arrayOfRanks: any[][] = [];
+    let arrayOfRanks: OptionWithRank[][] = [];
     for (let i: number = 0; i < this.questionDetails.options.length; i += 1) {
       const rank: number = this.responseDetails.answers[i];
       if (rank === RANK_OPTIONS_ANSWER_NOT_SUBMITTED) {
diff --git a/src/web/app/components/sessions-recycle-bin-table/sessions-recycle-bin-table.component.html b/src/web/app/components/sessions-recycle-bin-table/sessions-recycle-bin-table.component.html
@@ -86,13 +86,13 @@ <h2 class="text-muted">
                           <td class="text-break">{{ recycleBinFeedbackSessionRowModel.feedbackSession.courseId }}</td>
                           <td class="text-break">{{ recycleBinFeedbackSessionRowModel.feedbackSession.feedbackSessionName }}</td>
                           <td>
-                            <span class="ngb-tooltip-class" [ngbTooltip]="recycleBinFeedbackSessionRowModel.feedbackSession.createdAtTimestamp | formatDateDetail:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone" container="body">
-                              {{ recycleBinFeedbackSessionRowModel.feedbackSession.createdAtTimestamp | recycleBinTableFormatDate:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone }}
+                            <span class="ngb-tooltip-class" [ngbTooltip]="recycleBinFeedbackSessionRowModel.feedbackSession.createdAtTimestamp ? (recycleBinFeedbackSessionRowModel.feedbackSession.createdAtTimestamp | formatDateDetail:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone) : '-'" container="body">
+                              {{ recycleBinFeedbackSessionRowModel.feedbackSession.createdAtTimestamp ? (recycleBinFeedbackSessionRowModel.feedbackSession.createdAtTimestamp | recycleBinTableFormatDate:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone) : '-' }}
                             </span>
                           </td>
                           <td>
-                            <span class="ngb-tooltip-class" [ngbTooltip]="recycleBinFeedbackSessionRowModel.feedbackSession.deletedAtTimestamp | formatDateDetail:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone" container="body">
-                              {{ recycleBinFeedbackSessionRowModel.feedbackSession.deletedAtTimestamp | recycleBinTableFormatDate:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone }}
+                            <span class="ngb-tooltip-class" [ngbTooltip]="recycleBinFeedbackSessionRowModel.feedbackSession.deletedAtTimestamp ? (recycleBinFeedbackSessionRowModel.feedbackSession.deletedAtTimestamp | formatDateDetail:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone) : '-'" container="body">
+                              {{ recycleBinFeedbackSessionRowModel.feedbackSession.deletedAtTimestamp ? (recycleBinFeedbackSessionRowModel.feedbackSession.deletedAtTimestamp | recycleBinTableFormatDate:recycleBinFeedbackSessionRowModel.feedbackSession.timeZone) : '-' }}
                             </span>
                           </td>
                           <td class="text-center actions-cell">
diff --git a/src/web/app/components/teammates-common/instructor-role-name.pipe.ts b/src/web/app/components/teammates-common/instructor-role-name.pipe.ts
@@ -10,7 +10,7 @@ export class InstructorRoleNamePipe implements PipeTransform {
   /**
    * Transforms InstructorPermissionRole to a name.
    */
-  transform(role: InstructorPermissionRole): any {
+  transform(role: InstructorPermissionRole | undefined): any {
     switch (role) {
       case InstructorPermissionRole.INSTRUCTOR_PERMISSION_ROLE_COOWNER:
         return 'Co-owner';
diff --git a/src/web/app/pages-admin/admin-notifications-page/notification-edit-form/notification-edit-form.component.html b/src/web/app/pages-admin/admin-notifications-page/notification-edit-form/notification-edit-form.component.html
@@ -34,8 +34,8 @@ <h5><i class="fas fa-exclamation-circle"></i>&nbsp;This notification has already
           </div>
           <div class="col-md-auto text-md-start">
             <select id="notification-style" class="form-control form-select" [ngModel]="model.style" (ngModelChange)="triggerModelChange('style', $event)">
-              @for (style of NotificationStyle | keyvalue; track style) {
-                <option [ngValue]="style.value">{{ style.key | notificationStyleDescription }}</option>
+              @for (style of notificationStyles; track style) {
+                <option [ngValue]="style">{{ style | notificationStyleDescription }}</option>
               }
             </select>
           </div>
diff --git a/src/web/app/pages-admin/admin-notifications-page/notification-edit-form/notification-edit-form.component.ts b/src/web/app/pages-admin/admin-notifications-page/notification-edit-form/notification-edit-form.component.ts
@@ -41,11 +41,12 @@ import { TimepickerComponent } from '../../../components/timepicker/timepicker.c
 export class NotificationEditFormComponent {
 
   NotificationEditFormMode = NotificationEditFormMode;
-  NotificationStyle = NotificationStyle;
   NotificationTargetUser = NotificationTargetUser;
 
   NOTIFICATION_TITLE_MAX_LENGTH = ApiConst.NOTIFICATION_TITLE_MAX_LENGTH;
 
+  notificationStyles = Object.values(NotificationStyle)
+
   @Input()
   guessTimezone = 'UTC';
 
diff --git a/src/web/app/pages-instructor/instructor-course-details-page/instructor-course-details-page.component.html b/src/web/app/pages-instructor/instructor-course-details-page/instructor-course-details-page.component.html
@@ -79,7 +79,7 @@ <h1>Course Details</h1>
         }
       </div>
     </div>
-    @if (students.length === 0,) {
+    @if (students.length === 0) {
       <div class="alert alert-warning">
         <i class="fa fa-exclamation-circle text-muted"></i>
         There are no students in this course. Click
diff --git a/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/copy-instructors-from-other-courses-modal.component.html b/src/web/app/pages-instructor/instructor-course-edit-page/copy-instructors-from-other-courses-modal/copy-instructors-from-other-courses-modal.component.html
@@ -114,7 +114,7 @@ <h4 class="modal-title">Copy Instructors</h4>
                               <td>{{ instructorCandidate.instructor.name }}</td>
                               <td>{{ instructorCandidate.instructor.email }}</td>
                               <td>{{ instructorCandidate.instructor.isDisplayedToStudents ? instructorCandidate.instructor.displayedToStudentsAs : notDisplayedToStudentText }}</td>
-                              <td>{{ instructorCandidate.instructor.role  | instructorRoleName }}</td>
+                              <td>{{ instructorCandidate.instructor.role | instructorRoleName }}</td>
                             </tr>
                           }
                         </tbody>
diff --git a/src/web/app/pages-instructor/instructor-session-edit-page/copy-questions-from-other-sessions-modal/copy-questions-from-other-sessions-modal.component.html b/src/web/app/pages-instructor/instructor-session-edit-page/copy-questions-from-other-sessions-modal/copy-questions-from-other-sessions-modal.component.html
@@ -26,7 +26,7 @@ <h4 class="modal-title">Copy Questions</h4>
               <div *tmIsLoading="!feedbackSessionTabModel.hasQuestionsLoaded">
                 @if (!feedbackSessionTabModel.hasLoadingFailed) {
                   <div class="card-body">
-                    @if (feedbackSessionTabModel.hasQuestionsLoaded && feedbackSessionTabModel.questionsTableRowModels.length > 0,) {
+                    @if (feedbackSessionTabModel.hasQuestionsLoaded && feedbackSessionTabModel.questionsTableRowModels.length > 0) {
                       <table id="copy-question-table" class="table table-bordered table-responsive-lg">
                         <thead class="bg-primary text-white">
                           <tr>
diff --git a/src/web/app/pages-instructor/instructor-session-result-page/instructor-session-no-response-panel.component.html b/src/web/app/pages-instructor/instructor-session-result-page/instructor-session-no-response-panel.component.html
diff --git a/src/web/app/pages-instructor/instructor-student-activity-logs/instructor-student-activity-logs.component.html b/src/web/app/pages-instructor/instructor-student-activity-logs/instructor-student-activity-logs.component.html
diff --git a/src/web/app/pages-instructor/instructor-student-list-page/instructor-student-list-page.component.html b/src/web/app/pages-instructor/instructor-student-list-page/instructor-student-list-page.component.html
diff --git a/src/web/app/pages-student/student-home-page/student-home-page.component.html b/src/web/app/pages-student/student-home-page/student-home-page.component.html

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`<ul class="list-group list-group-flush" >`
`11`		`- @for (comment of model.commentRows; track trackByIndex(i, comment); let i = $index) {`
	`11`	`+ @for (comment of model.commentRows; track $index; let i = $index) {`
`12`	`12`	`<li class="list-group-item">`
`13`	`13`	`@if (comment.originalComment) {`
`14`	`14`	`<tm-comment-row`
Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ <h2 class="question-details"><b>Question {{ model.questionNumber }}: </b>{{ mode`
`94`	`94`	`</div>`
`95`	`95`	`}`
`96`	`96`	`<div class="container">`
`97`		`- @for (recipientSubmissionFormModel of model.recipientSubmissionForms; track trackRecipientSubmissionFormByFn(i, recipientSubmissionFormModel); let i = $index) {`
	`97`	`+ @for (recipientSubmissionFormModel of model.recipientSubmissionForms; track $index; let i = $index) {`
`98`	`98`	`<div class="row">`
`99`	`99`	`<!-- When questions are grouped by recipients, only show the question edit answer form for that particular recipients-->`
`100`	`100`	`@if (currentSelectedSessionView === allSessionViews.DEFAULT \|\| (currentSelectedSessionView === allSessionViews.GROUP_RECIPIENTS && recipientId === recipientSubmissionFormModel.recipientIdentifier)) {`