fix index.html new

main.py

@@ -359,7 +359,7 @@ def compute_marks():
         base_temp_dir = tempfile.mkdtemp()
         log_print(f"Created temporary directory: {base_temp_dir}")
         
-        # Dictionary to store results by student folder
+        # Dictionary to store results by student folder and image name
         results = {}
         failed_files = []
         
@@ -390,9 +390,9 @@ def compute_marks():
                         })
                         continue
                     
+                    # Initialize student results if not exists
                     if student_folder not in results:
-                        results[student_folder] = [0] * len(correct_answers)
-                        log_print(f"Processing student folder: {student_folder}")
+                        results[student_folder] = {}
                         
                     # Save and process file
                     student_dir = os.path.join(base_temp_dir, student_folder)
@@ -455,7 +455,7 @@ def compute_marks():
                             continue
                     
                     marks = new_value(best_score, 0, 1, 0, 5)
-                    results[student_folder][best_answer_index] = round(marks, 2)
+                    results[student_folder][filename] = round(marks, 2)
                     log_print(f"Processed {filename} for {student_folder}: {marks} marks")
                     
                 except Exception as e:
@@ -485,7 +485,11 @@ def compute_marks():
         clean_results = {}
         for student, scores in results.items():
             clean_student = student.encode('ascii', 'ignore').decode('ascii')
-            clean_results[clean_student] = scores
+            clean_scores = {}
+            for filename, mark in scores.items():
+                clean_filename = filename.encode('ascii', 'ignore').decode('ascii')
+                clean_scores[clean_filename] = mark
+            clean_results[clean_student] = clean_scores
             
         response = jsonify({
             "results": clean_results,

templates/index.html

@@ -1044,86 +1044,30 @@
         }
 
         function displayMarks(results) {
-            const container = document.getElementById('marks-table-container');
-            container.innerHTML = '';
-
-            if (!results || Object.keys(results).length === 0) {
-                container.innerHTML = '<p class="error-message">No marks were computed. Please check your input files and answers.</p>';
-                return;
-            }
-
-            const table = document.createElement('table');
-            table.innerHTML = `
-                <thead>
-                    <tr>
-                        <th>Student Folder</th>
-                        <th>Image Name</th>
-                        <th>Marks</th>
-                    </tr>
-                </thead>
-                <tbody>
-                </tbody>
+            const tableBody = document.getElementById('marks-table-body');
+            tableBody.innerHTML = '';
+            
+            // Create table header
+            const headerRow = document.createElement('tr');
+            headerRow.innerHTML = `
+                <th>Student Folder</th>
+                <th>Image Name</th>
+                <th>Marks</th>
             `;
-
-            const tbody = table.querySelector('tbody');
-            const studentGroups = {};
+            tableBody.appendChild(headerRow);
             
-            // Process the object format
-            Object.entries(results).forEach(([student, marks]) => {
-                // Add row for individual marks
-                marks.forEach((mark, index) => {
+            // Add results
+            Object.entries(results).forEach(([student, scores]) => {
+                Object.entries(scores).forEach(([filename, mark]) => {
                     const row = document.createElement('tr');
                     row.innerHTML = `
                         <td>${student}</td>
-                        <td>answer${index + 1}.jpg</td>
+                        <td>${filename}</td>
                         <td>${mark}</td>
                     `;
-                    tbody.appendChild(row);
+                    tableBody.appendChild(row);
                 });
-                
-                // Calculate average for this student
-                const total = marks.reduce((sum, mark) => sum + mark, 0);
-                studentGroups[student] = {
-                    total: total,
-                    count: marks.length
-                };
             });
-
-            // Add separator row
-            const separatorRow = document.createElement('tr');
-            separatorRow.innerHTML = '<td colspan="3" style="border-top: 2px solid #4361ee;"></td>';
-            tbody.appendChild(separatorRow);
-
-            // Add average rows
-            Object.entries(studentGroups).forEach(([student, data]) => {
-                const averageRow = document.createElement('tr');
-                const average = (data.total / data.count).toFixed(2);
-                averageRow.innerHTML = `
-                    <td>${student}</td>
-                    <td><strong>Average</strong></td>
-                    <td><strong>${average}</strong></td>
-                `;
-                averageRow.style.backgroundColor = '#f8f9fa';
-                tbody.appendChild(averageRow);
-            });
-
-            container.appendChild(table);
-
-            // Add summary section
-            const summary = document.createElement('div');
-            summary.className = 'marks-summary';
-            
-            const totalStudents = Object.keys(studentGroups).length;
-            const overallAverage = Object.values(studentGroups)
-                .reduce((acc, curr) => acc + (curr.total / curr.count), 0) / totalStudents;
-            
-            summary.innerHTML = `
-                <h4>Summary</h4>
-                <p>Total Students: ${totalStudents}</p>
-                <p>Overall Average: ${overallAverage.toFixed(2)}</p>
-            `;
-            
-            container.appendChild(summary);
         }
     </script>
 </body>