iOS-Widget für Datenverbrauch im Telekom-Netz (Forked from Sillium/telekom.js)

forked-telekom.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: pink; icon-glyph: signal;
// creator: https://github.com/Sillium | changed by https://github.com/LupusArgentum | change again by me, https://github.com/JoeGit42
const apiUrl = "https://pass.telekom.de/api/service/generic/v1/status"
const logoIsWanted = (args.widgetParameter == "logo")
const colorTimeToSignalEndOfMonth = false
const showIndicationIfAPIOffline = false
const showAvailableVolume = true

let widget = await createWidget()
if (!config.runsInWidget) await widget.presentSmall()
Script.setWidget(widget)
Script.complete()

async function createWidget(items) {
  let fm = FileManager.local()
  let dir = fm.documentsDirectory()
  let path = fm.joinPath(dir, "scriptable-telekom.json")
  let data = 0, api_online = false

  const list = new ListWidget()
  list.addSpacer()
  // no border on the right
  list.setPadding(10,10,10,0)
  // Open Telekom-page on klick
  list.url = "https://pass.telekom.de"
  
  try {
    let r = new Request(apiUrl)
  // API only answers for mobile Safari
    r.headers = {
      "User-Agent": "Mozilla/5.0 (iPhone; CPU iPhone OS 13_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Mobile/15E148 Safari/604.1"
    }
    
    try {
      // Fetch data from pass.telekom.de
      data = await r.loadJSON()
      // add current time-stamp to JSON
      //const reqTime = new Date();
      data.dateStr = new Date().toJSON();
      // Write JSON to iCloud file
      fm.writeString(path, JSON.stringify(data, null, 2))
      api_online = true
    } catch (err) {
      // Read data from iCloud file
      data = JSON.parse(fm.readString(path), null)
      if (!data || !data.usedPercentage) {
        const errorList = new ListWidget()
        errorList.addText("Please disable WiFi for initial execution.")
        return errorList
      }
    }
   
    let line1
    let stack = list.addStack()
    
    // if an additional datapass is booked, display "Pass:" + passname, else display "Datenvolumen:"
    if (data.passName == "Ihr Datenvolumen" || data.passName == "Ihr Telekom Datentarif" || data.passName.length <= 1) { // you may need to change this! (check your pass name)
      line1 = stack.addText("Datenvolumen")
    } else line1 = stack.addText("Pass: " + data.passName)
    
    line1.font = Font.mediumSystemFont(13)
    if (logoIsWanted) addLogoToLine1(stack)

    // change color of the remaining volume according to usage
    const line2 = list.addText(100-data.usedPercentage + "%")
    line2.font = Font.boldSystemFont(36)
    
    // rough calculate remainig percentage of this month 
    // adjust colors according to what's needed within rest of the month
    let availableMonthPercentage = (data.remainingSeconds / (31*86400)) * 100  // to ease calculation, it just takes 31 days
    let bufferPercentage = 5 
    // e.g. if 20% of month is gone (after the 6th of a month), yellow indication starts at 10% used Volume  (attention: 20% of the month gone means 80% still available)
    let yellowLevel = (100 - availableMonthPercentage) - (2*bufferPercentage) 
    if (yellowLevel < 5) yellowLevel = 5 // yellow indication does not earlier than 5%, even at the beginning of a month
    // e.g. if 20% of month is gone (after the 6th of a month), orange indication starts at 15% used Volume  (attention: 20% of the month gone means 80% still available)
    let orangeLevel = (100 - availableMonthPercentage) - bufferPercentage 
    if (orangeLevel < 10) orangeLevel = 10 // orange indication does not earlier than 10%, even at the beginning of a month
    // e.g. if 20% of month is gone (after the 6th of a month), red indication starts at 25% used Volume  (attention: 20% of the month gone means 80% still available)
    let redLevel = (100 - availableMonthPercentage) + bufferPercentage
    if (redLevel > 95) redLevel = 95 // red indication at 95%, even at the end of a month

    if (data.usedPercentage >= redLevel) line2.textColor = Color.red()
    else if (data.usedPercentage >= orangeLevel) line2.textColor = Color.orange()
    else if (data.usedPercentage >= yellowLevel) line2.textColor = Color.yellow()
    else line2.textColor = Color.green()

    let line3
    let line4
    
    if (showAvailableVolume) {
      let availableVolume = (data.initialVolume - data.usedVolume)/(1024*1024*1024)      
      let line3pre
      if (availableVolume <= 1) {  // GB -> MB
        availableVolume *= 1024
        line3pre = availableVolume.toFixed(0) + " MB"
      } else {
        line3pre = availableVolume.toFixed(2) + " GB"
      }
      line3pre = line3pre.replace(".", ",")
      line3 = list.addText(line3pre)
    
      line4 = list.addText("von " + data.initialVolumeStr + " verbleibend")
    } else {
     line3 = list.addText(data.usedVolumeStr)
     line4 = list.addText("von " + data.initialVolumeStr + " verbraucht")
    }
    line3.font = Font.boldSystemFont(13)
    line4.font = Font.mediumSystemFont(10)      
    
    list.addSpacer()
    let line5
	 
    // alt text on line5 if local data instead of Telekom API data:
    if (api_online || !showIndicationIfAPIOffline) {
      let plan = (data.remainingSeconds ? "prepaid" : data.remainingTimeStr ? "postpaid" : "")
      switch (plan) {
        case "prepaid":
          let days = Math.floor(data.remainingSeconds / 86400)
          let hours = Math.floor((data.remainingSeconds % 86400) / 3600)
          let daysStr = ""
          let hoursStr = ""
          
          // To differentiate between single and multiple days/hours
          if (days > 0) {
            if (days == 1) {
              daysStr += days + " Tag "
            } else {
              daysStr += days + " Tage "
            }
          }
          
          if (hours > 0) {
            if (hours == 1) {
               daysStr += hours + ((days > 0 && !showAvailableVolume) ? " Std." : " Stunde")
            } else {
               daysStr += hours + ((days > 0 && !showAvailableVolume) ? " Std." : " Stunden")  // if available Volume is shown, text can be a bit longer
            }
          }
              
          if (days == 0 && hours == 0) {
                (showAvailableVolume) ? line5 += "für < 1 Stunde" :  line5 += "< 1 Stunde übrig"
          } else {
             (showAvailableVolume) ? line5 = list.addText("für " + daysStr + hoursStr) : line5 = list.addText(daysStr + hoursStr + " übrig")
          }
          line5.font = Font.mediumSystemFont(12)
          if (colorTimeToSignalEndOfMonth)  line5.textColor = (days < 3 ? Color.red() : Color.green())
          break;
      
        case "postpaid":
          line5 = list.addText("gültig bis:\n" + data.remainingTimeStr)
          line5.font = Font.mediumSystemFont(12)
          break;
      }
      
    } else {
        line5 = list.addText("API offline")
        line5.font = Font.boldSystemFont(12)
        line5.textColor = Color.orange()
    }
    
  
  } catch (err) {
    list.addText("Error fetching JSON from https://pass.telekom.de/api/service/generic/v1/status")
  }

  // Add time of last (successful) widget refresh:
  const currentTime = new Date()  // current timestamp
  let syncTime = new Date(data.dateStr) // timestamp of last sync in cellular environment
  const df = new DateFormatter()
  const wasFetchedToday = (currentTime.getDate() == syncTime.getDate() && currentTime.getMonth() == syncTime.getMonth() )  
  df.dateFormat = (wasFetchedToday ? "HH:mm" : "dd.MM. HH:mm")  
  let timeLabel = list.addText("aktualisiert " + df.string(syncTime))
  timeLabel.font = Font.mediumSystemFont(10)
  // If APIOffline indication is not shown, the text is marked orange, if last sync is older than 1 day (86400 seconds * milliseconds)
  timeLabel.textColor = (!showIndicationIfAPIOffline && (currentTime - syncTime) > (86400*1000)) ? Color.orange() : Color.lightGray()
  list.addSpacer()
  return list
}


async function addLogoToLine1(stack) {
  const imageUrl = "https://www.telekom.de/resources/images/322188/meine-telekom-v3-graphical-256.png"
  let fm = FileManager.local()
  let dir = fm.documentsDirectory()
  let path = fm.joinPath(dir, "tel.png")
  stack.addSpacer()
  if (fm.fileExists(path)) { 
    let telekomImage = fm.readImage(path)
    let stackImage = stack.addImage(telekomImage)
    stackImage.rightAlignImage()
    stackImage.imageSize = new Size(16,16)
  } else {
    // download once
    let telekomImage = await loadImage(imageUrl)
    fm.writeImage(path, telekomImage)
    let stackImage = stack.addImage(telekomImage)
    stackImage.rightAlignImage()
    stackImage.imageSize = new Size(16,16)
  }
  stack.addText("   ")  // as there's no border on the right, but some spaces to get distance
}

async function loadImage(imgUrl) {
    const req = new Request(imgUrl)
    return await req.loadImage()
}

Sehr schöner Fork! Hab ihn bei mir vor Kurzem installiert und lokal auf dem Handy etwas angepasst, da ich den Fokus gern auf das noch verfügbare Datenvolumen legen wollte.

Daher hab ich zum einen die line2 (Prozentzahl) entfernt und dafür die line3 vergrößert (Anzeige MB/GB). Zuletzt hab ich noch das Logo geändert.