Add copy button without practical function

simonliuanu · Oct 14, 2024 · 870f648 · 870f648
1 parent 6d4f9f4
commit 870f648
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/...ges-instructor/instructor-course-enroll-page/instructor-course-enroll-page.component.html b/...ges-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;">

diff --git a/...pages-instructor/instructor-course-enroll-page/instructor-course-enroll-page.component.ts b/...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")
+  }
 }