Learn the powerful enterprise adaptable database:

Getting Started With ADABAS & Natural

Friday, May 12, 2017

201 Build.PhoneGap.com with Cordova Battery Status


.
201 Build.PhoneGap.com with Cordova Battery Status

1) Check Versions

As at 2017-11-14
PhoneGap Version:
PhoneGap (iOS / Android / Windows)
cli-6.5.0 (4.3.1 / 6.1.2 / 4.4.3)
Plugin Version:
<plugin name="cordova-plugin-battery-status" spec="1.2.5" />

2) Test Files

config.xml
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.notarazi.bpg" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>BPG </name>
  <description>
      Build Phone Gap Example
  </description>
  <author email="notarazi@gmail.com" href="http://fb.me/notarazi.blogs">
      Notarazi Team
  </author>
  <content src="index.html" />
  <access origin="*" />
  <allow-intent href="http://*/*" />
  <allow-intent href="https://*/*" />
  <allow-intent href="tel:*" />
  <allow-intent href="sms:*" />
  <allow-intent href="mailto:*" />
  <allow-intent href="geo:*" />
  <platform name="android">
      <allow-intent href="market:*" />
  </platform>
  <platform name="ios">
      <allow-intent href="itms:*" />
      <allow-intent href="itms-apps:*" />
  </platform>
  <engine name="android" spec="^6.2.3" />
  <engine name="ios" spec="^4.4.0" />
<plugin name="cordova-plugin-battery-status" spec="1.2.5"  />
</widget>
index.html
<!DOCTYPE html>
<html>
 <head>
   <title>BPG Example</title>
   <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
   <script type="text/javascript" charset="utf-8">
   document.addEventListener("deviceready",onDeviceReady,false);
     function onDeviceReady(){
       
window.addEventListener("batterystatus", onBatteryStatus, true);
         function 
onBatteryStatus(status)
           {
             console.log(
status);
             document.getElementById('appmessage').innerHTML=
               JSON.stringify(
status);
             alert("Level: " + 
status.level + " isPlugged: " + status.isPlugged);
           }
         }
   </script>
 </head>
 <body>
   <div id='appmessage'style=' width:200px;word-wrap: break-word;'>
   ...
   </div>
 </body>
</html>

3) Zip, Upload and Build the project

4) Test Output

Console Output
Screen Output

Download

Reference



.

1 comment: