lightdm-webkit2-greeter/themes/dracula/js/battery.js

class Battery {
  constructor() {
    this._battery = document.querySelector("#battery-label")
    this._info = {}
    this._init()
  }

  _updateData() {
    this._info = lightdm.batteryData
    var level = this._info.level
    var state = this._info.state
    var ac = this._info.ac_status
    var icon = 0
    var charging = ""
    var blevel = Math.floor(level / 10) * 10
    icon = `-${blevel}`
    charging = ac == 1 ? "-charging" : ""

    if (blevel < 10) icon = "-outline"
    if (level == 100 && ac == 0) {icon = ""}
    if (level >= 0) {
      this._battery.style.visibility = "visible"
      this._battery.innerHTML = `<span class="mdi mdi-battery${charging}${icon}"></span> ${level}%`
    } else {
      this._battery.innerHTML = ""
      this._battery.style.visibility = "hidden"
    }
  }

  _setTimer() {
    if (!lightdm.can_access_battery) return
    this._updateData()
  }

  _init() {
    this._setTimer()
  }
}