Add red exclamation mark

TEAMMATES · Oct 23, 2024 · dee83dd · dee83dd
1 parent 1605d40
commit dee83dd
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/web/app/components/copy-course-modal/copy-course-modal.component.html b/src/web/app/components/copy-course-modal/copy-course-modal.component.html
@@ -16,14 +16,16 @@ <h5 class="modal-title">
         <input [class.invalid]="newCourseIdIsConflicting || courseIdEmptyError" id="copy-course-id" type="text" class="form-control" placeholder="e.g. CS3215-2013Semester1"
           [(ngModel)]="newCourseId" [maxlength]="COURSE_ID_MAX_LENGTH" (focus)="this.newCourseIdIsConflicting = false; courseIdEmptyError = false" (ngModelChange)="onCourseIdChange($event)">
         <span>{{ COURSE_ID_MAX_LENGTH - newCourseId.length }} characters left</span>
-        <div *ngIf="courseIdEmptyError" class="text-danger">The field Course ID should not be empty.</div>
+        <div *ngIf="courseIdEmptyError" class="text-danger">
+          <i class="fa fa-exclamation-circle" aria-hidden="true"></i>The field Course ID should not be empty.</div>
       </div>
       <div class="form-group">
         <label>Course Name:</label>
         <input id="copy-course-name" class="form-control" type="text" placeholder="e.g. Software Engineering" [(ngModel)]="newCourseName"
           [maxlength]="COURSE_NAME_MAX_LENGTH" (focus)="courseNameEmptyError = false" (ngModelChange)="onCourseNameChange($event)"/>
         <span>{{ COURSE_NAME_MAX_LENGTH - newCourseName.length }} characters left</span>
-        <div *ngIf="courseNameEmptyError" class="text-danger">The field Course Name should not be empty.</div>
+        <div *ngIf="courseNameEmptyError" class="text-danger">
+          <i class="fa fa-exclamation-circle" aria-hidden="true"></i>The field Course Name should not be empty.</div>
       </div>
       <div class="form-group">
         <label class="ngb-tooltip-class">