JS Notification

notify.js

/**
 * class NotificationAlert asks for notification
 * permission and shows notifications or alerts
 */
class NotificationAlert {
  #title
  constructor(title) {
    this.#title = title;
    this.#askNotificationPermission();
  }
  /**
   * ask permissions for Notification, if not granted use alerts
   */
  #askNotificationPermission() {
    function handlePermission(permission) {
      if (!('permission' in Notification)) {
        Notification.permission = permission;
      }

      if (permission === 'denied' || permission === 'default') {
        console.log('Notification permission was denied.');
      } else {
        console.log('Notification permission granted.');
      }
    }

    if (!("Notification" in window)) {
      console.log("This browser does not support notifications.");
    } else {
      Notification.requestPermission().then((permission) => {
        handlePermission(permission);
      });
    }
  }
  /**
   * show notification
   * @param {string} message notification text to be shown
   */
  showNotificationOrAlert(message) {
    if (Notification.permission === 'granted') {
      new Notification(this.#title, {
        body: message
      });
    } else {
      alert(message);
    }
  }
}