Notification Heart - FOUR Notification Types

Review

Notification Heart is a jQuery plugin that helps the method of creating and managing notifications within an software. the primary features of Notification Center are:

• 2 themes – Light and Dark
• Notification ‘bubbles’ observe the collection of unread notifications in every category
• 4 show sorts (modal, bar, growl, none)
• FOUR helper types (success, blunders, warning, realize)
• Create notifications in Javascript or PHP
• Routinely poll the server for brand spanking new notifications
• Add pictures to notifications
• Non-Compulsory PHP magnificence to create/manage notifications (you need to understand PHP to make use of this elegance)
• Create limitless categories for notifications
• Intensive options record – See full record

Topics

Light
Darkish

*The notification menu within the mild topic is based on the work of Orman Clark

Callbacks

• Create Callback – This callback is fired every time a notification is created
• Mark Learn Callback – This callback is fired every time a notification is marked as read
• Delete Callback – This callback is fired whilst a notification is deleted
• Notification Depend Building Up Callback – This callback is fired whilst the notification depend in a single of the bubbles increases
• Notification Click On Callback – This callback is fired whilst a notification is clicked inside the notification list
• Shut Callback – This callback is fired whilst a notification is closed.

Utilization

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.luck('This is a success message'); notifications.mistakes('This is an blunders message'); notifications.warning('This is a caution 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');

Want A mission control machine? Check Out my new app

Visible Shape Builder – Create gorgeous bureaucracy in seconds

FULL DOWNLOAD