LocalNotifications example

The index.html file containing JavaScript that makes use of the LocalNotifications API functionality is listed below.

<!DOCTYPE html>
<html manifest="manifest.appcache"> 
  <head>
    <title>LocalNotification example</title>
    <link rel="x-antenna-managed-webapp-descriptor"
      href="webapp-descriptor.xml" />
    <script type="text/javascript">

    function schedule() {
      var notification = {
        fireDate: new Date(),
        title: document.getElementById("title").value,
        message: document.getElementById("message").value,
        badge: document.getElementById("badge").value,
        repeatInterval: window.launchbox.LocalNotifications.MINUTE_INTERVAL
      };
      launchbox.LocalNotifications.schedule(notification);
    }

    function cancel() {
      launchbox.LocalNotifications.cancelAll();
    }

    function shutdown() {
      launchbox.Container.shutdown();//lifecycle method
    }

    </script>
  </head>
  <body>
    <header>
      <h3><span>LocalNotification API usage example</span>
      </h3>
    </header>

    <div class="white_box_content" style="height: auto;">

      <div>
        <input type="text" id="title" value="Local notification" />
        <input type="text" id="message" value="Default message" />
        <input type="text" id="badge" value="1" />            
      </div>

      <div>                                                 
        <input type="button" onclick="schedule();" value="Schedule a notification"/>                
        <input type="button" onclick="cancel();" value="Cancel all pending notifications."/>
        <input type="button" onclick="shutdown();" value="Shutdown container"/>
      </div>

	</div>

    <div id="text-box"></div>
  </body>
</html>

The contents of the cache manifest file called manifest.appcache for this application are listed below:

CACHE MANIFEST

CACHE:
index.html

NETWORK:
*

The webapp-descriptor.xml file for this application is defined in the following way:

<?xml version="1.0" encoding="UTF-8"?>
<webapp-descriptor xmlns="http://www.pega.com/application-hosting/
web-app-descriptor/2.0">
  <id>com.pega.sample.LocalNotifications</id>
  <version>1.0.0</version>
  <name>LocalNotifications API usage example</name>
</webapp-descriptor>

Local Notifications

LocalNotifications example

Related topics