commit b979981d5bb61a9426f31051fcd5156cdffcbccc · dunkirk.sh/thistle

+73 -23

src/components/admin-classes.ts

···

       45
        
       		semester: "",

     

       46
        
       		year: new Date().getFullYear(),

     

       47
        
       	};

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       48
        
       

     

       49
        
       	static override styles = css`

     

       50
        
           :host {

     
···

       505
        
       		}

     

       506
        
       	}

     

       507
        
       

     

       508
       -
       	private async handleDelete(classId: string, courseName: string) {

     

       509
       -
       		if (

     

       510
       -
       			!confirm(

     

       511
       -
       				`Are you sure you want to delete ${courseName}? This will remove all associated data and cannot be undone.`,

     

       512
       -
       			)

     

       513
       -
       		) {

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       514
        
       			return;

     

       515
        
       		}

     

       516
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       517
        
       		try {

     

       518
        
       			const response = await fetch(`/api/classes/${classId}`, {

     

       519
        
       				method: "DELETE",

     
···

       529
        
       		}

     

       530
        
       	}

     

       531
        
       

     

       532
       -
       	private handleCreateClass() {

     

       533
       -
       		this.showCreateModal = true;

     

       534
       -
       	}

     

       535
       -
       

     

       536
       -
       	private async handleDeleteWaitlist(id: string, courseCode: string) {

     

       537
       -
       		if (

     

       538
       -
       			!confirm(

     

       539
       -
       				`Are you sure you want to delete this waitlist request for ${courseCode}?`,

     

       540
       -
       			)

     

       541
       -
       		) {

     

       542
       -
       			return;

     

       543
       -
       		}

     

       544
       -
       

     

       545
        
       		try {

     

       546
        
       			const response = await fetch(`/api/admin/waitlist/${id}`, {

     

       547
        
       				method: "DELETE",

     
···

       555
        
       		} catch {

     

       556
        
       			this.error = "Failed to delete waitlist entry. Please try again.";

     

       557
        
       		}

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       558
        
       	}

     

       559
        
       

     

       560
        
       	private getFilteredClasses() {

     
···

       652
        
                           </button>

     

       653
        
                           <button

     

       654
        
                             class="btn-delete"

     

       655
       -
                             @click=${() => this.handleDelete(cls.id, cls.course_code)}

     

       656
        
                           >

     

       657
       -
                             Delete

     

       658
        
                           </button>

     

       659
        
                         </div>

     

       660
        
                       </div>

     
···

       706
        
                           </button>

     

       707
        
                           <button

     

       708
        
                             class="btn-delete"

     

       709
       -
                             @click=${() => this.handleDeleteWaitlist(entry.id, entry.course_code)}

     

       710
        
                           >

     

       711
       -
                             Delete

     

       712
        
                           </button>

     

       713
        
                         </div>

     

       714
        
                       </div>

···

       45
        
       		semester: "",

     

       46
        
       		year: new Date().getFullYear(),

     

       47
        
       	};

     

       48
       +
       	@state() deleteState: {

     

       49
       +
       		id: string;

     

       50
       +
       		type: "class" | "waitlist";

     

       51
       +
       		clicks: number;

     

       52
       +
       		timeout: number | null;

     

       53
       +
       	} | null = null;

     

       54
        
       

     

       55
        
       	static override styles = css`

     

       56
        
           :host {

     
···

       511
        
       		}

     

       512
        
       	}

     

       513
        
       

     

       514
       +
       	private handleDeleteClick(id: string, type: "class" | "waitlist") {

     

       515
       +
       		// If this is a different item or timeout expired, reset

     

       516
       +
       		if (!this.deleteState || this.deleteState.id !== id || this.deleteState.type !== type) {

     

       517
       +
       			// Clear any existing timeout

     

       518
       +
       			if (this.deleteState?.timeout) {

     

       519
       +
       				clearTimeout(this.deleteState.timeout);

     

       520
       +
       			}

     

       521
       +
       

     

       522
       +
       			// Set first click

     

       523
       +
       			const timeout = window.setTimeout(() => {

     

       524
       +
       				this.deleteState = null;

     

       525
       +
       			}, 1000);

     

       526
       +
       

     

       527
       +
       			this.deleteState = { id, type, clicks: 1, timeout };

     

       528
       +
       			return;

     

       529
       +
       		}

     

       530
       +
       

     

       531
       +
       		// Increment clicks

     

       532
       +
       		const newClicks = this.deleteState.clicks + 1;

     

       533
       +
       

     

       534
       +
       		// Clear existing timeout

     

       535
       +
       		if (this.deleteState.timeout) {

     

       536
       +
       			clearTimeout(this.deleteState.timeout);

     

       537
       +
       		}

     

       538
       +
       

     

       539
       +
       		// Third click - actually delete

     

       540
       +
       		if (newClicks === 3) {

     

       541
       +
       			this.deleteState = null;

     

       542
       +
       			if (type === "class") {

     

       543
       +
       				this.performDeleteClass(id);

     

       544
       +
       			} else {

     

       545
       +
       				this.performDeleteWaitlist(id);

     

       546
       +
       			}

     

       547
        
       			return;

     

       548
        
       		}

     

       549
        
       

     

       550
       +
       		// Second click - reset timeout

     

       551
       +
       		const timeout = window.setTimeout(() => {

     

       552
       +
       			this.deleteState = null;

     

       553
       +
       		}, 1000);

     

       554
       +
       

     

       555
       +
       		this.deleteState = { id, type, clicks: newClicks, timeout };

     

       556
       +
       	}

     

       557
       +
       

     

       558
       +
       	private getDeleteButtonText(id: string, type: "class" | "waitlist"): string {

     

       559
       +
       		if (!this.deleteState || this.deleteState.id !== id || this.deleteState.type !== type) {

     

       560
       +
       			return "Delete";

     

       561
       +
       		}

     

       562
       +
       

     

       563
       +
       		if (this.deleteState.clicks === 1) {

     

       564
       +
       			return "Are you sure?";

     

       565
       +
       		}

     

       566
       +
       

     

       567
       +
       		if (this.deleteState.clicks === 2) {

     

       568
       +
       			return "Final warning!";

     

       569
       +
       		}

     

       570
       +
       

     

       571
       +
       		return "Delete";

     

       572
       +
       	}

     

       573
       +
       

     

       574
       +
       	private async performDeleteClass(classId: string) {

     

       575
        
       		try {

     

       576
        
       			const response = await fetch(`/api/classes/${classId}`, {

     

       577
        
       				method: "DELETE",

     
···

       587
        
       		}

     

       588
        
       	}

     

       589
        
       

     

       590
       +
       	private async performDeleteWaitlist(id: string) {

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       591
        
       		try {

     

       592
        
       			const response = await fetch(`/api/admin/waitlist/${id}`, {

     

       593
        
       				method: "DELETE",

     
···

       601
        
       		} catch {

     

       602
        
       			this.error = "Failed to delete waitlist entry. Please try again.";

     

       603
        
       		}

     

       604
       +
       	}

     

       605
       +
       

     

       606
       +
       	private handleCreateClass() {

     

       607
       +
       		this.showCreateModal = true;

     

       608
        
       	}

     

       609
        
       

     

       610
        
       	private getFilteredClasses() {

     
···

       702
        
                           </button>

     

       703
        
                           <button

     

       704
        
                             class="btn-delete"

     

       705
       +
                             @click=${() => this.handleDeleteClick(cls.id, "class")}

     

       706
        
                           >

     

       707
       +
                             ${this.getDeleteButtonText(cls.id, "class")}

     

       708
        
                           </button>

     

       709
        
                         </div>

     

       710
        
                       </div>

     
···

       756
        
                           </button>

     

       757
        
                           <button

     

       758
        
                             class="btn-delete"

     

       759
       +
                             @click=${() => this.handleDeleteClick(entry.id, "waitlist")}

     

       760
        
                           >

     

       761
       +
                             ${this.getDeleteButtonText(entry.id, "waitlist")}

     

       762
        
                           </button>

     

       763
        
                         </div>

     

       764
        
                       </div>