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

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