Add battery element to weather-cal by @mzeryck

battery.js

// battery indicator element for use with weather-cal Scriptable widget
// https://github.com/mzeryck/Weather-Cal/blob/main/weather-cal.js


function provideBatteryIcon() {

  const batteryLevel = Device.batteryLevel()

  if ( Device.isCharging() ) {

    return SFSymbol.named("battery.100.bolt").image

  } else

    if ( Math.round(batteryLevel * 100) > 75 ) {

      return SFSymbol.named("battery.100").image

    } else if ( Math.round(batteryLevel * 100) > 25 ) {

      return SFSymbol.named("battery.25").image

    } else {

      return SFSymbol.named("battery.0").image
    }

}

function battery(column, alignment) {

  function getBatteryLevel() {
  
   const batteryLevel = Device.batteryLevel()
   const batteryPercentage = `${Math.round(batteryLevel * 100)}%`

    return batteryPercentage
  }
  
  // Set up the battery level.
  let batteryStack = align(column, alignment)
  batteryStack.layoutHorizontally()
  batteryStack.centerAlignContent()

  let batteryIcon = batteryStack.addImage(provideBatteryIcon())
  batteryIcon.imageSize = new Size(30,30)
  batteryIcon.tintColor = Color.white()


  batteryStack.addSpacer(8)
  let battery = batteryStack.addText(getBatteryLevel())
  formatText(battery, textFormat.battery)
  batteryStack.setPadding(10, 10, 10, 10)
}