delete errorMessage

TEAMMATES · Oct 25, 2024 · 6167e76 · 6167e76
1 parent 0db073c
commit 6167e76
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/src/web/app/components/copy-session-modal/copy-session-modal.component.html b/src/web/app/components/copy-session-modal/copy-session-modal.component.html
@@ -10,11 +10,8 @@ <h5 class="modal-title">
     <div class="col-12">
       <div class="form-group">
         <label><b>Name for copied session*</b></label>
-        <input id="copy-session-name" type="text" class="form-control" [(ngModel)]="newFeedbackSessionName" (ngModelChange)="onNameChange()" [maxlength]="FEEDBACK_SESSION_NAME_MAX_LENGTH"
+        <input id="copy-session-name" type="text" class="form-control" [(ngModel)]="newFeedbackSessionName" [maxlength]="FEEDBACK_SESSION_NAME_MAX_LENGTH"
                required #newSessionName="ngModel">
-        <div *ngIf="errorMessage" class="text-danger">
-          {{ errorMessage }}
-        </div>
         <div [hidden]="newSessionName.valid || (newSessionName.pristine && newSessionName.untouched)" class="invalid-field">
             <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
             The field "Name for copied session" should not be empty.

diff --git a/src/web/app/components/copy-session-modal/copy-session-modal.component.ts b/src/web/app/components/copy-session-modal/copy-session-modal.component.ts
@@ -2,6 +2,7 @@ import { Component, Input } from '@angular/core';
 import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 import { Course } from '../../../types/api-output';
 import { FEEDBACK_SESSION_NAME_MAX_LENGTH } from '../../../types/field-validator';
+import { StatusMessageService } from '../../../services/status-message.service';
 
 /**
  * Copy current session modal.
@@ -25,25 +26,19 @@ export class CopySessionModalComponent {
   newFeedbackSessionName: string = '';
   copyToCourseSet: Set<string> = new Set<string>();
 
-  errorMessage: string = '';
 
-  constructor(public activeModal: NgbActiveModal) {}
+  constructor(public activeModal: NgbActiveModal,private statusMessageService: StatusMessageService) {}
 
-  onNameChange(): void {
-    this.errorMessage = '';
-  }
 
   /**
    * Fires the copy event.
    */
   copy(): void {
     if (this.newFeedbackSessionName.trim().length === 0) {
-      this.errorMessage = 'The field "Name for copied session" should not be whitespace.';
+      this.statusMessageService.showErrorToast('The field "Name for copied session" should not be whitespace.')
       return;
     }
 
-    this.errorMessage = '';
-
     this.activeModal.close({
       newFeedbackSessionName: this.newFeedbackSessionName,
       sessionToCopyCourseId: this.sessionToCopyCourseId,