shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

akaunting 3.0 (the last dance)

Browse Source
This commit is contained in:
Burak Civan
2022-06-01 10:15:55 +03:00
parent cead09f6d4
commit d9c0764572
3812 changed files with 126831 additions and 102949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
resources/views/livewire/menu/notifications.blade.php Normal file
View File

@ -0,0 +1,78 @@
<div wire:click.stop id="menu-notifications">
<input type="text" name="notification_keyword" wire:model.debounce.500ms="keyword" placeholder="{{ trans('general.search_placeholder') }}" class="border-t-0 border-l-0 border-r-0 border-b border-gray-300 bg-transparent text-gray-500 text-sm mb-3 focus:outline-none focus:ring-transparent focus:border-purple placeholder-light-gray js-search-action">
@if ($notifications)
<div class="flex justify-end mt-1">
<x-tooltip id="notification-all" placement="right" message="Mark as All Read">
<button type="button" wire:click="markReadAll()">
<span id="menu-notification-read-all" class="material-icons text-lg text-purple">done_all</span>
</button>
</x-tooltip>
</div>
<ul class="flex flex-col justify-center">
@foreach ($notifications as $notification)
@if (empty($notification->data['title']) && empty($notification->data['description']))
@continue
@endif
<li class="mb-5 border-b pb-2">
<div class="flex items-start justify-between font-medium text-sm text-purple mb-1">
<div class="flex flex-col">
{!! $notification->data['title'] !!}
<span class="text-gray-500" style="font-size: 10px;">{{ \Carbon\Carbon::createFromTimeStamp(strtotime($notification->created_at))->diffForHumans() }}</span>
</div>
@if ($notification->type != 'updates')
<button type="button" wire:click="markRead('{{ $notification->id }}')">
<span id="menu-notification-mark-read" class="material-icons text-lg text-purple">check_circle_outline</span>
</button>
@endif
</div>
<div class="lex items-end justify-between">
<p class="text-black text-sm">
{!! $notification->data['description'] !!}
</p>
</div>
</li>
@endforeach
</ul>
@else
<ul class="flex flex-col justify-center">
<li class="text-sm mb-5">
<div class="flex items-start">
<p class="text-black">
{{ trans('notifications.empty') }}
</p>
</div>
</li>
</ul>
@endif
</div>
@push('scripts_end')
<script type="text/javascript">
window.addEventListener('click', function() {
if (Livewire.components.getComponentsByName('menu.notifications')[0].data.notifications.length > 0) {
Livewire.emit('resetKeyword');
}
});
window.addEventListener('mark-read', event => {
if (event.detail.type == 'notifications') {
$.notify(event.detail.message, {
type: 'success',
});
}
});
window.addEventListener('mark-read-all', event => {
if (event.detail.type == 'notifications') {
$.notify(event.detail.message, {
type: 'success',
});
}
});
</script>
@endpush