Battery % in the tray - KUAL app for kindles is now READY!

[Aeris]

Finally we have a tiny app to display the battery % in the system tray. All credits for this go to Eureka (see this post for the original code: https://www.mobileread.com/forums/sho...87&postcount=8).

I've only set up this KUAL launcher and tuned a bit the layout to give it a native look on Kindle Paperwhite. I couldn't test it on Kindle Touch, so every feedback and screenshots on this device are welcome.

Once launched the KUAL shortcut, changes will persist until the next system (or framework) reboot. Its work range is 10%-100%

If it doesn't show the first time, restart kindle and retry.

Update: now it should work properly both on Touch and PW
Update 2: it has been reported that on touches devices it shows in different ways depending on the firmware version. Try to play with marginLeft and marginTop values in the script to fit better your needs, reapplying the patch each time you change something.

[brianinmaine]

Sucess on a Touch! Looks pretty good - there is a tiny line above the 99% that looks like it might be from the battery icon. Still usable, just not perfect. I haven't looked at code yet.

[Aeris]

Originally Posted by brianinmaine

Sucess on a Touch! Looks pretty good - there is a tiny line above the 99% that looks like it might be from the battery icon. Still usable, just not perfect. I haven't looked at code yet.

I'll make two different versions then. If you post the screenshot I'll try to fix it! Just have to change a single value. Thanks for report

[brianinmaine]

percentage doesn't show while plugged in, so a screenshot wouldn't show unless I used kterm? What value to change - paddingTop or Height?

[Aeris]

Yes, you must plug off it, take the screenshot then plug it in again.

Try to set _batteryMeterEl.style.marginTop="-1.6pt";

[brianinmaine]

yep, much nicer. Thanks! I'll probably play around with the numbers a bit to see what I like best.

[Aeris]

Ok, when you are done please send a screenie and your folder so we can make a Kindle touch dedicated zip too, and attach both files to the post. You can take inspiration from kindle PW screen, so we could make an app that looks the same in both models Thank you!

[twobob]

one release fits all :

#!/bin/sh
SCRIPT=""

PLATFORM="$(cat /sys/devices/platform/mxc_epdc_fb/graphics/fb0/modes)"

if [ "$PLATFORM" = "${PLATFORM/758/}" ]; then
#Touch
#setup touch version of stuff

SCRIPT=`cat << 'JAVASCRIPT' | tr -d '\n' | sed -e 's,",\\\\",g'
(function () {
  var _batteryMeterId = BatteryState.batteryFillDiv,
      _batteryMeterEl = _batteryMeterId && document.getElementById(_batteryMeterId),
      _currentBatteryLevel = nativeBridge.getIntLipcProperty("com.lab126.powerd", "battLevel"),
      _originalResolveLabel = BatteryState.resolveLabel;

  if (!_batteryMeterEl || !_originalResolveLabel) {
    return;
  }

  /* Text should be WHITE to be visible. */      
  _batteryMeterEl.style.color = "white";
  /* Hack style to set vertical alignment of text. */
  _batteryMeterEl.style.lineHeight = "5.2pt";
  /* Add style for smaller font size. */
  _batteryMeterEl.style.fontSize = "7.2pt";
  /* Background color for hiding the battery */
  _batteryMeterEl.style.backgroundColor="black";
  _batteryMeterEl.style.marginTop="-1.6pt";
  _batteryMeterEl.style.marginLeft="-2pt";
  _batteryMeterEl.style.width="20pt";
  _batteryMeterEl.style.minWidth="20pt";
  _batteryMeterEl.style.height="12pt";
  _batteryMeterEl.style.paddingTop="0.8pt";

  if (_currentBatteryLevel) {
    _batteryMeterEl.textContent = _currentBatteryLevel + "%";
  }
      
  BatteryState.resolveLabel = function () {
    var batteryMeterId = BatteryState.batteryFillDiv,
        batteryMeterEl = batteryMeterId && document.getElementById(batteryMeterId);
        
    _originalResolveLabel();
    
    if (batteryMeterEl) {
      batteryMeterEl.textContent = BatteryState.percent + "%";
    }
  };
})();
`

fi


if [ "$PLATFORM" != "${PLATFORM/758/}" ]; then
#It's a PW
#setup PW version of stuff...


SCRIPT=`cat << 'JAVASCRIPT' | tr -d '\n' | sed -e 's,",\\\\",g'
(function () {
  var _batteryMeterId = BatteryState.batteryFillDiv,
      _batteryMeterEl = _batteryMeterId && document.getElementById(_batteryMeterId),
      _currentBatteryLevel = nativeBridge.getIntLipcProperty("com.lab126.powerd", "battLevel"),
      _originalResolveLabel = BatteryState.resolveLabel;

  if (!_batteryMeterEl || !_originalResolveLabel) {
    return;
  }

  /* Text should be WHITE to be visible. */      
  _batteryMeterEl.style.color = "white";
  /* Hack style to set vertical alignment of text. */
  _batteryMeterEl.style.lineHeight = "5.2pt";
  /* Add style for smaller font size. */
  _batteryMeterEl.style.fontSize = "7.2pt";
  /* Background color for hiding the battery */
  _batteryMeterEl.style.backgroundColor="black";
  _batteryMeterEl.style.marginTop="-1.4pt";
  _batteryMeterEl.style.marginLeft="-2pt";
  _batteryMeterEl.style.width="20pt";
  _batteryMeterEl.style.minWidth="20pt";
  _batteryMeterEl.style.height="12pt";
  _batteryMeterEl.style.paddingTop="0.8pt";

  if (_currentBatteryLevel) {
    _batteryMeterEl.textContent = _currentBatteryLevel + "%";
  }
      
  BatteryState.resolveLabel = function () {
    var batteryMeterId = BatteryState.batteryFillDiv,
        batteryMeterEl = batteryMeterId && document.getElementById(batteryMeterId);
        
    _originalResolveLabel();
    
    if (batteryMeterEl) {
      batteryMeterEl.textContent = BatteryState.percent + "%";
    }
  };
})();
`
fi

MESSAGE='{
  "pillowId": "default_status_bar",
  "function": "'${SCRIPT}'"
}'

lipc-set-prop -s com.lab126.pillow interrogatePillow "$MESSAGE"

[Aeris]

Package updated, thank you!

[twobob]

small note..

There appears to be a minute disparity in Touch FW versions...

Pictured. Ancient and New.

So, yeah... Just mentioning it.

[Aeris]

Ok, if anybody see it in some bady way just ask. P.s. TO USERS: in the new (or old) version maybe it could look better with a positive and sligthly higher marginLeft value instead, in the other, it needs a more negative marginTop.

[eureka]

Originally Posted by twobob

  ...
  /* Text should be black to be visible. */      
  _batteryMeterEl.style.color = "white";

Ugh, OK...

P.S. Just joking.

[twobob]

heh yeah I clocked that too...

in your original that was of course the case

I'll edit my posted code. just for the sake of it.

[Aeris]

Ahahahah my bad, I forgot to change it xD

[Aeris]

Do you think guys that it would be easy, for example, with a similar approach, turn the wifi tray icon into a switch for the wifi off/on property? Inejcting some javascript as in this case... or javascript can't launch lipc commands?