17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 22 Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

added member names to training reports

Browse Source
This commit is contained in:
ajdj100
2025-11-17 11:57:25 -05:00
parent 750ee5f02c
commit 2eeb62cf3c
3 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
ui/src/pages/TrainingReport.vue
View File

@@ -44,9 +44,12 @@ onMounted(async () => {
</script>
<template>
<div class="max-w-7xl mx-auto flex">
<div class="max-w-7xl mx-auto flex mt-5">
<!-- training report list -->
<div class="px-4" :class="focusedTrainingReport == null ? 'w-full' : 'w-1/2'">
<div>
<p class="scroll-m-20 text-2xl font-semibold tracking-tight">Training Reports</p>
</div>
<Table>
<TableHeader>
<TableRow>
@@ -84,23 +87,23 @@ onMounted(async () => {
<div class="flex flex-col gap-5">
<!-- {{ focusedTrainingReport }} -->
<div>
<label>Trainers</label>
<div v-for="person in focusedTrainingTrainers" class="grid grid-cols-4 my-2">
<p>{{ person.attendee_id }}</p>
<label class="scroll-m-20 text-xl font-semibold tracking-tight">Trainers</label>
<div v-for="person in focusedTrainingTrainers" class="grid grid-cols-4 my-2 items-center">
<p>{{ person.attendee_name }}</p>
<p class="text-right px-5">{{ person.passed }}</p>
<p class="bg-muted p-2 rounded-lg min-h-[1lh] col-span-2 text-right">{{ person.remarks }}</p>
<p class="bg-muted p-2 rounded-lg min-h-10 col-span-2 text-right">{{ person.remarks }}</p>
</div>
</div>
<div>
<label>Trainees</label>
<div v-for="person in focusedTrainingTrainees" class="grid grid-cols-4 my-2">
<p>{{ person.attendee_id }}</p>
<p class="text-right px-5">{{ person.passed }}</p>
<p class="bg-muted p-2 rounded-lg min-h-[1lh] col-span-2 text-right">{{ person.remarks }}</p>
<label class="scroll-m-20 text-xl font-semibold tracking-tight">Trainees</label>
<div v-for="person in focusedTrainingTrainees" class="grid grid-cols-4 my-2 items-center">
<p>{{ person.attendee_name }}</p>
<p class="text-right px-5">{{ person.passed ? "Passed" : "Failed" }}</p>
<p class="bg-muted p-2 rounded-lg min-h-10 col-span-2 text-right">{{ person.remarks }}</p>
</div>
</div>
<div>
<label>Remarks</label>
<label class="scroll-m-20 text-xl font-semibold tracking-tight">Remarks</label>
<p class="bg-muted p-2 rounded-lg min-h-24"> {{ focusedTrainingReport.remarks }}</p>
</div>
</div>