Add copy button without practical function

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,11 @@ export class InstructorCourseEnrollPageComponent implements OnInit {
       scrollOffset: 70,
     });
   }
+
+  /**
+   * Implement the copy method
+   */
+  copyToClipboard() {
+    alert("Copy the student information")
+  }
 }