Add warning for HTTPS requirement on notifications

This commit is contained in:
JeDaYoshi 2021-07-04 20:22:49 +00:00
parent 98e8640932
commit 372d74db69
No known key found for this signature in database
GPG key ID: 8060B288C274219D
2 changed files with 11 additions and 0 deletions

View file

@ -306,6 +306,7 @@
<input
id="desktopNotifications"
:checked="$store.state.settings.desktopNotifications"
:disabled="$store.state.desktopNotificationState === 'nohttps'"
type="checkbox"
name="desktopNotifications"
/>
@ -316,6 +317,14 @@
>
<strong>Warning</strong>: Notifications are not supported by your browser.
</div>
<div
v-if="$store.state.desktopNotificationState === 'nohttps'"
id="warnBlockedDesktopNotifications"
class="error"
>
<strong>Warning</strong>: Notifications are only supported over HTTPS
connections.
</div>
<div
v-if="$store.state.desktopNotificationState === 'blocked'"
id="warnBlockedDesktopNotifications"

View file

@ -12,6 +12,8 @@ function detectDesktopNotificationState() {
return "unsupported";
} else if (Notification.permission === "granted") {
return "granted";
} else if (!window.isSecureContext) {
return "nohttps";
}
return "blocked";