matt
/
auditionadmin
1
0
Fork 0
Code Issues 16 Pull Requests Packages Projects Releases Wiki Activity

Add progress bar to status page

This commit is contained in:
Matt Young 2024-06-25 02:38:15 -05:00
parent 1313252b48
commit 22e56adebe
1 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
resources/views/tabulation/status.blade.php
View File

@ -1,6 +1,6 @@
<x-layout.app> <x-layout.app>
<x-slot:page_title>Audition Status</x-slot:page_title> <x-slot:page_title>Audition Status</x-slot:page_title>
<x-card.card> <x-card.card class="mx-auto max-w-2xl">
<x-card.heading> <x-card.heading>
Auditions Auditions
</x-card.heading> </x-card.heading>
@ -8,22 +8,42 @@
<thead> <thead>
<tr> <tr>
<x-table.th>Audition</x-table.th> <x-table.th>Audition</x-table.th>
<x-table.th>Scoring Status</x-table.th>
<x-table.th>Scoring Complete</x-table.th> <x-table.th>Scoring Complete</x-table.th>
<x-table.th>Seats Published</x-table.th>
</tr> </tr>
</thead> </thead>
<x-table.body> <x-table.body>
@foreach($auditions as $audition) @foreach($auditions as $audition)
<tr> @php
<x-table.td><a href="/tabulation/auditions/{{ $audition->id }}"> if($audition->entries_count > 0) {
{{ $audition->name }} $percent = round(($audition->scored_entries_count / $audition->entries_count) * 100);
</a></x-table.td>
<x-table.td>{{ $audition->scored_entries_count }} / {{ $audition->entries_count }} Scored</x-table.td> }
<td> @endphp
<tr class="hover:bg-gray-50">
<x-table.td class="">
<a href="/tabulation/auditions/{{ $audition->id }}">
{{-- {{ $audition->scored_entries_count }} / {{ $audition->entries_count }} Scored--}}
<div class="flex justify-between mb-1">
<span class="text-base font-medium text-indigo-700 dark:text-white">{{ $audition->name }}</span>
<span class="text-sm font-medium text-indigo-700 dark:text-white">{{ $audition->scored_entries_count }} / {{ $audition->entries_count }} Scored</span>
</div>
<div class="w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700">
<div class="bg-indigo-600 h-2.5 rounded-full" style="width: {{ $percent }}%"></div>
</div>
</a>
</x-table.td>
<td class="px-8">
@if( $audition->scored_entries_count == $audition->entries_count) @if( $audition->scored_entries_count == $audition->entries_count)
<x-icons.checkmark color="green"/> <x-icons.checkmark color="green"/>
@endif @endif
</td> </td>
<td>
@if( $audition->hasFlag('seats_published'))
<x-icons.checkmark color="green"/>
@endif
</td>
</tr> </tr>
@endforeach @endforeach
</x-table.body> </x-table.body>