jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 19:56:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow push notifications to suggest its device name (#2446)

Browse Source 
* Allow push notifications to suggest its device name

* Lint
This commit is contained in:
Tommy Jonsson 2019-01-12 05:35:10 +01:00 committed by Paulus Schoutsen
parent 5ae599b1b2
commit d34dada9d8
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/ha-push-notifications-toggle.js
View File

@ -20,6 +20,7 @@ class HaPushNotificationsToggle extends EventsMixin(PolymerElement) {
<paper-toggle-button
disabled="[[_compDisabled(disabled, loading)]]"
checked="{{pushChecked}}"
on-change="handlePushChange"
></paper-toggle-button>
`;
}
@ -35,7 +36,6 @@ class HaPushNotificationsToggle extends EventsMixin(PolymerElement) {
type: Boolean,
value:
"Notification" in window && Notification.permission === "granted",
observer: "handlePushChange",
},
loading: {
type: Boolean,
@ -63,12 +63,12 @@ class HaPushNotificationsToggle extends EventsMixin(PolymerElement) {
}
}
handlePushChange(pushChecked) {
handlePushChange(event) {
// Somehow this is triggered on Safari on page load causing
// it to get into a loop and crash the page.
if (!pushSupported) return;
if (pushChecked) {
if (event.target.checked) {
this.subscribePushNotifications();
} else {
this.unsubscribePushNotifications();
@ -77,10 +77,9 @@ class HaPushNotificationsToggle extends EventsMixin(PolymerElement) {
async subscribePushNotifications() {
const reg = await navigator.serviceWorker.ready;
let sub;
try {
const sub = await reg.pushManager.subscribe({ userVisibleOnly: true });
let browserName;
if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) {
browserName = "firefox";
@ -88,12 +87,24 @@ class HaPushNotificationsToggle extends EventsMixin(PolymerElement) {
browserName = "chrome";
}
const name = prompt("What should this device be called ?");
if (name == null) {
this.pushChecked = false;
return;
}
sub = await reg.pushManager.subscribe({ userVisibleOnly: true });
await this.hass.callApi("POST", "notify.html5", {
subscription: sub,
browser: browserName,
name,
});
} catch (err) {
const message = err.message || "Notification registration failed.";
if (sub) {
await sub.unsubscribe();
}
// eslint-disable-next-line
console.error(err);