Add page to show all notifications

Author: nikkanetiya

app/Http/Controllers/NotificationController.php

@@ -2,6 +2,9 @@
 
 namespace App\Http\Controllers;
 
+use App\Notification;
+use Carbon\Carbon;
+
 class NotificationController extends Controller
 {
     /**
@@ -38,4 +41,21 @@ public function markRead($notificationId)
             'success' => false
         ]);
     }
+
+    /**
+     * View all notifications
+     *
+     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
+     */
+    public function viewAll()
+    {
+        $notifications = auth()->user()->notifications->groupBy(function ($notification, $key) {
+            return $notification->created_at->format('y-m-d');
+        });
+
+        // Mark as read if unread
+        $notifications->each->markAsRead();
+
+        return view('notification.all', compact('notifications'));
+    }
 }

app/Notification.php

@@ -6,5 +6,13 @@
 
 class Notification extends Model
 {
-    //
+    /**
+     * The attributes that should be cast to native types.
+     *
+     * @var array
+     */
+    protected $casts = [
+        'data' => 'array',
+        'read_at' => 'datetime',
+    ];
 }

resources/assets/js/components/Notifications.vue

@@ -12,7 +12,7 @@
                           :key="notification.id"
                           :notification="notification"/>
 
-            <a class="dropdown-item notification__all text-center" href="#"> View all Notifications </a>
+            <a class="dropdown-item notification__all text-center" href="/all-notifications"> View all Notifications </a>
         </div>
     </div>
 </template>

resources/views/notification.blade.php

@@ -1,10 +1,5 @@
 @if($notification->type === 'App\Notifications\HolidayAdded')
-    <a class="dropdown-item" href="{{ url('holidays', $notification->data['id']) }}">
-        <div class="notification__icon-wrapper">
-            <div class="notification__icon">
-                <i class="far fa-snowflake"></i>
-            </div>
-        </div>
+    <a href="{{ url('holidays', $notification->data['id']) }}">
         <div class="notification__content">
             <span class="notification__category">Holiday Alert</span>
             <p>We have Holiday for {{ array_get($notification->data, 'title') }} from
@@ -13,15 +8,18 @@
             </p>
         </div>
     </a>
-@endif
-
-@if($notification->type === 'App\Notifications\LeaveApproval')
-    <a class="dropdown-item" href="{{ url('leaves', $notification->data['id']) }}">
-        <div class="notification__icon-wrapper">
-            <div class="notification__icon">
-                <i class="far fa-snowflake"></i>
-            </div>
+@elseif($notification->type === 'App\Notifications\LeaveRequested')
+    <a href="{{ url('leaves', $notification->data['id']) }}">
+        <div class="notification__content">
+            <span class="notification__category">Leave Request</span>
+            <p>Your have requestd for leave for {{ array_get($notification->data, 'subject') }} from
+                <span class="text-success text-semibold">{{ array_get($notification->data, 'start_date') }}</span> To
+                <span class="text-success text-semibold">{{ array_get($notification->data, 'end_date') }}</span>
+            </p>
         </div>
+    </a>
+@elseif($notification->type === 'App\Notifications\LeaveApproval')
+    <a href="{{ url('leaves', $notification->data['id']) }}">
         <div class="notification__content">
             <span class="notification__category">Leave Approval Alert</span>
             <p>Your Leave request for {{ array_get($notification->data, 'subject') }} from

resources/views/notification/all.blade.php

@@ -0,0 +1,28 @@
+@extends('layouts.app', [
+    'pageTitle' => 'All Notifications'
+])
+
+@section('content')
+    <div class="container pg-dashboard">
+        @forelse($notifications as $key => $values)
+            <div class="row mb-3">
+                <h6 class="text">{{ $key }}</h6>
+                <div class="card col-12">
+                    <div class="card-body pb-0">
+                        <ul class="list-unstyled">
+                            @foreach($values as $notification)
+                                <li>
+                                    @include('notification')
+                                </li>
+                            @endforeach
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        @empty
+            <div class="text-center">
+                No Notifications
+            </div>
+        @endforelse
+    </div>
+@endsection

routes/web.php

@@ -34,4 +34,5 @@
 
     Route::get('/notifications/recent', 'NotificationController@getRecentNotifications');
     Route::get('/notifications/mark-read/{notificationId}', 'NotificationController@markRead');
+    Route::get('/all-notifications', 'NotificationController@viewAll');
 });