feat: add sections · dunkirk.sh/thistle@4d7be0a

+39

scripts/remove-from-classes.ts

··· 1 + #!/usr/bin/env bun 2 + 3 + import db from "../src/db/schema"; 4 + 5 + const email = process.argv[2]; 6 + 7 + if (!email) { 8 + console.error("Usage: bun scripts/remove-from-classes.ts <email>"); 9 + console.error(" Removes a user from all their enrolled classes"); 10 + process.exit(1); 11 + } 12 + 13 + const user = db 14 + .query<{ id: number; email: string }, [string]>( 15 + "SELECT id, email FROM users WHERE email = ?", 16 + ) 17 + .get(email); 18 + 19 + if (!user) { 20 + console.error(`User with email ${email} not found`); 21 + process.exit(1); 22 + } 23 + 24 + // Get current enrollments 25 + const enrollments = db 26 + .query<{ class_id: string }, [number]>( 27 + "SELECT class_id FROM class_members WHERE user_id = ?", 28 + ) 29 + .all(user.id); 30 + 31 + if (enrollments.length === 0) { 32 + console.log(`User ${email} is not enrolled in any classes`); 33 + process.exit(0); 34 + } 35 + 36 + // Remove from all classes 37 + db.run("DELETE FROM class_members WHERE user_id = ?", [user.id]); 38 + 39 + console.log(`✅ Successfully removed ${email} from ${enrollments.length} class(es)`);

+215 -15

src/components/admin-classes.ts

··· 40 40 @state() activeTab: "classes" | "waitlist" = "classes"; 41 41 @state() approvingEntry: WaitlistEntry | null = null; 42 42 @state() showModal = false; 43 + @state() showClassSettingsModal = false; 44 + @state() editingClassId: string | null = null; 45 + @state() editingClassInfo: Class | null = null; 46 + @state() editingClassSections: { id: string; section_number: string }[] = []; 47 + @state() newSectionNumber = ""; 43 48 @state() meetingTimes: MeetingTime[] = []; 49 + @state() sections: string[] = []; 44 50 @state() editingClass = { 45 51 courseCode: "", 46 52 courseName: "", ··· 664 670 this.showModal = true; 665 671 } 666 672 673 + private async handleEditSections(classId: string) { 674 + try { 675 + const response = await fetch(`/api/classes/${classId}`); 676 + if (!response.ok) throw new Error("Failed to load class"); 677 + 678 + const data = await response.json(); 679 + this.editingClassId = classId; 680 + this.editingClassInfo = data.class; 681 + this.editingClassSections = data.sections || []; 682 + this.newSectionNumber = ""; 683 + this.showClassSettingsModal = true; 684 + } catch { 685 + this.error = "Failed to load class details"; 686 + } 687 + } 688 + 689 + private async handleAddSection() { 690 + if (!this.newSectionNumber.trim() || !this.editingClassId) return; 691 + 692 + try { 693 + const response = await fetch(`/api/classes/${this.editingClassId}/sections`, { 694 + method: "POST", 695 + headers: { "Content-Type": "application/json" }, 696 + body: JSON.stringify({ section_number: this.newSectionNumber.trim() }), 697 + }); 698 + 699 + if (!response.ok) { 700 + const data = await response.json(); 701 + this.error = data.error || "Failed to add section"; 702 + return; 703 + } 704 + 705 + const newSection = await response.json(); 706 + this.editingClassSections = [...this.editingClassSections, newSection]; 707 + this.newSectionNumber = ""; 708 + } catch { 709 + this.error = "Failed to add section"; 710 + } 711 + } 712 + 713 + private async handleDeleteSection(sectionId: string) { 714 + if (!this.editingClassId) return; 715 + 716 + try { 717 + const response = await fetch(`/api/classes/${this.editingClassId}/sections/${sectionId}`, { 718 + method: "DELETE", 719 + }); 720 + 721 + if (!response.ok) { 722 + const data = await response.json(); 723 + this.error = data.error || "Failed to delete section"; 724 + return; 725 + } 726 + 727 + this.editingClassSections = this.editingClassSections.filter(s => s.id !== sectionId); 728 + } catch { 729 + this.error = "Failed to delete section"; 730 + } 731 + } 732 + 733 + private handleCloseSectionsModal() { 734 + this.showClassSettingsModal = false; 735 + this.editingClassId = null; 736 + this.editingClassInfo = null; 737 + this.editingClassSections = []; 738 + this.newSectionNumber = ""; 739 + this.loadData(); 740 + } 741 + 742 + 667 743 private getFilteredClasses() { 668 744 if (!this.searchTerm) return this.classes; 669 745 ··· 714 790 } 715 791 716 792 ${this.showModal ? this.renderApprovalModal() : ""} 793 + ${this.showClassSettingsModal ? this.renderClassSettingsModal() : ""} 717 794 `; 718 795 } 719 796 ··· 743 820 <div class="classes-grid"> 744 821 ${filteredClasses.map( 745 822 (cls) => html` 746 - <div class="class-card ${cls.archived ? "archived" : ""}"> 823 + <div 824 + class="class-card ${cls.archived ? "archived" : ""}" 825 + @click=${() => this.handleEditSections(cls.id)} 826 + style="cursor: pointer;" 827 + > 747 828 <div class="class-header"> 748 829 <div class="class-info"> 749 830 <div class="course-code">${cls.course_code}</div> ··· 756 837 ${cls.archived ? html`<span class="badge archived">Archived</span>` : ""} 757 838 </div> 758 839 </div> 759 - <div class="actions"> 760 - <button 761 - class="btn-archive" 762 - @click=${() => this.handleToggleArchive(cls.id)} 763 - > 764 - ${cls.archived ? "Unarchive" : "Archive"} 765 - </button> 766 - <button 767 - class="btn-delete" 768 - @click=${() => this.handleDeleteClick(cls.id, "class")} 769 - > 770 - ${this.getDeleteButtonText(cls.id, "class")} 771 - </button> 772 - </div> 773 840 </div> 774 841 </div> 775 842 `, ··· 780 847 `; 781 848 } 782 849 850 + private renderClassSettingsModal() { 851 + if (!this.showClassSettingsModal || !this.editingClassInfo) return html``; 852 + 853 + return html` 854 + <div class="modal-overlay" @click=${this.handleCloseSectionsModal}> 855 + <div class="modal" @click=${(e: Event) => e.stopPropagation()} style="max-width: 48rem;"> 856 + <div class="modal-header"> 857 + <h2 class="modal-title">${this.editingClassInfo.course_code} - ${this.editingClassInfo.name}</h2> 858 + <button class="close-btn" @click=${this.handleCloseSectionsModal} type="button">×</button> 859 + </div> 860 + 861 + <div class="tabs" style="margin-bottom: 1.5rem;"> 862 + <div style="display: flex; gap: 0.5rem; border-bottom: 2px solid var(--secondary);"> 863 + <button 864 + style="padding: 0.75rem 1.5rem; background: transparent; color: var(--primary); border: none; border-bottom: 2px solid var(--primary); font-weight: 600; cursor: pointer; margin-bottom: -2px;" 865 + > 866 + Sections 867 + </button> 868 + </div> 869 + </div> 870 + 871 +  872 + <div style="margin-bottom: 1.5rem;"> 873 + <h3 style="margin-bottom: 1rem; color: var(--text);">Manage Sections</h3> 874 + 875 + <div style="display: flex; gap: 0.75rem; margin-bottom: 1rem;"> 876 + <input 877 + type="text" 878 + placeholder="Section number (e.g., 01, 02, A, B)" 879 + .value=${this.newSectionNumber} 880 + @input=${(e: Event) => { 881 + this.newSectionNumber = (e.target as HTMLInputElement).value; 882 + }} 883 + @keypress=${(e: KeyboardEvent) => { 884 + if (e.key === "Enter") { 885 + e.preventDefault(); 886 + this.handleAddSection(); 887 + } 888 + }} 889 + style="flex: 1; padding: 0.75rem; border: 2px solid var(--secondary); border-radius: 6px; font-size: 1rem; background: var(--background); color: var(--text);" 890 + /> 891 + <button 892 + @click=${this.handleAddSection} 893 + ?disabled=${!this.newSectionNumber.trim()} 894 + style="padding: 0.75rem 1.5rem; background: var(--primary); color: white; border: 2px solid var(--primary); border-radius: 6px; font-weight: 500; cursor: pointer; white-space: nowrap;" 895 + > 896 + Add Section 897 + </button> 898 + </div> 899 + 900 + ${ 901 + this.editingClassSections.length === 0 902 + ? html`<p style="color: var(--paynes-gray); text-align: center; padding: 2rem;">No sections yet. Add one above.</p>` 903 + : html` 904 + <div style="display: flex; flex-direction: column; gap: 0.5rem;"> 905 + ${this.editingClassSections.map( 906 + (section) => html` 907 + <div style="display: flex; justify-content: space-between; align-items: center; padding: 0.75rem; background: color-mix(in srgb, var(--secondary) 30%, transparent); border-radius: 6px;"> 908 + <span style="font-weight: 500;">Section ${section.section_number}</span> 909 + <button 910 + @click=${(e: Event) => { 911 + e.stopPropagation(); 912 + this.handleDeleteSection(section.id); 913 + }} 914 + style="padding: 0.5rem 1rem; background: transparent; color: red; border: 2px solid red; border-radius: 4px; font-size: 0.875rem; cursor: pointer;" 915 + > 916 + Delete 917 + </button> 918 + </div> 919 + `, 920 + )} 921 + </div> 922 + ` 923 + } 924 + </div> 925 + 926 +  927 + <div style="display: flex; gap: 0.75rem; justify-content: space-between; padding-top: 1.5rem; border-top: 2px solid var(--secondary);"> 928 + <div style="display: flex; gap: 0.75rem;"> 929 + <button 930 + @click=${(e: Event) => { 931 + e.stopPropagation(); 932 + this.handleToggleArchive(this.editingClassId!); 933 + this.handleCloseSectionsModal(); 934 + }} 935 + style="padding: 0.75rem 1.5rem; background: transparent; color: var(--primary); border: 2px solid var(--primary); border-radius: 6px; font-weight: 500; cursor: pointer;" 936 + > 937 + ${this.editingClassInfo.archived ? "Unarchive" : "Archive"} Class 938 + </button> 939 + <button 940 + @click=${(e: Event) => { 941 + e.stopPropagation(); 942 + this.handleDeleteClick(this.editingClassId!, "class"); 943 + }} 944 + style="padding: 0.75rem 1.5rem; background: transparent; color: red; border: 2px solid red; border-radius: 6px; font-weight: 500; cursor: pointer;" 945 + > 946 + ${this.getDeleteButtonText(this.editingClassId!, "class")} 947 + </button> 948 + </div> 949 + <button 950 + @click=${this.handleCloseSectionsModal} 951 + style="padding: 0.75rem 1.5rem; background: var(--primary); color: white; border: 2px solid var(--primary); border-radius: 6px; font-weight: 500; cursor: pointer;" 952 + > 953 + Done 954 + </button> 955 + </div> 956 + 957 + ${this.error ? html`<div style="color: red; margin-top: 1rem; padding: 0.75rem; background: color-mix(in srgb, red 10%, transparent); border-radius: 6px;">${this.error}</div>` : ""} 958 + </div> 959 + </div> 960 + `; 961 + } 962 + 783 963 private renderWaitlist() { 784 964 return html` 785 965 ${ ··· 865 1045 this.meetingTimes = e.detail; 866 1046 } 867 1047 1048 + private handleSectionsChange(e: Event) { 1049 + const value = (e.target as HTMLInputElement).value; 1050 + this.sections = value 1051 + .split(",") 1052 + .map((s) => s.trim()) 1053 + .filter((s) => s); 1054 + } 1055 + 868 1056 private handleClassFieldInput(field: string, e: Event) { 869 1057 const value = (e.target as HTMLInputElement | HTMLSelectElement).value; 870 1058 this.editingClass = { ...this.editingClass, [field]: value }; ··· 874 1062 this.showModal = false; 875 1063 this.approvingEntry = null; 876 1064 this.meetingTimes = []; 1065 + this.sections = []; 877 1066 this.editingClass = { 878 1067 courseCode: "", 879 1068 courseName: "", ··· 903 1092 semester: this.editingClass.semester, 904 1093 year: this.editingClass.year, 905 1094 meeting_times: labels, 1095 + sections: this.sections.length > 0 ? this.sections : undefined, 906 1096 }), 907 1097 }); 908 1098 ··· 1018 1208 .value=${this.meetingTimes} 1019 1209 @change=${this.handleMeetingTimesChange} 1020 1210 ></meeting-time-picker> 1211 + </div> 1212 + <div class="form-group form-group-full"> 1213 + <label>Sections (optional)</label> 1214 + <input 1215 + type="text" 1216 + placeholder="e.g., 01, 02, 03 or A, B, C" 1217 + .value=${this.sections.join(", ")} 1218 + @input=${this.handleSectionsChange} 1219 + /> 1220 + <div class="help-text">Comma-separated list of section numbers. Leave blank if no sections.</div> 1021 1221 </div> 1022 1222 </div> 1023 1223

+60 -11

src/components/class-registration-modal.ts

···························

+71 -6

src/components/class-view.ts

··· 24 24 id: string; 25 25 user_id: number; 26 26 meeting_time_id: string | null; 27 + section_id: string | null; 27 28 filename: string; 28 29 original_filename: string; 29 30 status: ··· 42 43 audioUrl?: string; 43 44 } 44 45 46 + interface ClassSection { 47 + id: string; 48 + section_number: string; 49 + } 50 + 45 51 @customElement("class-view") 46 52 export class ClassView extends LitElement { 47 53 @state() classId = ""; 48 54 @state() classInfo: Class | null = null; 49 55 @state() meetingTimes: MeetingTime[] = []; 56 + @state() sections: ClassSection[] = []; 57 + @state() userSection: string | null = null; 58 + @state() selectedSectionFilter: string | null = null; 50 59 @state() transcriptions: Transcription[] = []; 51 60 @state() isLoading = true; 52 61 @state() error: string | null = null; ··· 363 372 const data = await response.json(); 364 373 this.classInfo = data.class; 365 374 this.meetingTimes = data.meetingTimes || []; 375 + this.sections = data.sections || []; 376 + this.userSection = data.userSection || null; 366 377 this.transcriptions = data.transcriptions || []; 378 + 379 + // Default to user's section for filtering 380 + if (this.userSection && !this.selectedSectionFilter) { 381 + this.selectedSectionFilter = this.userSection; 382 + } 367 383 368 384 // Load VTT for completed transcriptions 369 385 await this.loadVTTForCompleted(); ··· 450 466 } 451 467 452 468 private get filteredTranscriptions() { 453 - if (!this.searchQuery) return this.transcriptions; 469 + let filtered = this.transcriptions; 470 + 471 + // Filter by selected section (or user's section by default) 472 + const sectionFilter = this.selectedSectionFilter || this.userSection; 473 + 474 + // Only filter by section if: 475 + // 1. There are sections in the class 476 + // 2. User has a section OR has selected one 477 + if (this.sections.length > 0 && sectionFilter) { 478 + // For admins: show all transcriptions 479 + // For users: show their section + transcriptions with no section (legacy/unassigned) 480 + if (!this.isAdmin) { 481 + filtered = filtered.filter( 482 + (t) => t.section_id === sectionFilter || t.section_id === null, 483 + ); 484 + } 485 + } 486 + 487 + // Filter by search query 488 + if (this.searchQuery) { 489 + const query = this.searchQuery.toLowerCase(); 490 + filtered = filtered.filter((t) => 491 + t.original_filename.toLowerCase().includes(query), 492 + ); 493 + } 454 494 455 - const query = this.searchQuery.toLowerCase(); 456 - return this.transcriptions.filter((t) => 457 - t.original_filename.toLowerCase().includes(query), 458 - ); 495 + return filtered; 459 496 } 460 497 461 498 private formatDate(timestamp: number): string { ··· 521 558 <div class="course-code">${this.classInfo.course_code}</div> 522 559 <h1>${this.classInfo.name}</h1> 523 560 <div class="professor">Professor: ${this.classInfo.professor}</div> 524 - <div class="semester">${this.classInfo.semester} ${this.classInfo.year}</div> 561 + <div class="semester"> 562 + ${this.classInfo.semester} ${this.classInfo.year} 563 + ${ 564 + this.userSection 565 + ? ` • Section ${this.sections.find((s) => s.id === this.userSection)?.section_number || ""}` 566 + : "" 567 + } 568 + </div> 525 569 </div> 526 570 </div> 527 571 ··· 549 593 ` 550 594 : html` 551 595 <div class="search-upload"> 596 + ${ 597 + this.sections.length > 1 598 + ? html` 599 + <select 600 + style="padding: 0.5rem 0.75rem; border: 1px solid var(--secondary); border-radius: 4px; font-size: 0.875rem; color: var(--text); background: var(--background);" 601 + @change=${(e: Event) => { 602 + this.selectedSectionFilter = 603 + (e.target as HTMLSelectElement).value || null; 604 + }} 605 + .value=${this.selectedSectionFilter || ""} 606 + > 607 + ${this.sections.map( 608 + (s) => 609 + html`<option value=${s.id} ?selected=${s.id === this.selectedSectionFilter}>${s.section_number}</option>`, 610 + )} 611 + </select> 612 + ` 613 + : "" 614 + } 552 615 <input 553 616 type="text" 554 617 class="search-box" ··· 631 694 ?open=${this.uploadModalOpen} 632 695 .classId=${this.classId} 633 696 .meetingTimes=${this.meetingTimes.map((m) => ({ id: m.id, label: m.label }))} 697 + .sections=${this.sections} 698 + .userSection=${this.userSection} 634 699 @close=${this.handleModalClose} 635 700 @upload-success=${this.handleUploadSuccess} 636 701 ></upload-recording-modal>

+1

src/components/classes-overview.ts

··· 232 232 } 233 233 234 234 private async handleClassJoined() { 235 + this.showRegistrationModal = false; 235 236 await this.loadClasses(); 236 237 } 237 238

+45

src/components/upload-recording-modal.ts

············

+28

src/db/schema.ts

··· 225 225 VALUES (0, 'ghosty@thistle.internal', NULL, 'Ghosty', '👻', 'user', strftime('%s', 'now')); 226 226 `, 227 227 }, 228 + { 229 + version: 2, 230 + name: "Add sections support to classes and class members", 231 + sql: ` 232 + -- Add section_number to classes (nullable for existing classes) 233 + ALTER TABLE classes ADD COLUMN section_number TEXT; 234 + 235 + -- Add section_id to class_members (nullable - NULL means default section) 236 + ALTER TABLE class_members ADD COLUMN section_id TEXT; 237 + 238 + -- Create sections table to track all available sections for a class 239 + CREATE TABLE IF NOT EXISTS class_sections ( 240 + id TEXT PRIMARY KEY, 241 + class_id TEXT NOT NULL, 242 + section_number TEXT NOT NULL, 243 + created_at INTEGER NOT NULL DEFAULT (strftime('%s', 'now')), 244 + FOREIGN KEY (class_id) REFERENCES classes(id) ON DELETE CASCADE, 245 + UNIQUE(class_id, section_number) 246 + ); 247 + 248 + CREATE INDEX IF NOT EXISTS idx_class_sections_class_id ON class_sections(class_id); 249 + 250 + -- Add section_id to transcriptions to track which section uploaded it 251 + ALTER TABLE transcriptions ADD COLUMN section_id TEXT; 252 + 253 + CREATE INDEX IF NOT EXISTS idx_transcriptions_section_id ON transcriptions(section_id); 254 + `, 255 + }, 228 256 ]; 229 257 230 258 function getCurrentVersion(): number {

+62 -9

src/index.ts

··· 48 48 getClassById, 49 49 getClassesForUser, 50 50 getClassMembers, 51 + getClassSections, 51 52 getMeetingById, 52 53 getMeetingTimesForClass, 53 54 getTranscriptionsForClass, 55 + getUserSection, 54 56 isUserEnrolledInClass, 55 57 joinClass, 56 58 removeUserFromClass, 57 59 searchClassesByCourseCode, 58 60 toggleClassArchive, 59 61 updateMeetingTime, 62 + createClassSection, 60 63 } from "./lib/classes"; 61 64 import { sendEmail } from "./lib/email"; 62 65 import { ··· 2224 2227 const meetingTimeId = formData.get("meeting_time_id") as 2225 2228 | string 2226 2229 | null; 2230 + const sectionId = formData.get("section_id") as string | null; 2227 2231 2228 2232 if (!file) throw ValidationErrors.missingField("audio"); 2229 2233 ··· 2292 2296 2293 2297 // Create database record 2294 2298 db.run( 2295 - "INSERT INTO transcriptions (id, user_id, class_id, meeting_time_id, filename, original_filename, status) VALUES (?, ?, ?, ?, ?, ?, ?)", 2299 + "INSERT INTO transcriptions (id, user_id, class_id, meeting_time_id, section_id, filename, original_filename, status) VALUES (?, ?, ?, ?, ?, ?, ?, ?)", 2296 2300 [ 2297 2301 transcriptionId, 2298 2302 user.id, 2299 2303 classId, 2300 2304 meetingTimeId, 2305 + sectionId, 2301 2306 filename, 2302 2307 file.name, 2303 2308 "pending", ··· 2915 2920 cursor, 2916 2921 ); 2917 2922 2918 - // For admin, return flat array. For users, group by semester/year 2919 - if (user.role === "admin") { 2920 - return Response.json(result.data); 2921 - } 2922 - 2923 - // Group by semester/year for regular users 2923 + // Group by semester/year for all users 2924 2924 const grouped: Record< 2925 2925 string, 2926 2926 Array<{ ··· 3019 3019 semester, 3020 3020 year, 3021 3021 meeting_times, 3022 + sections: body.sections, 3022 3023 }); 3023 3024 3024 3025 return Response.json(newClass, { status: 201 }); ··· 3048 3049 .all(user.id) 3049 3050 .map((row) => row.class_id); 3050 3051 3051 - // Add is_enrolled flag to each class 3052 + // Add is_enrolled flag and sections to each class 3052 3053 const classesWithEnrollment = classes.map((cls) => ({ 3053 3054 ...cls, 3054 3055 is_enrolled: enrolledClassIds.includes(cls.id), 3056 + sections: getClassSections(cls.id), 3055 3057 })); 3056 3058 3057 3059 return Response.json({ classes: classesWithEnrollment }); ··· 3066 3068 const user = requireAuth(req); 3067 3069 const body = await req.json(); 3068 3070 const classId = body.class_id; 3071 + const sectionId = body.section_id || null; 3069 3072 3070 3073 const classIdValidation = validateClassId(classId); 3071 3074 if (!classIdValidation.valid) { ··· 3075 3078 ); 3076 3079 } 3077 3080 3078 - const result = joinClass(classId, user.id); 3081 + const result = joinClass(classId, user.id, sectionId); 3079 3082 3080 3083 if (!result.success) { 3081 3084 return Response.json({ error: result.error }, { status: 400 }); ··· 3184 3187 } 3185 3188 3186 3189 const meetingTimes = getMeetingTimesForClass(classId); 3190 + const sections = getClassSections(classId); 3187 3191 const transcriptions = getTranscriptionsForClass(classId); 3192 + const userSection = getUserSection(user.id, classId); 3188 3193 3189 3194 return Response.json({ 3190 3195 class: classInfo, 3191 3196 meetingTimes, 3197 + sections, 3198 + userSection, 3192 3199 transcriptions, 3193 3200 }); 3194 3201 } catch (error) { ··· 3346 3353 3347 3354 const meetingTime = createMeetingTime(classId, label); 3348 3355 return Response.json(meetingTime, { status: 201 }); 3356 + } catch (error) { 3357 + return handleError(error); 3358 + } 3359 + }, 3360 + }, 3361 + "/api/classes/:id/sections": { 3362 + POST: async (req) => { 3363 + try { 3364 + requireAdmin(req); 3365 + const classId = req.params.id; 3366 + const body = await req.json(); 3367 + const { section_number } = body; 3368 + 3369 + if (!section_number) { 3370 + return Response.json({ error: "Section number required" }, { status: 400 }); 3371 + } 3372 + 3373 + const section = createClassSection(classId, section_number); 3374 + return Response.json(section); 3375 + } catch (error) { 3376 + return handleError(error); 3377 + } 3378 + }, 3379 + }, 3380 + "/api/classes/:classId/sections/:sectionId": { 3381 + DELETE: async (req) => { 3382 + try { 3383 + requireAdmin(req); 3384 + const sectionId = req.params.sectionId; 3385 + 3386 + // Check if any students are in this section 3387 + const studentsInSection = db 3388 + .query<{ count: number }, [string]>( 3389 + "SELECT COUNT(*) as count FROM class_members WHERE section_id = ?", 3390 + ) 3391 + .get(sectionId); 3392 + 3393 + if (studentsInSection && studentsInSection.count > 0) { 3394 + return Response.json( 3395 + { error: "Cannot delete section with enrolled students" }, 3396 + { status: 400 }, 3397 + ); 3398 + } 3399 + 3400 + db.run("DELETE FROM class_sections WHERE id = ?", [sectionId]); 3401 + return new Response(null, { status: 204 }); 3349 3402 } catch (error) { 3350 3403 return handleError(error); 3351 3404 }

+96 -6

src/lib/classes.ts

··· 9 9 semester: string; 10 10 year: number; 11 11 archived: boolean; 12 + section_number?: string | null; 13 + created_at: number; 14 + } 15 + 16 + export interface ClassSection { 17 + id: string; 18 + class_id: string; 19 + section_number: string; 12 20 created_at: number; 13 21 } 14 22 ··· 22 30 export interface ClassMember { 23 31 class_id: string; 24 32 user_id: number; 33 + section_id: string | null; 25 34 enrolled_at: number; 26 35 } 27 36 ··· 204 213 semester: string; 205 214 year: number; 206 215 meeting_times?: string[]; 216 + sections?: string[]; 207 217 }): Class { 208 218 const id = nanoid(); 209 219 const now = Math.floor(Date.now() / 1000); ··· 225 235 if (data.meeting_times && data.meeting_times.length > 0) { 226 236 for (const label of data.meeting_times) { 227 237 createMeetingTime(id, label); 238 + } 239 + } 240 + 241 + // Create sections if provided 242 + if (data.sections && data.sections.length > 0) { 243 + for (const sectionNumber of data.sections) { 244 + createClassSection(id, sectionNumber); 228 245 } 229 246 } 230 247 ··· 264 281 /** 265 282 * Enroll a user in a class 266 283 */ 267 - export function enrollUserInClass(userId: number, classId: string): void { 284 + export function enrollUserInClass( 285 + userId: number, 286 + classId: string, 287 + sectionId?: string | null, 288 + ): void { 268 289 const now = Math.floor(Date.now() / 1000); 269 290 db.run( 270 - "INSERT OR IGNORE INTO class_members (class_id, user_id, enrolled_at) VALUES (?, ?, ?)", 271 - [classId, userId, now], 291 + "INSERT OR IGNORE INTO class_members (class_id, user_id, section_id, enrolled_at) VALUES (?, ?, ?, ?)", 292 + [classId, userId, sectionId ?? null, now], 272 293 ); 273 294 } 274 295 ··· 371 392 id: string; 372 393 user_id: number; 373 394 meeting_time_id: string | null; 395 + section_id: string | null; 374 396 filename: string; 375 397 original_filename: string; 376 398 status: string; ··· 381 403 }, 382 404 [string] 383 405 >( 384 - `SELECT id, user_id, meeting_time_id, filename, original_filename, status, progress, error_message, created_at, updated_at 406 + `SELECT id, user_id, meeting_time_id, section_id, filename, original_filename, status, progress, error_message, created_at, updated_at 385 407 FROM transcriptions 386 408 WHERE class_id = ? 387 409 ORDER BY created_at DESC`, ··· 409 431 export function joinClass( 410 432 classId: string, 411 433 userId: number, 434 + sectionId?: string | null, 412 435 ): { success: boolean; error?: string } { 413 436 // Find class by ID 414 437 const cls = db ··· 434 457 return { success: false, error: "Already enrolled in this class" }; 435 458 } 436 459 460 + // Check if class has sections and require one to be selected 461 + const sections = getClassSections(classId); 462 + if (sections.length > 0 && !sectionId) { 463 + return { success: false, error: "Please select a section" }; 464 + } 465 + 466 + // If section provided, validate it exists and belongs to this class 467 + if (sectionId) { 468 + const section = sections.find((s) => s.id === sectionId); 469 + if (!section) { 470 + return { success: false, error: "Invalid section selected" }; 471 + } 472 + } 473 + 437 474 // Enroll user 438 475 db.query( 439 - "INSERT INTO class_members (class_id, user_id, enrolled_at) VALUES (?, ?, ?)", 440 - ).run(cls.id, userId, Math.floor(Date.now() / 1000)); 476 + "INSERT INTO class_members (class_id, user_id, section_id, enrolled_at) VALUES (?, ?, ?, ?)", 477 + ).run(cls.id, userId, sectionId ?? null, Math.floor(Date.now() / 1000)); 441 478 442 479 return { success: true }; 480 + } 481 + 482 + /** 483 + * Create a section for a class 484 + */ 485 + export function createClassSection( 486 + classId: string, 487 + sectionNumber: string, 488 + ): ClassSection { 489 + const id = nanoid(); 490 + const now = Math.floor(Date.now() / 1000); 491 + 492 + db.run( 493 + "INSERT INTO class_sections (id, class_id, section_number, created_at) VALUES (?, ?, ?, ?)", 494 + [id, classId, sectionNumber, now], 495 + ); 496 + 497 + return { 498 + id, 499 + class_id: classId, 500 + section_number: sectionNumber, 501 + created_at: now, 502 + }; 503 + } 504 + 505 + /** 506 + * Get all sections for a class 507 + */ 508 + export function getClassSections(classId: string): ClassSection[] { 509 + return db 510 + .query<ClassSection, [string]>( 511 + "SELECT * FROM class_sections WHERE class_id = ? ORDER BY section_number ASC", 512 + ) 513 + .all(classId); 514 + } 515 + 516 + /** 517 + * Delete a class section 518 + */ 519 + export function deleteClassSection(sectionId: string): void { 520 + db.run("DELETE FROM class_sections WHERE id = ?", [sectionId]); 521 + } 522 + 523 + /** 524 + * Get user's enrolled section for a class 525 + */ 526 + export function getUserSection(userId: number, classId: string): string | null { 527 + const result = db 528 + .query<{ section_id: string | null }, [string, number]>( 529 + "SELECT section_id FROM class_members WHERE class_id = ? AND user_id = ?", 530 + ) 531 + .get(classId, userId); 532 + return result?.section_id ?? null; 443 533 } 444 534 445 535 /**

Configure Feed

Configure Feed