notification.blade.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <li class="nav-item dropdown">
  2. <a class="nav-link" data-toggle="dropdown" href="javascript:void(0)" title="Notifications"
  3. aria-expanded="false" data-animation="scale-up" role="button">
  4. <i class="icon wb-bell" aria-hidden="true"></i>
  5. @if ($unreadCount = auth()->user()->unreadNotifications->count())
  6. <span class="badge badge-pill badge-danger up">{{$unreadCount}}</span>
  7. @endif
  8. </a>
  9. <div class="dropdown-menu dropdown-menu-right dropdown-menu-media" role="menu">
  10. <div class="dropdown-menu-header">
  11. <h5>{{trans('notification.attribute')}}</h5>
  12. @if ($unreadCount)
  13. <span class="badge badge-round badge-danger">{{trans_choice('notification.new', $unreadCount, ['num' => $unreadCount])}}</span>
  14. @endif
  15. </div>
  16. @if ($unreadCount)
  17. <div class="list-group">
  18. <div data-role="container">
  19. <div data-role="content">
  20. @foreach(auth()->user()->unreadNotifications as $notification)
  21. @include('user.components.notifications.'.Str::camel(class_basename($notification->type)))
  22. @endforeach
  23. </div>
  24. </div>
  25. </div>
  26. @else
  27. <div class="list-group bg-grey-100">
  28. <div class="dropdown-item" role="menuitem">
  29. <div class="media">
  30. <div class="pr-10">
  31. <i class="icon wb-inbox bg-grey-600 white icon-circle" aria-hidden="true"></i>
  32. </div>
  33. <div class="media-body">
  34. <h6 class="media-heading">{{trans('notification.empty')}}</h6>
  35. <time class="media-meta" datetime="{{now()}}">{{now()}}</time>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. @endif
  41. <div class="dropdown-menu-footer">
  42. <a class="dropdown-menu-footer-btn" href="javascript:void(0)" role="button">
  43. <i class="icon wb-settings" aria-hidden="true"></i>
  44. </a>
  45. <a class="dropdown-item" href="javascript:void(0)" role="menuitem">
  46. All notifications
  47. </a>
  48. </div>
  49. </div>
  50. </li>