Add mobile-only payment search for Ladill Mini.
Deploy Ladill Mini / deploy (push) Successful in 24s
Deploy Ladill Mini / deploy (push) Successful in 24s
Wire the mobile search tab to a payments search page and remove desktop header search shortcuts. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -65,8 +65,8 @@
|
||||
@include('partials.mobile-bottom-nav', [
|
||||
'homeUrl' => route('mini.dashboard'),
|
||||
'homeActive' => request()->routeIs('mini.dashboard'),
|
||||
'searchUrl' => route('mini.payment-qrs.index'),
|
||||
'searchActive' => request()->routeIs('mini.payment-qrs.*'),
|
||||
'searchUrl' => route('mini.search'),
|
||||
'searchActive' => request()->routeIs('mini.search'),
|
||||
'notificationsUrl' => route('notifications.index'),
|
||||
'notificationsActive' => request()->routeIs('notifications.*'),
|
||||
'unreadUrl' => route('notifications.unread'),
|
||||
@@ -257,15 +257,6 @@ document.addEventListener('alpine:init', () => {
|
||||
},
|
||||
}));
|
||||
});
|
||||
|
||||
// Global "/" shortcut to focus search
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === '/' && !['INPUT','TEXTAREA','SELECT'].includes(document.activeElement.tagName) && !document.activeElement.isContentEditable) {
|
||||
e.preventDefault();
|
||||
const input = document.querySelector('[x-data*="topbarSearch"] input');
|
||||
if (input) input.focus();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@include('partials.afia')
|
||||
@include('partials.sso-keepalive')
|
||||
|
||||
@@ -11,6 +11,7 @@
|
||||
if ($profileMenuItems === [] && $profileUrl !== '#') {
|
||||
$profileMenuItems = [['type' => 'link', 'label' => 'Profile', 'href' => $profileUrl]];
|
||||
}
|
||||
$searchLabel = $searchLabel ?? 'Search';
|
||||
$navActive = fn (bool $active) => $active ? 'text-indigo-600' : 'text-slate-600';
|
||||
@endphp
|
||||
<div x-data="{ profileOpen: false }" class="lg:hidden">
|
||||
@@ -26,7 +27,7 @@
|
||||
<a href="{{ $searchUrl }}"
|
||||
class="flex flex-col items-center justify-center gap-1 px-2 py-2 transition hover:text-slate-900 {{ $navActive($searchActive ?? false) }}">
|
||||
<svg class="h-6 w-6" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>
|
||||
<span class="text-[10px] font-medium">Search</span>
|
||||
<span class="text-[10px] font-medium">{{ $searchLabel }}</span>
|
||||
</a>
|
||||
|
||||
@if (!empty($centerCompose))
|
||||
|
||||
@@ -4,10 +4,10 @@
|
||||
@include('partials.search-screen', [
|
||||
'query' => $query,
|
||||
'results' => $results,
|
||||
'backUrl' => route('events.dashboard'),
|
||||
'searchUrl' => route('events.search'),
|
||||
'heading' => 'Find events and programmes',
|
||||
'placeholder' => 'Search events, programmes, short codes…',
|
||||
'emptyHint' => 'Use at least 2 characters to search event names, programme titles, or short codes.',
|
||||
'backUrl' => route('mini.dashboard'),
|
||||
'searchUrl' => route('mini.search'),
|
||||
'heading' => 'Find payments',
|
||||
'placeholder' => 'Search payer, note, reference, QR…',
|
||||
'emptyHint' => 'Use at least 2 characters to search payer names, notes, references, or QR labels.',
|
||||
])
|
||||
</x-user-layout>
|
||||
|
||||
Reference in New Issue
Block a user