Added statistics overview for each student.

api/source/api_modules/classroom_compliance.d

@@ -65,6 +65,7 @@ void registerApiEndpoints(PathHandler handler) {
     handler.addMapping(Method.PUT, STUDENT_PATH, &updateStudent);
     handler.addMapping(Method.DELETE, STUDENT_PATH, &deleteStudent);
     handler.addMapping(Method.GET, STUDENT_PATH ~ "/entries", &getStudentEntries);
+    handler.addMapping(Method.GET, STUDENT_PATH ~ "/overview", &getStudentOverview);
 
     handler.addMapping(Method.GET, CLASS_PATH ~ "/entries", &getEntries);
     handler.addMapping(Method.POST, CLASS_PATH ~ "/entries", &saveEntries);
@@ -783,3 +784,63 @@ void getStudentEntries(ref HttpRequestContext ctx) {
     }
     ctx.response.writeBodyString(response.toJSON(), "application/json");
 }
+
+void getStudentOverview(ref HttpRequestContext ctx) {
+    auto db = getDb();
+    User user = getUserOrThrow(ctx, db);
+    auto student = getStudentOrThrow(ctx, db, user);
+    
+    const ulong entryCount = findOne!ulong(
+        db,
+        "SELECT COUNT(*) FROM classroom_compliance_entry WHERE student_id = ?",
+        student.id
+    ).orElse(0);
+    if (entryCount == 0) {
+        ctx.response.status = HttpStatus.NOT_FOUND;
+        ctx.response.writeBodyString("No entries for this student.");
+        return;
+    }
+    const ulong absenceCount = findOne!ulong(
+        db,
+        "SELECT COUNT(*) FROM classroom_compliance_entry WHERE student_id = ? AND absent = true",
+        student.id
+    ).orElse(0);
+    const ulong phoneNoncomplianceCount = findOne!ulong(
+        db,
+        "
+        SELECT COUNT(*)
+        FROM classroom_compliance_entry_phone p
+        LEFT JOIN classroom_compliance_entry e
+            ON e.id = p.entry_id
+        WHERE p.compliant = false AND e.student_id = ?
+        ",
+        student.id
+    ).orElse(0);
+    const behaviorCountQuery = "
+    SELECT COUNT(*)
+    FROM classroom_compliance_entry_behavior b
+    LEFT JOIN classroom_compliance_entry e
+        ON e.id = b.entry_id
+    WHERE e.student_id = ? AND b.rating = ?
+    ";
+
+    const ulong behaviorGoodCount = findOne!ulong(db, behaviorCountQuery, student.id, 3).orElse(0);
+    const ulong behaviorMediocreCount = findOne!ulong(db, behaviorCountQuery, student.id, 2).orElse(0);
+    const ulong behaviorPoorCount = findOne!ulong(db, behaviorCountQuery, student.id, 1).orElse(0);
+    
+    // Calculate derived statistics.
+    const ulong attendanceCount = entryCount - absenceCount;
+    double attendanceRate = attendanceCount / cast(double) entryCount;
+    double phoneComplianceRate = (attendanceCount - phoneNoncomplianceCount) / cast(double) attendanceCount;
+    double behaviorScore = (
+        behaviorGoodCount * 1.0 +
+        behaviorMediocreCount * 0.5
+    ) / attendanceCount;
+    
+    JSONValue response = JSONValue.emptyObject;
+    response.object["attendanceRate"] = JSONValue(attendanceRate);
+    response.object["phoneComplianceRate"] = JSONValue(phoneComplianceRate);
+    response.object["behaviorScore"] = JSONValue(behaviorScore);
+    response.object["entryCount"] = JSONValue(entryCount);
+    ctx.response.writeBodyString(response.toJSON(), "application/json");
+}

app/src/api/classroom_compliance.ts

@@ -92,6 +92,13 @@ export interface ScoresResponse {
   scores: StudentScore[]
 }
 
+export interface StudentStatisticsOverview {
+  attendanceRate: number
+  phoneComplianceRate: number
+  behaviorScore: number
+  entryCount: number
+}
+
 export class ClassroomComplianceAPIClient extends APIClient {
   constructor(authStore: AuthStoreType) {
     super(BASE_URL, authStore)
@@ -162,4 +169,11 @@ export class ClassroomComplianceAPIClient extends APIClient {
   getStudentEntries(classId: number, studentId: number): APIResponse<Entry[]> {
     return super.get(`/classes/${classId}/students/${studentId}/entries`)
   }
+
+  getStudentStatisticsOverview(
+    classId: number,
+    studentId: number,
+  ): APIResponse<StudentStatisticsOverview> {
+    return super.get(`/classes/${classId}/students/${studentId}/overview`)
+  }
 }

app/src/apps/classroom_compliance/StudentView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ClassroomComplianceAPIClient, type Class, type Entry, type Student } from '@/api/classroom_compliance'
+import { ClassroomComplianceAPIClient, type Class, type Entry, type Student, type StudentStatisticsOverview } from '@/api/classroom_compliance'
 import ConfirmDialog from '@/components/ConfirmDialog.vue'
 import { useAuthStore } from '@/stores/auth'
 import { onMounted, ref, useTemplateRef, type Ref } from 'vue'
@@ -16,6 +16,7 @@ const router = useRouter()
 const cls: Ref<Class | null> = ref(null)
 const student: Ref<Student | null> = ref(null)
 const entries: Ref<Entry[]> = ref([])
+const statistics: Ref<StudentStatisticsOverview | null> = ref(null)
 
 const apiClient = new ClassroomComplianceAPIClient(authStore)
 const deleteConfirmDialog = useTemplateRef('deleteConfirmDialog')
@@ -39,6 +40,8 @@ onMounted(async () => {
         entries.value = values
       }
     })
+  apiClient.getStudentStatisticsOverview(cls.value.id, student.value.id).handleErrorsWithAlert()
+    .then(stats => statistics.value = stats)
 })
 
 async function deleteThisStudent() {
@@ -70,6 +73,16 @@ async function deleteThisStudent() {
       <button type="button" @click="deleteThisStudent">Delete</button>
     </div>
 
+    <div v-if="statistics">
+      <h3>Statistics</h3>
+      <ul>
+        <li>Attendance Rate: {{ (statistics.attendanceRate * 100).toFixed(1) }}%</li>
+        <li>Phone Compliance Rate: {{ (statistics.phoneComplianceRate * 100).toFixed(1) }}%</li>
+        <li>Behavior Score: {{ (statistics.behaviorScore * 100).toFixed(1) }}%</li>
+        <li>From a total of {{ statistics.entryCount }} entries</li>
+      </ul>
+    </div>
+
     <h3>Entries</h3>
     <p>
       Below is a record of all entries saved for <span>{{ student.name }}</span>.