115 lines
4.4 KiB
PHP
115 lines
4.4 KiB
PHP
@php
|
|
use Filament\Support\Enums\Alignment;
|
|
use Filament\Support\View\Components\BadgeComponent;
|
|
use Illuminate\View\ComponentAttributeBag;
|
|
|
|
$notifications = $this->getNotifications();
|
|
$unreadNotificationsCount = $this->getUnreadNotificationsCount();
|
|
$hasNotifications = $notifications->count();
|
|
$isPaginated = $notifications instanceof \Illuminate\Contracts\Pagination\Paginator && $notifications->hasPages();
|
|
$pollingInterval = $this->getPollingInterval();
|
|
@endphp
|
|
|
|
<div class="fi-no-database">
|
|
<x-filament::modal
|
|
:alignment="$hasNotifications ? null : Alignment::Center"
|
|
close-button
|
|
:description="$hasNotifications ? null : __('filament-notifications::database.modal.empty.description')"
|
|
:heading="$hasNotifications ? null : __('filament-notifications::database.modal.empty.heading')"
|
|
:icon="$hasNotifications ? null : \Filament\Support\Icons\Heroicon::OutlinedBellSlash"
|
|
:icon-alias="
|
|
$hasNotifications
|
|
? null
|
|
: \Filament\Notifications\View\NotificationsIconAlias::DATABASE_MODAL_EMPTY_STATE
|
|
"
|
|
:icon-color="$hasNotifications ? null : 'gray'"
|
|
id="database-notifications"
|
|
slide-over
|
|
:sticky-header="$hasNotifications"
|
|
teleport="body"
|
|
width="md"
|
|
class="fi-no-database"
|
|
:attributes="
|
|
new \Illuminate\View\ComponentAttributeBag([
|
|
'wire:poll.' . $pollingInterval => $pollingInterval ? '' : false,
|
|
])
|
|
"
|
|
>
|
|
@if ($trigger = $this->getTrigger())
|
|
<x-slot name="trigger">
|
|
{{ $trigger->with(['unreadNotificationsCount' => $unreadNotificationsCount]) }}
|
|
</x-slot>
|
|
@endif
|
|
|
|
@if ($hasNotifications)
|
|
<x-slot name="header">
|
|
<div>
|
|
<h2 class="fi-modal-heading">
|
|
{{ __('filament-notifications::database.modal.heading') }}
|
|
|
|
@if ($unreadNotificationsCount)
|
|
<span
|
|
{{
|
|
(new ComponentAttributeBag)->color(BadgeComponent::class, 'primary')->class([
|
|
'fi-badge fi-size-xs',
|
|
])
|
|
}}
|
|
>
|
|
{{ $unreadNotificationsCount }}
|
|
</span>
|
|
@endif
|
|
</h2>
|
|
|
|
<div class="fi-ac">
|
|
@if ($unreadNotificationsCount && $this->markAllNotificationsAsReadAction?->isVisible())
|
|
{{ $this->markAllNotificationsAsReadAction }}
|
|
@endif
|
|
|
|
@if ($this->clearNotificationsAction?->isVisible())
|
|
{{ $this->clearNotificationsAction }}
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</x-slot>
|
|
|
|
@foreach ($notifications as $notification)
|
|
<div
|
|
@class([
|
|
'fi-no-notification-unread-ctn' => $notification->unread(),
|
|
])
|
|
>
|
|
{{ $this->getNotification($notification)->inline() }}
|
|
</div>
|
|
@endforeach
|
|
|
|
@if ($broadcastChannel = $this->getBroadcastChannel())
|
|
@script
|
|
<script>
|
|
window.addEventListener('EchoLoaded', () => {
|
|
window.Echo.private(@js($broadcastChannel)).listen(
|
|
'.database-notifications.sent',
|
|
() => {
|
|
setTimeout(
|
|
() => $wire.call('$refresh'),
|
|
500,
|
|
)
|
|
},
|
|
)
|
|
})
|
|
|
|
if (window.Echo) {
|
|
window.dispatchEvent(new CustomEvent('EchoLoaded'))
|
|
}
|
|
</script>
|
|
@endscript
|
|
@endif
|
|
|
|
@if ($isPaginated)
|
|
<x-slot name="footer">
|
|
<x-filament::pagination :paginator="$notifications" />
|
|
</x-slot>
|
|
@endif
|
|
@endif
|
|
</x-filament::modal>
|
|
</div>
|