···

       
34
       
 
       
	@state() isLoading = true;

     

       
35
       
 
       
	@state() error = "";

     

       
36
       
 
       
	@state() searchTerm = "";

     

       
37
       
-
       
	@state() showCreateModal = false;

     

       
38
       
 
       
	@state() activeTab: "classes" | "waitlist" = "classes";

     

       
39
       
 
       
	@state() approvingEntry: WaitlistEntry | null = null;

     

       
0
       
 
       

     

       
40
       
 
       
	@state() meetingTimes: MeetingTime[] = [];

     

       
41
       
 
       
	@state() editingClass = {

     

       
42
       
 
       
		courseCode: "",

     
···

       
621
       
 
       
	}

     

       
622
       
 
       


     

       
623
       
 
       
	private handleCreateClass() {

     

       
624
       
-
       
		this.showCreateModal = true;

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
625
       
 
       
	}

     

       
626
       
 
       


     

       
627
       
 
       
	private getFilteredClasses() {

     
···

       
673
       
 
       
					: this.renderWaitlist()

     

       
674
       
 
       
			}

     

       
675
       
 
       


     

       
676
       
-
       
      ${this.approvingEntry ? this.renderApprovalModal() : ""}

     

       
677
       
 
       
    `;

     

       
678
       
 
       
	}

     

       
679
       
 
       


     
···

       
816
       
 
       
		} else {

     

       
817
       
 
       
			this.meetingTimes = [];

     

       
818
       
 
       
		}

     

       
0
       
 
       

     

       
819
       
 
       
	}

     

       
820
       
 
       


     

       
821
       
 
       
	private handleMeetingTimesChange(e: CustomEvent) {

     
···

       
828
       
 
       
	}

     

       
829
       
 
       


     

       
830
       
 
       
	private cancelApproval() {

     

       
0
       
 
       

     

       
831
       
 
       
		this.approvingEntry = null;

     

       
832
       
 
       
		this.meetingTimes = [];

     

       
833
       
 
       
		this.editingClass = {

     
···

       
840
       
 
       
	}

     

       
841
       
 
       


     

       
842
       
 
       
	private async submitApproval() {

     

       
843
       
-
       
		if (!this.approvingEntry) return;

     

       
844
       
-
       


     

       
845
       
 
       
		if (this.meetingTimes.length === 0) {

     

       
846
       
 
       
			this.error = "Please add at least one meeting time";

     

       
847
       
 
       
			return;

     
···

       
870
       
 
       
				throw new Error(data.error || "Failed to create class");

     

       
871
       
 
       
			}

     

       
872
       
 
       


     

       
873
       
-
       
			await fetch(`/api/admin/waitlist/${this.approvingEntry.id}`, {

     

       
874
       
-
       
				method: "DELETE",

     

       
875
       
-
       
			});

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
876
       
 
       


     

       
877
       
 
       
			await this.loadData();

     

       
878
       
 
       


     

       
879
       
 
       
			this.activeTab = "classes";

     

       
0
       
 
       

     

       
880
       
 
       
			this.approvingEntry = null;

     

       
881
       
 
       
			this.meetingTimes = [];

     

       
882
       
 
       
			this.editingClass = {

     
···

       
891
       
 
       
			this.error =

     

       
892
       
 
       
				error instanceof Error

     

       
893
       
 
       
					? error.message

     

       
894
       
-
       
					: "Failed to approve waitlist entry. Please try again.";

     

       
895
       
 
       
		}

     

       
896
       
 
       
	}

     

       
897
       
 
       


     

       
898
       
 
       
	private renderApprovalModal() {

     

       
899
       
-
       
		if (!this.approvingEntry) return "";

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
900
       
 
       


     

       
901
       
 
       
		return html`

     

       
902
       
 
       
      <div class="modal-overlay" @click=${this.cancelApproval}>

     

       
903
       
 
       
        <div class="modal" @click=${(e: Event) => e.stopPropagation()}>

     

       
904
       
-
       
          <h2 class="modal-title">Review & Create Class</h2>

     

       
905
       
 
       


     

       
906
       
 
       
          <p style="margin-bottom: 1.5rem; color: var(--paynes-gray);">

     

       
907
       
-
       
            Review the class details and make any edits before creating

     

       
908
       
 
       
          </p>

     

       
909
       
 
       


     

       
910
       
 
       
          ${this.error ? html`<div class="error-message">${this.error}</div>` : ""}

     

···

       
34
       
 
       
	@state() isLoading = true;

     

       
35
       
 
       
	@state() error = "";

     

       
36
       
 
       
	@state() searchTerm = "";

     

       
37
       
+
       


     

       
38
       
 
       
	@state() activeTab: "classes" | "waitlist" = "classes";

     

       
39
       
 
       
	@state() approvingEntry: WaitlistEntry | null = null;

     

       
40
       
+
       
	@state() showModal = false;

     

       
41
       
 
       
	@state() meetingTimes: MeetingTime[] = [];

     

       
42
       
 
       
	@state() editingClass = {

     

       
43
       
 
       
		courseCode: "",

     
···

       
622
       
 
       
	}

     

       
623
       
 
       


     

       
624
       
 
       
	private handleCreateClass() {

     

       
625
       
+
       
		// Set empty form for creating new class

     

       
626
       
+
       
		this.approvingEntry = null;

     

       
627
       
+
       
		this.editingClass = {

     

       
628
       
+
       
			courseCode: "",

     

       
629
       
+
       
			courseName: "",

     

       
630
       
+
       
			professor: "",

     

       
631
       
+
       
			semester: "",

     

       
632
       
+
       
			year: new Date().getFullYear(),

     

       
633
       
+
       
		};

     

       
634
       
+
       
		this.meetingTimes = [];

     

       
635
       
+
       
		this.showModal = true;

     

       
636
       
 
       
	}

     

       
637
       
 
       


     

       
638
       
 
       
	private getFilteredClasses() {

     
···

       
684
       
 
       
					: this.renderWaitlist()

     

       
685
       
 
       
			}

     

       
686
       
 
       


     

       
687
       
+
       
      ${this.showModal ? this.renderApprovalModal() : ""}

     

       
688
       
 
       
    `;

     

       
689
       
 
       
	}

     

       
690
       
 
       


     
···

       
827
       
 
       
		} else {

     

       
828
       
 
       
			this.meetingTimes = [];

     

       
829
       
 
       
		}

     

       
830
       
+
       
		this.showModal = true;

     

       
831
       
 
       
	}

     

       
832
       
 
       


     

       
833
       
 
       
	private handleMeetingTimesChange(e: CustomEvent) {

     
···

       
840
       
 
       
	}

     

       
841
       
 
       


     

       
842
       
 
       
	private cancelApproval() {

     

       
843
       
+
       
		this.showModal = false;

     

       
844
       
 
       
		this.approvingEntry = null;

     

       
845
       
 
       
		this.meetingTimes = [];

     

       
846
       
 
       
		this.editingClass = {

     
···

       
853
       
 
       
	}

     

       
854
       
 
       


     

       
855
       
 
       
	private async submitApproval() {

     

       
0
       
 
       

     

       
0
       
 
       

     

       
856
       
 
       
		if (this.meetingTimes.length === 0) {

     

       
857
       
 
       
			this.error = "Please add at least one meeting time";

     

       
858
       
 
       
			return;

     
···

       
881
       
 
       
				throw new Error(data.error || "Failed to create class");

     

       
882
       
 
       
			}

     

       
883
       
 
       


     

       
884
       
+
       
			// If approving from waitlist, delete the waitlist entry

     

       
885
       
+
       
			if (this.approvingEntry) {

     

       
886
       
+
       
				await fetch(`/api/admin/waitlist/${this.approvingEntry.id}`, {

     

       
887
       
+
       
					method: "DELETE",

     

       
888
       
+
       
				});

     

       
889
       
+
       
			}

     

       
890
       
 
       


     

       
891
       
 
       
			await this.loadData();

     

       
892
       
 
       


     

       
893
       
 
       
			this.activeTab = "classes";

     

       
894
       
+
       
			this.showModal = false;

     

       
895
       
 
       
			this.approvingEntry = null;

     

       
896
       
 
       
			this.meetingTimes = [];

     

       
897
       
 
       
			this.editingClass = {

     
···

       
906
       
 
       
			this.error =

     

       
907
       
 
       
				error instanceof Error

     

       
908
       
 
       
					? error.message

     

       
909
       
+
       
					: "Failed to create class. Please try again.";

     

       
910
       
 
       
		}

     

       
911
       
 
       
	}

     

       
912
       
 
       


     

       
913
       
 
       
	private renderApprovalModal() {

     

       
914
       
+
       
		const isApproving = !!this.approvingEntry;

     

       
915
       
+
       
		const title = isApproving ? "Review & Create Class" : "Create New Class";

     

       
916
       
+
       
		const description = isApproving

     

       
917
       
+
       
			? "Review the class details and make any edits before creating"

     

       
918
       
+
       
			: "Enter the class details below";

     

       
919
       
 
       


     

       
920
       
 
       
		return html`

     

       
921
       
 
       
      <div class="modal-overlay" @click=${this.cancelApproval}>

     

       
922
       
 
       
        <div class="modal" @click=${(e: Event) => e.stopPropagation()}>

     

       
923
       
+
       
          <h2 class="modal-title">${title}</h2>

     

       
924
       
 
       


     

       
925
       
 
       
          <p style="margin-bottom: 1.5rem; color: var(--paynes-gray);">

     

       
926
       
+
       
            ${description}

     

       
927
       
 
       
          </p>

     

       
928
       
 
       


     

       
929
       
 
       
          ${this.error ? html`<div class="error-message">${this.error}</div>` : ""}