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

Improve appearance of doubler blocks

This commit is contained in:
Matt Young 2024-06-21 14:40:56 -05:00
parent 8900503556
commit 911f98b465
2 changed files with 28 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
resources/views/components/doubler-block.blade.php
View File

@ -1,43 +1,42 @@
@props(['doublerEntryInfo']) @props(['doublerEntryInfo'])
@php($doublerButtonClasses = 'hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block') @php($doublerButtonClasses = 'hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block')
<ul role="list" class="divide-y divide-gray-200"> <ul role="list" class="">
@foreach($doublerEntryInfo as $info) @foreach($doublerEntryInfo as $info)
<li class="flex items-center justify-between gap-x-6 py-5"> <li class="pb-2 pt-0 px-0 my-2 rounded-xl border border-gray-200 ">
<div class="min-w-0"> <div class="flex items-start gap-x-3 bg-gray-100 px-3 py-2">
<div class="flex items-start gap-x-3"> <p class="text-sm font-semibold leading-6 text-gray-900">
<p class="text-sm font-semibold leading-6 text-gray-900"> <a href="/tabulation/auditions/{{ $info['auditionID'] }}">
<a href="/tabulation/auditions/{{ $info['auditionID'] }}"> {{ $info['auditionName'] }} - {{ $info['status'] }}
{{ $info['auditionName'] }} - {{ $info['status'] }} </a>
</a> </p>
</p> </div>
</div> <div class="grid grid-cols-2">
<div class="mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500"> <div class="mt-1 px-3 text-xs leading-5 text-gray-500">
<p class="whitespace-nowrap">Ranked {{ $info['rank'] }}</p>
<svg viewBox="0 0 2 2" class="h-0.5 w-0.5 fill-current">
<circle cx="1" cy="1" r="1" />
</svg>
<p class="truncate">{{ $info['unscored'] }} Unscored</p>
</div>
<div class="mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500">
<ul> <ul>
<li class="flex items-center gap-x-2">
<p class="whitespace-nowrap">Ranked {{ $info['rank'] }}</p>
<svg viewBox="0 0 2 2" class="h-0.5 w-0.5 fill-current">
<circle cx="1" cy="1" r="1" />
</svg>
<p class="truncate">{{ $info['unscored'] }} Unscored</p>
</li>
@foreach($info['limits'] as $limit) @foreach($info['limits'] as $limit)
<li>{{ $limit->ensemble->name }} accepts {{ $limit->maximum_accepted }}</li> <li>{{ $limit->ensemble->name }} accepts {{ $limit->maximum_accepted }}</li>
@endforeach @endforeach
</ul> </ul>
</div> </div>
</div>
<div class="flex items-center gap-x-4">
<div class="flex items-center gap-x-4"> @if ($info['status'] === 'undecided')
@if ($info['status'] === 'undecided') <button class="{{ $doublerButtonClasses }}">Accept</button>
<button class="{{ $doublerButtonClasses }}">Accept</button> <form method="POST" action="{{ route('doubler.decline',['entry'=>$info['entryID']]) }}">
<form method="POST" action="{{ route('doubler.decline',['entry'=>$info['entryID']]) }}"> @csrf
@csrf <button class="{{ $doublerButtonClasses }}">Decline</button>
<button class="{{ $doublerButtonClasses }}">Decline</button> </form>
</form> @endif
@endif </div>
</div> </div>
</li> </li>
@endforeach @endforeach

2
resources/views/tabulation/auditionSeating.blade.php
View File

@ -29,7 +29,7 @@
<span>{{ $entry->student->full_name() }}, </span> <span>{{ $entry->student->full_name() }}, </span>
<span class="text-xs text-gray-400">{{ $entry->student->school->name }}</span> <span class="text-xs text-gray-400">{{ $entry->student->school->name }}</span>
</x-table.td> </x-table.td>
<x-table.td> <x-table.td class="!py-0">
@if($doublerService->studentIsDoubler($entry->student_id)) @if($doublerService->studentIsDoubler($entry->student_id))
<x-doubler-block :doublerEntryInfo="$doublerService->getDoublerInfo($entry->student_id)" /> <x-doubler-block :doublerEntryInfo="$doublerService->getDoublerInfo($entry->student_id)" />
@endif @endif