Clarify step-out destination field with generic placeholder.
Deploy Ladill Frontdesk / deploy (push) Successful in 27s
Deploy Ladill Frontdesk / deploy (push) Successful in 27s
Show a required note under destination only when Other is selected, on kiosk and My presence forms. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -26,12 +26,12 @@
|
|||||||
@endif
|
@endif
|
||||||
|
|
||||||
@if ($status === 'on_site')
|
@if ($status === 'on_site')
|
||||||
<form method="POST" action="{{ route('frontdesk.employee.portal.action') }}" class="mt-6 space-y-4">
|
<form method="POST" action="{{ route('frontdesk.employee.portal.action') }}" class="mt-6 space-y-4" x-data="{ stepOutReason: 'lunch' }">
|
||||||
@csrf
|
@csrf
|
||||||
<input type="hidden" name="action" value="step_out">
|
<input type="hidden" name="action" value="step_out">
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-slate-700">Reason</label>
|
<label class="block text-sm font-medium text-slate-700">Reason</label>
|
||||||
<select name="step_out_reason" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
<select name="step_out_reason" x-model="stepOutReason" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
|
||||||
@foreach ($stepOutReasons as $key => $label)
|
@foreach ($stepOutReasons as $key => $label)
|
||||||
<option value="{{ $key }}">{{ $label }}</option>
|
<option value="{{ $key }}">{{ $label }}</option>
|
||||||
@endforeach
|
@endforeach
|
||||||
@@ -40,6 +40,7 @@
|
|||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-slate-700">Destination</label>
|
<label class="block text-sm font-medium text-slate-700">Destination</label>
|
||||||
<input type="text" name="destination" class="mt-1 w-full rounded-lg border-slate-300 text-sm" placeholder="Where are you going?">
|
<input type="text" name="destination" class="mt-1 w-full rounded-lg border-slate-300 text-sm" placeholder="Where are you going?">
|
||||||
|
<p x-show="stepOutReason === 'other'" x-cloak class="mt-1.5 text-xs text-amber-700">Required when reason is Other.</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-slate-700">Expected return</label>
|
<label class="block text-sm font-medium text-slate-700">Expected return</label>
|
||||||
|
|||||||
@@ -532,7 +532,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="staff-step-out-destination" class="mb-1.5 block text-sm font-medium text-slate-600">Destination</label>
|
<label for="staff-step-out-destination" class="mb-1.5 block text-sm font-medium text-slate-600">Destination</label>
|
||||||
<input id="staff-step-out-destination" type="text" x-model="staffStepOut.destination" placeholder="Required for Other" class="w-full rounded-xl border-slate-200 px-4 py-4 text-lg">
|
<input id="staff-step-out-destination" type="text" x-model="staffStepOut.destination" placeholder="Where are you going?" class="w-full rounded-xl border-slate-200 px-4 py-4 text-lg">
|
||||||
|
<p x-show="staffStepOut.step_out_reason === 'other'" x-cloak class="mt-1.5 text-xs text-amber-700">Required when reason is Other.</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="staff-step-out-return" class="mb-1.5 block text-sm font-medium text-slate-600">Expected return (optional)</label>
|
<label for="staff-step-out-return" class="mb-1.5 block text-sm font-medium text-slate-600">Expected return (optional)</label>
|
||||||
|
|||||||
Reference in New Issue
Block a user