class Brightness {
  constructor() {
    this._brightness = document.querySelector("#brightness-label")
    this._level = 0
    this._init()
  }

  _updateData() {
    this._level = lightdm.brightness
    if (this._level >= 0) {
      this._brightness.style.visibility = "visible"
      var icon = this._level > 50 ? 7: this._level > 10 ? 6 : 5
      this._brightness.innerHTML = `<span class="mdi mdi-brightness-${icon}"></span> ${this._level}%`
    } else {
      this._brightness.innerHTML = ""
      this._brightness.style.visibility = "hidden"
    }
  }

  _setTimer() {
    if (!lightdm.can_access_brightness) return
    this._updateData()
    setInterval(() => {
      this._updateData()
    }, 1000) // Every second

  }

  _init() {
    this._setTimer()
  }
}