Differential D14011 Diff 33879 webroot/rsrc/js/application/config/webpush-subscriptions.js

Changeset View

Standalone View

webroot/rsrc/js/application/config/webpush-subscriptions.js

This file was added.

				/**
				Lint: `javelinsymbols` Not In Path Inline Actions The 'javelinsymbols' binary in the Javelin project is not available in $PATH, so the Javelin linter can't run. This isn't a big concern, but means some Javelin problems can't be automatically detected. Lint: `javelinsymbols` Not In Path: The 'javelinsymbols' binary in the Javelin project is not available in $PATH, so the Javelin…
				* @provides javelin-behavior-webpush-subscriptions
				* @requires javelin-behavior javelin-stratcom javelin-dom
				*/
				JX.behavior('webpush-subscriptions', function() {

				function show_message(msg) {
				alert(msg);
				Lint: JSHintW117 Inline Actions 'alert' is not defined. Lint: JSHintW117: 'alert' is not defined.
				}

				var form = JX.$('webpush-subscribe');
				var submit_button, endpoint_input;
				var inputs = JX.DOM.scry(form, 'input');
				var i;
				for (i = 0; i < inputs.length; i++) {
				if (inputs[i].type != 'hidden') {
				continue;
				}
				if (inputs[i].name == 'endpoint') {
				endpoint_input = inputs[i];
				break;
				}
				}
				var buttons = JX.DOM.scry(form, 'button');
				for (i = 0; i < buttons.length; i++) {
				if (buttons[i].name == '__submit__') {
				submit_button = buttons[i];
				break;
				}
				}

				JX.DOM.listen(submit_button, 'click', null, function (event) {
				if (endpoint_input.value.length > 0) {
				return true;
				}

				event.kill();

				if (!('serviceWorker' in navigator) \|\|
				!('showNotification' in ServiceWorkerRegistration.prototype) \|\|
				Lint: JSHintW117 Inline Actions 'ServiceWorkerRegistration' is not defined. Lint: JSHintW117: 'ServiceWorkerRegistration' is not defined.
				!('PushManager' in window)) {
				show_message('Notifications are not supported by your browser.');
				return false;
				}
				navigator.serviceWorker.register('/serviceworker.js')
				.then(function(svWorker) {
				switch (Notification.permission) {
				Lint: JSHintW117 Inline Actions 'Notification' is not defined. Lint: JSHintW117: 'Notification' is not defined.
				case 'denied':
				show_message('Please enable notifications for this site ' +
				'in your browser\'s settings.');
				break;
				case 'granted':
				svWorker.pushManager.getSubscription().then(function(subscription) {
				if (subscription) {
				handle_subscription(subscription);
				} else {
				show_message('Error fetching subscription details from browser');
				}
				})
				.catch(function(err) {
				console.log(err);
				Lint: JSHintW117 Inline Actions 'console' is not defined. Lint: JSHintW117: 'console' is not defined.
				svWorker.pushManager.subscribe({userVisibleOnly: true})
				.then(function(subscription) {
				handle_subscription(subscription);
				})
				.catch(function(err) {
				console.log(err);
				Lint: JSHintW117 Inline Actions 'console' is not defined. Lint: JSHintW117: 'console' is not defined.
				show_message('Please enable notifications for this site');
				window.location.reload();
				});
				});
				break;
				default:
				svWorker.pushManager.subscribe({userVisibleOnly: true})
				.then(function(subscription) {
				handle_subscription(subscription);
				})
				.catch(function(err) {
				console.log(err);
				Lint: JSHintW117 Inline Actions 'console' is not defined. Lint: JSHintW117: 'console' is not defined.
				show_message('Please enable notifications for this site');
				window.location.reload();
				});
				break;
				}
				});
				return false;
				});

				function handle_subscription(subscription) {
				var endpoint = '';
				if ('endpoint' in subscription) {
				endpoint = subscription.endpoint;
				}
				if (endpoint.length < 1) {
				show_message('Error fetching subscription details from browser');
				return;
				}
				endpoint_input.value = endpoint;
				var event = new MouseEvent('click', {
				'view': window,
				'bubbles': true,
				'cancelable': true
				});
				submit_button.dispatchEvent(event);
				}

				});