Admin Panel - Projektauswahl

\n\n

Student Responses

View and manage all student responses on a dedicated page with advanced filtering and sorting.

\n View Student Responses →\n

\n\n

Project Assignments

View students grouped by their #1 project choices and assign students to projects.

\n Manage Assignments →\n

\n\n

View Assignments

View saved assignments in different formats for easy review and printing.

\n Individual View →\n By Project →\n

\n\n

Timeslots

Add New Timeslot

\n \n \n \n \n

\n\n

Projects

Add New Project

\n \n \n \n \n \n \n \n

\n\n \n \n\n \n\n\n",["D",1777024015561],"branchVersion","label",[18],"pulls","branches","forks","envVars",{"_169":26,"_171":26},"connections",{"_169":26,"_170":26},"count","unfilledCount","emptyCount",{"_32":270,"_13":269,"_65":264,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":271,"_38":26,"_67":258,"_156":-5,"_68":24,"_160":-5,"_191":272,"_17":273},{"_32":261,"_13":262,"_65":263,"_42":264,"_34":35,"_159":39,"_188":84,"_36":265,"_38":26,"_67":21,"_156":266,"_68":24,"_160":-5,"_191":267,"_17":268},{"_32":256,"_13":255,"_65":249,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":257,"_38":26,"_67":258,"_156":-5,"_68":24,"_160":-5,"_191":259,"_17":260},{"_32":247,"_13":248,"_65":82,"_42":249,"_34":35,"_159":39,"_188":84,"_36":250,"_38":26,"_67":251,"_156":252,"_68":24,"_160":-5,"_191":253,"_17":254},{"_32":240,"_13":241,"_65":242,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":243,"_38":26,"_67":21,"_156":244,"_68":24,"_160":-5,"_191":245,"_17":246},{"_32":233,"_13":234,"_65":235,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":236,"_38":26,"_67":21,"_156":237,"_68":24,"_160":-5,"_191":238,"_17":239},{"_32":226,"_13":227,"_65":228,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":229,"_38":26,"_67":21,"_156":230,"_68":24,"_160":-5,"_191":231,"_17":232},{"_32":219,"_13":220,"_65":221,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":222,"_38":26,"_67":21,"_156":223,"_68":24,"_160":-5,"_191":224,"_17":225},{"_32":212,"_13":213,"_65":214,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":215,"_38":26,"_67":21,"_156":216,"_68":24,"_160":-5,"_191":217,"_17":218},{"_32":155,"_13":18,"_65":66,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":209,"_38":26,"_67":21,"_156":157,"_68":24,"_160":-5,"_191":210,"_17":211},{"_32":202,"_13":203,"_65":204,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":205,"_38":26,"_67":21,"_156":206,"_68":24,"_160":-5,"_191":207,"_17":208},{"_32":194,"_13":195,"_65":196,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":197,"_38":26,"_67":198,"_156":199,"_68":24,"_160":-5,"_191":200,"_17":201},{"_32":185,"_13":186,"_65":187,"_42":-5,"_34":35,"_159":39,"_188":84,"_36":189,"_38":26,"_67":21,"_156":190,"_68":24,"_160":-5,"_191":192,"_17":193},"87df0f9e-3fc2-11f1-9c4a-42b51c65c3df","schueler.html","019dbee2-9eae-77ea-a4ee-fff8f2b553f7","latest",["D",1777024015561],"\n\n \n \n \n Projektauswahl\n \n \n \n

Projektauswahl

Wähle deine Top 3 Favoriten für jede Zeitspanne

\n\n \n

\n\n \n \n","children",[],[186],"87df0cce-3fc2-11f1-9c4a-42b51c65c3df","main.ts","019dbee2-9eae-77ea-a4ee-fb55525a0928",["D",1777024015561],"script","",[],[195],"87de96fe-3fc2-11f1-9c4a-42b51c65c3df","assignment.html","019dbee2-9eae-77ea-a4ee-f59f91dcac1a",["D",1777024015561],"\n\n\n \n \n Kid-to-Project Assignment Optimizer\n \n \n \n \n\n\n

\n\n \n\n",[],[203],["D",1777024015561],[],[18],"87de11f2-3fc2-11f1-9c4a-42b51c65c3df","admin-responses.html","019dbee2-9eae-77ea-a4ee-eeab73973497",["D",1777024015561],"\n\n\n Student Responses - Projektauswahl\n \n\n\n \n\n

Total Submissions

Unique Students

\n\n \n\n \n\n

\n\n \n\n\n",[],[213],"87dd6cde-3fc2-11f1-9c4a-42b51c65c3df","admin-assignments.html","019dbee2-9eae-77ea-a4ee-eb91b5c5430d",["D",1777024015561],"\n\n\n Project Assignments - Projektauswahl\n \n\n\n \n\n

Optimization Settings

\n\n Select Timeslot:\n \n\n \n \n\n \n\n

\n \n \n \n

\n\n

\n 💡 Tip: After optimization, you can drag and drop students between projects to manually adjust assignments.\n

\n\n

Assignment Statistics

Total Score

1st Choice

2nd Choice

3rd Choice

Not Preferred

\n\n

Select a timeslot and click \"Optimize Assignment\" to see results

\n\n \n

\n\n \n\n\n",[],[220],"87dcec5a-3fc2-11f1-9c4a-42b51c65c3df","admin-assignments-individual.html","019dbee2-9eae-77ea-a4ee-e4c64ec43d9b",["D",1777024015561],"\n\n\n Individual Assignments - Projektauswahl\n \n\n\n \n\n

\n \n \n \n Show expanded view (with project descriptions)\n \n

\n\n

\n Loading assignments...\n

\n\n

\n No assignments found\n

\n\n

\n \n

\n\n \n\n\n",[],[227],"87dcaef2-3fc2-11f1-9c4a-42b51c65c3df","admin-assignments-by-project.html","019dbee2-9eae-77ea-a4ee-e0cb799b03ed",["D",1777024015561],"\n\n\n Assignments by Project - Projektauswahl\n \n\n\n \n\n

Assignments by Project - All Timeslots

\n\n \n\n

\n\n

Loading assignments...

\n\n \n\n\n",[],[234],"87dc86d4-3fc2-11f1-9c4a-42b51c65c3df","README.md","019dbee2-9eae-77ea-a4ee-df039a113fec",["D",1777024015561],"# Projektauswahl System\n\nA dynamic project selection system where students can rank their preferences for different time slots with a comprehensive admin interface for management.\n\n## Features\n\n- **Dynamic Data Management**: Timeslots and projects are stored in SQLite database\n- **Student Interface**: Drag-and-drop interface for ranking project preferences\n- **Advanced Admin Panel**: Web-based interface with inline editing capabilities\n- **Data Export**: CSV export of student responses\n- **Responsive Design**: Works on desktop and mobile devices\n\n## Structure\n\n```\n├── backend/\n│ └── index.ts # Main backend with API routes and admin panel\n├── schueler.html # Student-facing form (dynamically loads data)\n└── README.md # This file\n```\n\n## Usage\n\n### Student Interface\n- Visit the main page to fill out project preferences\n- Enter your name and drag projects to rank them for each timeslot\n- Submit to save responses to database\n\n### Admin Interface\n- Visit `/admin` to manage the system\n- **Inline Editing**: Click \"Edit\" on any timeslot or project to modify it directly in the table\n - Edit timeslot titles, descriptions, and order\n - Edit project names, descriptions, and reassign to different timeslots\n - Visual feedback with highlighted rows during editing\n - Save/Cancel options for each edit operation\n- **Bulk Operations**: Add new timeslots and projects using the forms\n- **Status Management**: Activate/deactivate timeslots and projects\n- **Data Management**: View all student responses and export as CSV\n- **Safe Deletion**: Delete items with confirmation dialogs\n\n## API Endpoints\n\n### Public Endpoints\n- `GET /` - Student form\n- `GET /api/timeslots` - Get all active timeslots with projects\n- `POST /api/responses` - Submit student responses\n\n### Admin Endpoints\n- `GET /admin` - Admin panel interface with inline editing\n- `GET /admin/responses` - View student responses grouped by student\n- `GET /api/debug/data` - View all database data\n- `GET /api/debug/reset` - Reset database (development only)\n- `POST /api/admin/timeslots` - Add new timeslot\n- `POST /api/admin/projects` - Add new project\n- `POST /api/admin/projects/:id/copy` - Copy project to different timeslot\n- `PUT /api/admin/timeslots/:id` - Update timeslot (supports full updates and status toggle)\n- `PUT /api/admin/projects/:id` - Update project (supports full updates and status toggle)\n- `DELETE /api/admin/timeslots/:id` - Delete timeslot (cascades to projects and responses)\n- `DELETE /api/admin/projects/:id` - Delete project\n- `DELETE /api/admin/responses/student/:studentName` - Delete all responses for a specific student\n- `GET /api/admin/export-csv` - Export responses as CSV\n\n## Database Schema\n\n### Timeslots Table\n- `id` - Primary key\n- `title` - Display title (e.g., \"1. Dienstag 9:00-10:30 Uhr\")\n- `time_description` - Time description\n- `order_index` - Display order\n- `active` - Whether timeslot is active\n- `created_at` - Creation timestamp\n\n### Projects Table\n- `id` - Primary key\n- `timeslot_id` - Foreign key to timeslots\n- `project_name` - Project name\n- `project_description` - Optional description\n- `max_participants` - Maximum number of participants (optional)\n- `active` - Whether project is active\n- `created_at` - Creation timestamp\n\n### Responses Table\n- `id` - Primary key\n- `student_name` - Student's name\n- `timeslot_id` - Foreign key to timeslots\n- `first_choice` - First preference\n- `second_choice` - Second preference\n- `third_choice` - Third preference\n- `submitted_at` - Submission timestamp\n\n## Admin Panel Features\n\n### Inline Editing\n- **Timeslots**: Edit title, description, and order index directly in the table\n- **Projects**: Edit name, description, max participants, and reassign to different timeslots\n- **Visual Feedback**: Rows highlight in yellow during edit mode\n- **State Management**: Only one item can be edited at a time\n- **Validation**: Form validation before saving changes\n\n### User Interface\n- **Color-coded Buttons**:\n - 🔵 Edit (Blue) - Start inline editing\n - 🟢 Save (Green) - Confirm changes\n - ⚫ Cancel (Gray) - Discard changes\n - 🔵 Copy (Cyan) - Copy project to another timeslot\n - 🟡 Toggle (Yellow) - Activate/Deactivate\n - 🔴 Delete (Red) - Remove item\n- **Responsive Tables**: Optimized for both desktop and mobile viewing\n- **Real-time Updates**: Changes reflect immediately after saving\n\n### Data Management\n- **Student Response Grouping**: View all responses grouped by student at `/admin/responses`\n- **Student Response Deletion**: Delete all responses for a specific student with one click\n- **Export Functionality**: Download all student responses as CSV\n- **Copy Projects**: Easily duplicate projects across different timeslots\n- **Bulk Operations**: Add multiple items using the forms\n- **Safe Deletion**: Confirmation dialogs prevent accidental deletions\n- **Cascade Operations**: Deleting timeslots removes associated projects and responses\n\n## Default Data\n\nThe system initializes with:\n- 3 timeslots (Tuesday morning sessions)\n- 8 projects (Projekt A through H) for each timeslot\n\n## Customization\n\nYou can customize the system by:\n1. **Using the Admin Panel**: \n - Inline edit existing timeslots and projects\n - Add new timeslots and projects via forms\n - Activate/deactivate items as needed\n2. **Styling Changes**: Modify the CSS in `schueler.html` for student interface styling\n3. **Database Schema**: Update the schema in `backend/index.ts` for additional fields\n4. **Admin Interface**: Customize the admin panel styling and functionality\n\n## Development\n\n### Database Reset\nTo reset the database during development:\n```\nGET /api/debug/reset\n```\nThis will drop all tables and recreate them with default data.\n\n### Debugging\n- Use `/api/debug/data` to view all database contents\n- Check browser console for client-side errors\n- Server logs show database operations and API calls\n\n## Security Notes\n\n- No authentication is currently implemented on admin endpoints\n- Consider adding authentication for production use\n- All admin functions are accessible via `/admin` URL\n- Database operations include proper error handling and validation",[],[241],"87dc290a-3fc2-11f1-9c4a-42b51c65c3df","index.ts","019dbee2-9eae-77ea-a4ee-dacc42aaf296",["D",1777024015561],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite/main.tsx\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Database setup\nconst TIMESLOTS_TABLE = 'project_timeslots';\nconst PROJECTS_TABLE = 'project_options';\nconst RESPONSES_TABLE = 'student_responses';\nconst ASSIGNMENTS_TABLE = 'project_assignments';\n\n// Initialize database tables\nasync function initDatabase() {\n // Create timeslots table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TIMESLOTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n time_description TEXT NOT NULL,\n order_index INTEGER NOT NULL,\n active BOOLEAN DEFAULT 1,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n\n // Create projects table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${PROJECTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n timeslot_id INTEGER,\n project_name TEXT NOT NULL,\n project_description TEXT,\n offered_by TEXT,\n max_participants INTEGER DEFAULT NULL,\n active BOOLEAN DEFAULT 1,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (timeslot_id) REFERENCES ${TIMESLOTS_TABLE} (id)\n )`);\n\n // Create responses table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${RESPONSES_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n submission_id TEXT NOT NULL,\n student_name TEXT NOT NULL,\n timeslot_id INTEGER,\n first_choice TEXT,\n second_choice TEXT,\n third_choice TEXT,\n submitted_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (timeslot_id) REFERENCES ${TIMESLOTS_TABLE} (id)\n )`);\n\n // Create assignments table\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${ASSIGNMENTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n timeslot_id INTEGER NOT NULL,\n student_name TEXT NOT NULL,\n project_name TEXT NOT NULL,\n preference_rank INTEGER,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (timeslot_id) REFERENCES ${TIMESLOTS_TABLE} (id),\n UNIQUE(timeslot_id, student_name)\n )`);\n\n // Check if offered_by column exists, if not add it (migration)\n try {\n const { rows: columns } = await sqlite.execute(`PRAGMA table_info(${PROJECTS_TABLE})`);\n const hasOfferedBy = columns.some(col => col.name === 'offered_by');\n\n if (!hasOfferedBy) {\n console.log('Adding offered_by column to projects table...');\n await sqlite.execute(`ALTER TABLE ${PROJECTS_TABLE} ADD COLUMN offered_by TEXT`);\n console.log('offered_by column added successfully');\n }\n } catch (error) {\n console.error('Error checking/adding offered_by column:', error);\n }\n\n // Check if what_to_bring column exists, if not add it (migration)\n try {\n const { rows: columns } = await sqlite.execute(`PRAGMA table_info(${PROJECTS_TABLE})`);\n const hasWhatToBring = columns.some(col => col.name === 'what_to_bring');\n\n if (!hasWhatToBring) {\n console.log('Adding what_to_bring column to projects table...');\n await sqlite.execute(`ALTER TABLE ${PROJECTS_TABLE} ADD COLUMN what_to_bring TEXT`);\n console.log('what_to_bring column added successfully');\n }\n } catch (error) {\n console.error('Error checking/adding what_to_bring column:', error);\n }\n\n // Insert default data if tables are empty\n const { rows: timeslotCount } = await sqlite.execute(`SELECT COUNT(*) as count FROM ${TIMESLOTS_TABLE}`);\n if (timeslotCount[0].count === 0) {\n await insertDefaultData();\n }\n}\n\nasync function insertDefaultData() {\n // Insert default timeslots\n const timeslots = [\n { title: \"1. Dienstag 9:00-10:30 Uhr\", time_description: \"Dienstag 9:00-10:30 Uhr\", order_index: 1 },\n { title: \"2. Dienstag 10:45-12:15 Uhr\", time_description: \"Dienstag 10:45-12:15 Uhr\", order_index: 2 },\n { title: \"3. Dienstag 12:45-13:30 Uhr\", time_description: \"Dienstag 12:45-13:30 Uhr\", order_index: 3 }\n ];\n\n for (const timeslot of timeslots) {\n await sqlite.execute(\n `INSERT INTO ${TIMESLOTS_TABLE} (title, time_description, order_index) VALUES (?, ?, ?)`,\n [timeslot.title, timeslot.time_description, timeslot.order_index]\n );\n \n // Get the timeslot ID by querying back\n const { rows: insertedTimeslot } = await sqlite.execute(\n `SELECT id FROM ${TIMESLOTS_TABLE} WHERE title = ? AND order_index = ?`,\n [timeslot.title, timeslot.order_index]\n );\n \n const timeslotId = insertedTimeslot[0].id;\n console.log(`Inserted timeslot with ID: ${timeslotId}`);\n \n // Insert default projects for each timeslot\n const projects = ['Projekt A', 'Projekt B', 'Projekt C', 'Projekt D', 'Projekt E', 'Projekt F', 'Projekt G', 'Projekt H'];\n \n for (const projectName of projects) {\n await sqlite.execute(\n `INSERT INTO ${PROJECTS_TABLE} (timeslot_id, project_name) VALUES (?, ?)`,\n [timeslotId, projectName]\n );\n console.log(`Inserted project ${projectName} for timeslot ${timeslotId}`);\n }\n }\n}\n\n// API Routes\napp.get('/api/debug/reset', async (c) => {\n // Drop and recreate tables\n await sqlite.execute(`DROP TABLE IF EXISTS ${RESPONSES_TABLE}`);\n await sqlite.execute(`DROP TABLE IF EXISTS ${PROJECTS_TABLE}`);\n await sqlite.execute(`DROP TABLE IF EXISTS ${TIMESLOTS_TABLE}`);\n \n await initDatabase();\n return c.json({ message: 'Database reset complete' });\n});\n\napp.get('/api/debug/data', async (c) => {\n const { rows: timeslots } = await sqlite.execute(`SELECT * FROM ${TIMESLOTS_TABLE}`);\n const { rows: projects } = await sqlite.execute(`SELECT * FROM ${PROJECTS_TABLE}`);\n const { rows: responses } = await sqlite.execute(`SELECT * FROM ${RESPONSES_TABLE}`);\n \n return c.json({ timeslots, projects, responses });\n});\n\napp.get('/api/timeslots', async (c) => {\n const { rows: timeslots } = await sqlite.execute(\n `SELECT * FROM ${TIMESLOTS_TABLE} WHERE active = 1 ORDER BY order_index`\n );\n\n const timelotData = [];\n \n for (const timeslot of timeslots) {\n const { rows: projects } = await sqlite.execute(\n `SELECT * FROM ${PROJECTS_TABLE} WHERE timeslot_id = ? AND active = 1`,\n [timeslot.id]\n );\n \n timelotData.push({\n id: timeslot.id,\n title: timeslot.title,\n timeDescription: timeslot.time_description,\n orderIndex: timeslot.order_index,\n projects: projects.map(p => ({\n id: p.id,\n name: p.project_name,\n description: p.project_description,\n offeredBy: p.offered_by,\n maxParticipants: p.max_participants,\n whatToBring: p.what_to_bring\n }))\n });\n }\n\n return c.json(timelotData);\n});\n\napp.post('/api/responses', async (c) => {\n const data = await c.req.json();\n\n // Validate required fields\n if (!data.name || !data.responses || !Array.isArray(data.responses)) {\n return c.json({ error: 'Invalid data format' }, 400);\n }\n\n // Generate submission ID if not provided\n const submissionId = data.submissionId || crypto.randomUUID();\n\n try {\n // Insert each response\n for (const response of data.responses) {\n if (response.rankings && response.rankings.length >= 3) {\n // Find timeslot ID by title\n const { rows: timeslots } = await sqlite.execute(\n `SELECT id FROM ${TIMESLOTS_TABLE} WHERE title = ?`,\n [response.question]\n );\n\n if (timeslots.length > 0) {\n await sqlite.execute(\n `INSERT INTO ${RESPONSES_TABLE} (submission_id, student_name, timeslot_id, first_choice, second_choice, third_choice)\n VALUES (?, ?, ?, ?, ?, ?)`,\n [\n submissionId,\n data.name,\n timeslots[0].id,\n response.rankings[0] || null,\n response.rankings[1] || null,\n response.rankings[2] || null\n ]\n );\n }\n }\n }\n\n return c.json({ success: true, message: 'Responses saved successfully', submissionId });\n } catch (error) {\n console.error('Error saving responses:', error);\n return c.json({ error: 'Failed to save responses' }, 500);\n }\n});\n\n// Copy project API endpoint\napp.post('/api/admin/projects/:id/copy', async (c) => {\n const sourceId = c.req.param('id');\n const data = await c.req.json();\n \n try {\n // Get the source project\n const { rows: sourceProjects } = await sqlite.execute(\n `SELECT * FROM ${PROJECTS_TABLE} WHERE id = ?`,\n [sourceId]\n );\n \n if (sourceProjects.length === 0) {\n return c.json({ error: 'Source project not found' }, 404);\n }\n \n const sourceProject = sourceProjects[0];\n \n // Insert the copied project\n await sqlite.execute(\n `INSERT INTO ${PROJECTS_TABLE} (timeslot_id, project_name, project_description, offered_by, max_participants, what_to_bring) VALUES (?, ?, ?, ?, ?, ?)`,\n [data.target_timeslot_id, sourceProject.project_name, sourceProject.project_description, sourceProject.offered_by, sourceProject.max_participants, sourceProject.what_to_bring]\n );\n \n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\n// Admin routes for managing timeslots and projects\napp.get('/admin', async (c) => {\n const adminHtml = await readFile(\"/admin.html\", import.meta.url);\n return c.html(adminHtml);\n});\n\n// Admin responses page - separate page for viewing student responses\napp.get('/admin/responses', async (c) => {\n const responsesHtml = await readFile(\"/admin-responses.html\", import.meta.url);\n return c.html(responsesHtml);\n});\n\n// Admin assignments page - for assigning students to projects\napp.get('/admin/assignments', async (c) => {\n const assignmentsHtml = await readFile(\"/admin-assignments.html\", import.meta.url);\n return c.html(assignmentsHtml);\n});\n\n// Admin assignments individual view\napp.get('/admin/assignments/individual', async (c) => {\n const individualHtml = await readFile(\"/admin-assignments-individual.html\", import.meta.url);\n return c.html(individualHtml);\n});\n\n// Admin assignments by project view\napp.get('/admin/assignments/by-project', async (c) => {\n const byProjectHtml = await readFile(\"/admin-assignments-by-project.html\", import.meta.url);\n return c.html(byProjectHtml);\n});\n\n// Admin API routes\napp.post('/api/admin/timeslots', async (c) => {\n const data = await c.req.json();\n\n try {\n await sqlite.execute(\n `INSERT INTO ${TIMESLOTS_TABLE} (title, time_description, order_index) VALUES (?, ?, ?)`,\n [data.title, data.time_description, data.order_index]\n );\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.post('/api/admin/projects', async (c) => {\n const data = await c.req.json();\n\n try {\n await sqlite.execute(\n `INSERT INTO ${PROJECTS_TABLE} (timeslot_id, project_name, project_description, offered_by, max_participants, what_to_bring) VALUES (?, ?, ?, ?, ?, ?)`,\n [data.timeslot_id, data.project_name, data.project_description, data.offered_by, data.max_participants, data.what_to_bring]\n );\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.put('/api/admin/timeslots/:id', async (c) => {\n const id = c.req.param('id');\n const data = await c.req.json();\n\n try {\n if (data.updateAll) {\n // Update all fields\n await sqlite.execute(\n `UPDATE ${TIMESLOTS_TABLE} SET title = ?, time_description = ?, order_index = ? WHERE id = ?`,\n [data.title, data.time_description, data.order_index, id]\n );\n } else {\n // Update only active status (existing functionality)\n await sqlite.execute(\n `UPDATE ${TIMESLOTS_TABLE} SET active = ? WHERE id = ?`,\n [data.active ? 1 : 0, id]\n );\n }\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.put('/api/admin/projects/:id', async (c) => {\n const id = c.req.param('id');\n const data = await c.req.json();\n\n try {\n if (data.updateAll) {\n // Update all fields\n await sqlite.execute(\n `UPDATE ${PROJECTS_TABLE} SET timeslot_id = ?, project_name = ?, project_description = ?, offered_by = ?, max_participants = ?, what_to_bring = ? WHERE id = ?`,\n [data.timeslot_id, data.project_name, data.project_description, data.offered_by, data.max_participants, data.what_to_bring, id]\n );\n } else {\n // Update only active status (existing functionality)\n await sqlite.execute(\n `UPDATE ${PROJECTS_TABLE} SET active = ? WHERE id = ?`,\n [data.active ? 1 : 0, id]\n );\n }\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.delete('/api/admin/timeslots/:id', async (c) => {\n const id = c.req.param('id');\n\n try {\n // Delete associated responses and projects first\n await sqlite.execute(`DELETE FROM ${RESPONSES_TABLE} WHERE timeslot_id = ?`, [id]);\n await sqlite.execute(`DELETE FROM ${PROJECTS_TABLE} WHERE timeslot_id = ?`, [id]);\n await sqlite.execute(`DELETE FROM ${TIMESLOTS_TABLE} WHERE id = ?`, [id]);\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.delete('/api/admin/responses/student/:studentName', async (c) => {\n const studentName = decodeURIComponent(c.req.param('studentName'));\n\n try {\n // Delete all responses for this student\n await sqlite.execute(`DELETE FROM ${RESPONSES_TABLE} WHERE student_name = ?`, [studentName]);\n // Also delete all assignments for this student\n await sqlite.execute(`DELETE FROM ${ASSIGNMENTS_TABLE} WHERE student_name = ?`, [studentName]);\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.delete('/api/admin/responses/submission/:submissionId', async (c) => {\n const submissionId = decodeURIComponent(c.req.param('submissionId'));\n\n try {\n // Delete all responses for this submission\n await sqlite.execute(`DELETE FROM ${RESPONSES_TABLE} WHERE submission_id = ?`, [submissionId]);\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.delete('/api/admin/projects/:id', async (c) => {\n const id = c.req.param('id');\n\n try {\n await sqlite.execute(`DELETE FROM ${PROJECTS_TABLE} WHERE id = ?`, [id]);\n return c.json({ success: true });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\n// API endpoints for assignments\napp.post('/api/admin/assignments/:timeslotId/save', async (c) => {\n const timeslotId = parseInt(c.req.param('timeslotId'));\n const { assignments } = await c.req.json();\n\n try {\n // Delete existing assignments for this timeslot\n await sqlite.execute(\n `DELETE FROM ${ASSIGNMENTS_TABLE} WHERE timeslot_id = ?`,\n [timeslotId]\n );\n\n // Insert new assignments\n for (const assignment of assignments) {\n await sqlite.execute(\n `INSERT INTO ${ASSIGNMENTS_TABLE} (timeslot_id, student_name, project_name, preference_rank)\n VALUES (?, ?, ?, ?)`,\n [timeslotId, assignment.studentName, assignment.projectName, assignment.preferenceRank]\n );\n }\n\n return c.json({ success: true, message: 'Assignments saved successfully' });\n } catch (error) {\n console.error('Error saving assignments:', error);\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.post('/api/admin/assignments/:timeslotId/assign', async (c) => {\n const timeslotId = parseInt(c.req.param('timeslotId'));\n const { studentName, projectName, preferenceRank } = await c.req.json();\n\n try {\n // Delete existing assignment for this student in this timeslot\n await sqlite.execute(\n `DELETE FROM ${ASSIGNMENTS_TABLE} WHERE timeslot_id = ? AND student_name = ?`,\n [timeslotId, studentName]\n );\n\n // Insert new assignment\n await sqlite.execute(\n `INSERT INTO ${ASSIGNMENTS_TABLE} (timeslot_id, student_name, project_name, preference_rank)\n VALUES (?, ?, ?, ?)`,\n [timeslotId, studentName, projectName, preferenceRank]\n );\n\n return c.json({ success: true, message: 'Assignment updated successfully' });\n } catch (error) {\n console.error('Error updating assignment:', error);\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.get('/api/admin/assignments/:timeslotId/load', async (c) => {\n const timeslotId = parseInt(c.req.param('timeslotId'));\n\n try {\n const { rows: assignments } = await sqlite.execute(\n `SELECT student_name, project_name, preference_rank, updated_at\n FROM ${ASSIGNMENTS_TABLE}\n WHERE timeslot_id = ?`,\n [timeslotId]\n );\n\n return c.json({\n success: true,\n assignments: assignments.map(a => ({\n studentName: a.student_name,\n projectName: a.project_name,\n preferenceRank: a.preference_rank,\n updatedAt: a.updated_at\n }))\n });\n } catch (error) {\n console.error('Error loading assignments:', error);\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.delete('/api/admin/assignments/:timeslotId', async (c) => {\n const timeslotId = parseInt(c.req.param('timeslotId'));\n\n try {\n await sqlite.execute(\n `DELETE FROM ${ASSIGNMENTS_TABLE} WHERE timeslot_id = ?`,\n [timeslotId]\n );\n\n return c.json({ success: true, message: 'Assignments deleted successfully' });\n } catch (error) {\n console.error('Error deleting assignments:', error);\n return c.json({ error: error.message }, 500);\n }\n});\n\napp.get('/api/admin/export-csv', async (c) => {\n try {\n const { rows: responses } = await sqlite.execute(`\n SELECT r.*, t.title as timeslot_title\n FROM ${RESPONSES_TABLE} r\n LEFT JOIN ${TIMESLOTS_TABLE} t ON r.timeslot_id = t.id\n ORDER BY r.submitted_at DESC, r.submission_id\n `);\n\n // Helper function to escape CSV values according to RFC 4180\n function escapeCsvValue(value) {\n if (value == null || value === '') return '';\n\n const stringValue = String(value);\n\n // Prevent CSV injection by prefixing dangerous characters with a single quote\n if (/^[=+\\-@]/.test(stringValue)) {\n return `\"'${stringValue.replace(/\"/g, '\"\"')}\"`;\n }\n\n // If value contains quotes, commas, or newlines, it must be quoted and quotes must be doubled\n if (stringValue.includes('\"')) {\n return `\"${stringValue.replace(/\"/g, '\"\"')}\"`;\n }\n\n if (stringValue.includes(',') || stringValue.includes('\\n') || stringValue.includes('\\r')) {\n return `\"${stringValue}\"`;\n }\n\n return stringValue;\n }\n\n let csv = 'Submission ID,Student Name,Timeslot,First Choice,Second Choice,Third Choice,Submitted At\\n';\n\n responses.forEach(r => {\n const row = [\n r.submission_id || '',\n r.student_name,\n r.timeslot_title || '',\n r.first_choice || '',\n r.second_choice || '',\n r.third_choice || '',\n r.submitted_at\n ].map(escapeCsvValue).join(',');\n\n csv += row + '\\n';\n });\n\n return new Response(csv, {\n headers: {\n 'Content-Type': 'text/csv',\n 'Content-Disposition': 'attachment; filename=\"project_responses.csv\"'\n }\n });\n } catch (error) {\n return c.json({ error: error.message }, 500);\n }\n});\n\n// Serve the main HTML file\napp.get('/', async (c) => {\n let html = await readFile(\"/schueler.html\", import.meta.url);\n\n // Inject the API endpoint for dynamic loading\n const scriptInjection = `\n \n `;\n\n html = html.replace('', `${scriptInjection}`);\n return c.html(html);\n});\n\n// Initialize database on startup\nawait initDatabase();\n\nexport default app.fetch;\n",[],[255,248],"backend","87dc84f4-3fc2-11f1-9c4a-42b51c65c3df",["D",1777024015561],"directory",[175],[255],"87dc016e-3fc2-11f1-9c4a-42b51c65c3df","settings.local.json","019dbee2-9eae-77ea-a4ee-ce0a703968c6","019dbee2-9eae-77ea-a4ee-d0e3578f2e7f",["D",1777024015561],"{\n \"permissions\": {\n \"allow\": [\n \"Bash(npm run dev:*)\",\n \"Bash(/Users/chris/fnifs/Projektwoche/backend/index_clean.ts)\"\n ],\n \"deny\": [],\n \"ask\": []\n }\n}\n",[],[269,262],".claude","87dc26c6-3fc2-11f1-9c4a-42b51c65c3df",["D",1777024015561],[173],[269],["D",1777024015561],["D",1789519256886],{"_11":12,"_124":71},{"_11":12,"_120":-5,"_70":71,"_30":69,"_121":122,"_123":24},{"_38":39,"_13":16,"_32":35,"_110":73,"_111":62,"_112":113,"_114":77,"_115":116,"_117":41,"_118":14,"_119":12},"ctx",{"_51":-5,"_145":312,"_313":314,"_315":316,"_317":24,"_318":24,"_319":24,"_320":84,"_321":-5,"_322":-7,"_323":-7,"_324":26,"_325":24,"_326":24,"_327":-5,"_328":24,"_329":24,"_330":24,"_331":-5},"ENV",{"_283":284,"_285":286,"_287":16,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Admin Panel - Projektauswahl

Student Responses

Project Assignments

View Assignments

Timeslots

Add New Timeslot

Projects

Add New Project

Copy Project

Projektauswahl

Student Responses

Project Assignments

Optimization Settings

Assignment Statistics

Individual Assignments - All Timeslots

Assignments by Project

History · admin.html