import { Component } from '@angular/core';
import OneSignal from 'onesignal-cordova-plugin';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {
  constructor() { 
    this.OneSignalInit();
  }

  // Call this function when your app starts
  OneSignalInit(): void {
    // Uncomment to set OneSignal device logging to VERBOSE  
    // OneSignal.Debug.setLogLevel(6);
    
    // Uncomment to set OneSignal visual logging to VERBOSE  
    // OneSignal.Debug.setAlertLevel(6);

    // NOTE: Update the init value below with your OneSignal AppId.
    OneSignal.init("13755f98-ec69-45fd-a2f1-d2166afcaa51");
    
    let myClickListener = async function(event) {
      let notificationData = JSON.stringify(event);
      alert(notificationData);
      console.log('notificationOpenedCallback: ' + JSON.stringify(notificationData));
          
    };
    OneSignal.Notifications.addEventListener("click", myClickListener);
    
    /* OneSignal.Notifications.setNotificationOpenedHandler(function(opened) {
      let notificationData = JSON.stringify(opened);
      console.log('notificationOpenedCallback: ' + notificationData);
    }); //*/

    // Prompts the user for notification permissions.
    //    * Since this shows a generic native prompt, we recommend instead using an In-App Message to prompt for notification permission (See step 7) to better communicate to your users what notifications they will get.
    OneSignal.Notifications.requestPermission(function(accepted) {
      console.log("User accepted notifications: " + accepted);
    });
  }
}