[#13144] Implement 'Copy' button in course enroll page

src/web/app/pages-instructor/instructor-course-enroll-page/instructor-course-enroll-page.component.html

@@ -108,6 +108,16 @@ <h1 id="enroll-header" class="text-break">Enroll Students for {{ courseId }}</h1
                   <tm-ajax-loading *ngIf="isEnrolling"></tm-ajax-loading>
                   Enroll students
                 </button>
+
+                <button
+                        type="button"
+                        title="Copy"
+                        id="btn-copy"
+                        name="button-copy"
+                        class="btn btn-secondary float-end me-2"
+                        (click)="copyToClipboard()">
+                  Copy
+                </button>
               </div>
             </div>
             <div class="row mt-3" style="align-items: center;">

src/web/app/pages-instructor/instructor-course-enroll-page/instructor-course-enroll-page.component.ts

@@ -656,4 +656,29 @@
       scrollOffset: 70,
     });
   }
+
+  /**
+   * Implement the copy method
+   */
+  copyToClipboard(): void {
+    const existingStudentsHOTInstance: Handsontable = this.hotRegisterer.getInstance(this.existingStudentsHOT);
+    const newStudentsHOTInstance: Handsontable = this.hotRegisterer.getInstance(this.newStudentsHOT);
+
+    const existingStudentsData = existingStudentsHOTInstance.getData();
+
+    newStudentsHOTInstance.loadData(existingStudentsData);
+
+    if(!this.isExistingStudentsPresent) {
+      this.statusMessageService.showErrorToast('No valid existing students to copy.');
+      return;
+    }
+
+    if(this.isExistingStudentsPanelCollapsed) {
+      this.statusMessageService.showWarningToast('Please expand existing students.');
+      return;
+    } else {
+      this.statusMessageService.showSuccessToast('Existing students copied successfully.');
+    }
+
+  }
 }