Overview

Notification Center is a jQuery plugin that facilitates the process of creating and managing notifications within an application. The primary features of Notification Center are:

• 2 themes – Light and Dark
• Notification ‘bubbles’ track the number of unread notifications in each category
• 4 display types (modal, bar, growl, none)
• 4 helper types (success, error, warning, notice)
• Create notifications in Javascript or PHP
• Automatically poll the server for new notifications
• Add images to notifications
• Optional PHP class to create/manage notifications (You need to understand PHP to use this class)
• Create unlimited categories for notifications
• Extensive options list – See full list

Themes

Light
Dark

*The notification menu in the light theme is based on the work of Orman Clark

Callbacks

• Create Callback – This callback is fired each time a notification is created
• Mark Read Callback – This callback is fired each time a notification is marked as read
• Delete Callback – This callback is fired when a notification is deleted
• Notification Count Increase Callback – This callback is fired when the notification count in one of the bubbles increases
• Notification Click Callback – This callback is fired when a notification is clicked inside of the notification list
• Close Callback – This callback is fired when a notification is closed.

Usage

Initialize the plugin

var notifications = new $.ttwNotificationCenter(); 

Initialize notification bubbles

notifications.initMenu({ 
    someCategory:'#menuItemSelector' 
}); 

Create A Notification

//Default parameters 
notifications.createNotification('This is a notification'); 

//Custom parameters. 
notifications.createNotification({ 
    message:'This is a notification', 
    type:'modal', 
    category:'projects', 
    icon:'images/some_icon.png', 
    autoHide:true, 
    autoHideDelay:3000 
});

Use the helpers

notifications.success('This is a success message'); 
notifications.error('This is an error message'); 
notifications.warning('This is a warning message'); 
notifications.notice('This is an info message'); 

Get notifications from the server

notifications.importNotifications('all', 'unread'); 
notifications.getNew();

Delete a notification

var notification = notifications.creatNotification('some notification'); 
notifications.deleteNotifiction(notification); 

Get the notifications in a category

var notificationsInSomeCategory = getNotifications('someCategory', 'unread');

Need a project management system? Try my new app

Visual Form Builder – Create beautiful forms in seconds

codecanyon-397393-notification-center-4-notification-types.zip