Notifications

[sritampatnaik]

Description
A basic skeleton for showing notifications to the user. Each notification has these id, title, content, actionUrl, category, createTime, lastUpdateTime and status

Components

1. Notifications bell and popover in the navbar
2. Notifications tab in settings `/settings/notifications

Features Component 1

• [x] This should be realtime
• [x] A popover with unread notifs with scroll
• [x] Red bubble (no number) upon recent notifications (recent notifications are unread notifications that haven't been viewed)
• [x] Highlight notification row on hover
• [x] Show dot on the right side for unread
• [x] On the top right have a button that says Mark All As Read Upon clicking this all their notification will be marked as read
• [x] Each notification is clickable and on clicking it should redirect them to theactionUrl and mark the notification as read
• [x] At the bottom i.e. the footer of the popover have a button that says view all notifications this will redirect to /settings/notifications

Component 2

• [x] Show a table with all the notifications in a table similar to the one in the popover above but have pagination and show all notifications for the past 90 days (instead of the only 6 above)
• [x] Use this for pagination
• [x] Use this table but only with 2 columns

[sritampatnaik]

• [x] On navigating to the settings page the specific tabs don't get selected (same for billings)

  

• [x] Seen/Read notifications not appearing in the popover

• [x] Notification is not realtime
• [x] Show timestamp 11/05/2021, 14:23:46 as Xm (< hour) , Xh (>hour and <24hour ), Xd (>24hour and <7days), Xw (>7days and <30days), Xmo (>30day)

[MrAyush]

On navigating to the settings page the specific tabs don't get selected (same for billings) which one to show? its default is profile. so as of now their is no profile so its not selecting anything Seen/Read notifications not appearing in the popover how much should we show? A popover with unread notifs with scroll

[sritampatnaik]

• [x] Add Vue Test Utils And Jest
• [ ] Try writing some tests for the Notifications and NotificationsList components

[MrAyush]

Sure, unit-jest these are the library installed via Vue ui