72 lines
1.9 KiB
JavaScript
72 lines
1.9 KiB
JavaScript
import computed from 'ember-addons/ember-computed-decorators';
|
|
|
|
export default Ember.Component.extend({
|
|
classNames: ['controls'],
|
|
|
|
@computed
|
|
notificationsPermission() {
|
|
if (this.get('isNotSupported')) return '';
|
|
return Notification.permission;
|
|
},
|
|
|
|
@computed
|
|
notificationsDisabled: {
|
|
set(value) {
|
|
localStorage.setItem('notifications-disabled', value);
|
|
return localStorage.getItem('notifications-disabled');
|
|
},
|
|
get() {
|
|
return localStorage.getItem('notifications-disabled');
|
|
}
|
|
},
|
|
|
|
@computed
|
|
isNotSupported() {
|
|
return typeof window.Notification === "undefined";
|
|
},
|
|
|
|
isDefaultPermission: function() {
|
|
if (this.get('isNotSupported')) return false;
|
|
|
|
return Notification.permission === "default";
|
|
}.property('isNotSupported', 'notificationsPermission'),
|
|
|
|
isDeniedPermission: function() {
|
|
if (this.get('isNotSupported')) return false;
|
|
|
|
return Notification.permission === "denied";
|
|
}.property('isNotSupported', 'notificationsPermission'),
|
|
|
|
isGrantedPermission: function() {
|
|
if (this.get('isNotSupported')) return false;
|
|
|
|
return Notification.permission === "granted";
|
|
}.property('isNotSupported', 'notificationsPermission'),
|
|
|
|
isEnabled: function() {
|
|
if (!this.get('isGrantedPermission')) return false;
|
|
|
|
return !this.get('notificationsDisabled');
|
|
}.property('isGrantedPermission', 'notificationsDisabled'),
|
|
|
|
actions: {
|
|
requestPermission() {
|
|
const self = this;
|
|
Notification.requestPermission(function() {
|
|
self.propertyDidChange('notificationsPermission');
|
|
});
|
|
},
|
|
recheckPermission() {
|
|
this.propertyDidChange('notificationsPermission');
|
|
},
|
|
turnoff() {
|
|
this.set('notificationsDisabled', 'disabled');
|
|
this.propertyDidChange('notificationsPermission');
|
|
},
|
|
turnon() {
|
|
this.set('notificationsDisabled', '');
|
|
this.propertyDidChange('notificationsPermission');
|
|
}
|
|
}
|
|
});
|