From 2d0ae165a0bb961e59e7259d89d1d419dadee547 Mon Sep 17 00:00:00 2001
From: u7861723 <u7861723@anu.edu.au>
Date: Fri, 11 Oct 2024 17:15:04 +1100
Subject: [PATCH] solved #12679

---
 .../copy-session-modal.component.html               |  5 ++++-
 .../copy-session-modal.component.ts                 | 13 +++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

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
index 79ac691daef..434970d0b35 100644
--- 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,8 +10,11 @@ <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" [maxlength]="FEEDBACK_SESSION_NAME_MAX_LENGTH"
+        <input id="copy-session-name" type="text" class="form-control" [(ngModel)]="newFeedbackSessionName" (ngModelChange)="onNameChange()" [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
index d2a0a8beca1..b565ad6b093 100644
--- 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
@@ -25,12 +25,25 @@ export class CopySessionModalComponent {
   newFeedbackSessionName: string = '';
   copyToCourseSet: Set<string> = new Set<string>();
 
+  errorMessage: string = '';
+
   constructor(public activeModal: NgbActiveModal) {}
 
+  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.";
+      return;
+    }
+
+    this.errorMessage = '';
+
     this.activeModal.close({
       newFeedbackSessionName: this.newFeedbackSessionName,
       sessionToCopyCourseId: this.sessionToCopyCourseId,