Overview

Angular 2 and Up

Demo

Usage

<scripttype="text/javascript"src="angular.js"></script><scripttype="text/javascript"src="simple-web-notification/web-notification.js"></script><scripttype="text/javascript"src="angular-web-notification.js"></script>

angular.module('exampleApp',['angular-web-notification']);

angular.module('exampleApp').directive('showButton',['webNotification',function(webNotification){return{    ...link:function(scope,element){element.on('click',functiononClick(){webNotification.showNotification('Example Notification',{body:'Notification Text...',icon:'my-icon.ico',onClick:functiononNotificationClicked(){console.log('Notification clicked.');},autoClose:4000//auto close the notification after 4 seconds (you can manually close it via hide function)},functiononShow(error,hide){if(error){window.alert('Unable to show notification: '+error.message);}else{console.log('Notification Shown.');setTimeout(functionhideNotification(){console.log('Hiding notification....');hide();//manually close the notification (you can skip this if you use the autoClose option)},5000);}});});}};}]);

//Get the service worker registeration object at the startup of the application.//This is an aysnc operation so you should not try to use it before the promise is finished.varserviceWorkerRegistration;navigator.serviceWorker.register('service-worker.js').then(function(registration){serviceWorkerRegistration=registration;});//when setting on even handlers in different areas of the application, use that registration object instance (must be done after the registration is available)element.on('click',functiononClick(){webNotification.showNotification('Example Notification',{serviceWorkerRegistration:serviceWorkerRegistration,body:'Notification Text...',icon:'my-icon.ico',actions:[{action:'Start',title:'Start'},{action:'Stop',title:'Stop'}],autoClose:4000//auto close the notification after 4 seconds (you can manually close it via hide function)},functiononShow(error,hide){if(error){window.alert('Unable to show notification: '+error.message);}else{console.log('Notification Shown.');setTimeout(functionhideNotification(){console.log('Hiding notification....');hide();//manually close the notification (you can skip this if you use the autoClose option)},5000);}});});

Installation

npm install --save angular-web-notification

bower install angular-web-notification --save

Limitations

API Documentation

Contributing

Release History

License