number-of-covild-19-vaccinations

Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>

number-of-covild-19-vaccinations/README.md

@@ -0,0 +1,21 @@
+# Number of Covid 19 vaccinations
+![Preview light](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/previewLight.jpeg)
+![Preview dark](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/previewDark.jpeg)
+![Preview light](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/previewLight2.jpeg)
+![Preview dark](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/previewDark2.jpeg)
+![Preview light](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/previewLight3.jpeg)
+![Preview dark](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/previewDark3.jpeg)
+
+This widget displays the number of Covid 19 vaccinations. In the small and medium widet, the total number for all states is displayed by default. By entering the state in the widget parameters, you can switch to the number for the state in the small widget. In the medium widget, by entering the state, the numbers of the state are displayed next to those of the whole Germany.
+The large widget shows all 16 states and the total.
+
+Source of the data is the RKI: https://www.rki.de/DE/Content/InfAZ/N/Neuartiges_Coronavirus/Daten/Impfquoten-Tab.html
+The Excel provided by the RKI is accessible via an API for the widget: https://github.com/ThisIsBenny/rki-vaccination-data
+
+Translated with www.DeepL.com/Translator (free version)
+
+[[Download]](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/number-of-covild-19-vaccinations.js)
+
+## Optional Setup
+Enter the name of you state in the Widget-Parameter:
+![Setup](https://raw.githubusercontent.com/ThisIsBenny/iOS-Widgets/main/number-of-covild-19-vaccinations/setup.jpeg)

number-of-covild-19-vaccinations/number-of-covild-19-vaccinations.js

@@ -0,0 +1,351 @@
+// Variables used by Scriptable.
+// These must be at the very top of the file. Do not edit.
+// icon-color: red; icon-glyph: syringe;
+// Version 1.0.0
+
+////////////////////////////////////////////////////////////////////////////////
+//////////////////////////         User-Config         /////////////////////////
+////////////////////////////////////////////////////////////////////////////////
+
+// How many minutes should the cache be valid
+const cacheMinutes = 6 * 60
+
+////////////////////////////////////////////////////////////////////////////////
+//////////////////////////         Dev Settings         ////////////////////////
+////////////////////////////////////////////////////////////////////////////////
+
+const debug = true
+config.widgetFamily = config.widgetFamily || 'large'
+
+////////////////////////////////////////////////////////////////////////////////
+//////////////////////////         System Settings         /////////////////////
+////////////////////////////////////////////////////////////////////////////////
+
+let widgetInputRAW = args.widgetParameter;
+let selectedState
+
+if (widgetInputRAW !== null) {
+  if (/^Baden-Württemberg|Bayern|Berlin|Brandenburg|Bremen|Hamburg|Hessen|Mecklenburg-Vorpommern|Niedersachsen|Nordrhein-Westfalen|Rheinland-Pfalz|Saarland|Sachsen|Sachsen-Anhalt|Schleswig-Holstein|Thüringen$/.test(widgetInputRAW.toString().trim()) === false) {
+     throw new Error('Kein gültiges Bundesland. Bitte prüfen Sie die Eingabe.') 
+  }
+  selectedState = widgetInputRAW.toString()
+}
+
+const fontSize = 9
+const fontSize2 = 12
+const spacing = 5
+
+const width = 100
+const h = 9
+
+const thresholds = {  
+  amber: 59,
+  green: 79
+}
+
+////////////////////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////////////////////
+
+function creatProgress(percentage) {
+  const context = new DrawContext()
+  context.size = new Size(width, h)
+  context.opaque = false
+  context.respectScreenScale = true
+  
+  // Background Path
+  context.setFillColor(Color.gray())
+  const path = new Path()
+  path.addRect(new Rect(0, 0, width, h))
+  context.addPath(path)
+  context.fillPath()
+  
+  // Progress Path
+  let color
+  if (percentage > thresholds.green) {
+    color = Color.green()
+  } else if (percentage > thresholds.amber) {
+    color = Color.orange()
+  } else {
+    color = Color.red()
+  }
+  
+  context.setFillColor(color)  
+  const path1 = new Path()
+  const path1width = (width * (percentage / 100) > width) ? width : width * (percentage / 100)
+  path1.addRect(new Rect(0, 0, path1width, h))
+  context.addPath(path1)
+  context.fillPath()
+  
+  return context.getImage()
+}
+
+function getDiagram(percentage) {
+  function drawArc(ctr, rad, w, deg) {
+    bgx = ctr.x - rad
+    bgy = ctr.y - rad
+    bgd = 2 * rad
+    bgr = new Rect(bgx, bgy, bgd, bgd)
+  
+  
+    let color
+    if (percentage > thresholds.green) {
+      color = Color.green()
+    } else if (percentage > thresholds.amber) {
+      color = Color.orange()
+    } else {
+      color = Color.red()
+    }
+    canvas.setFillColor(color)
+    canvas.setStrokeColor(Color.gray())
+    canvas.setLineWidth(w)
+    canvas.strokeEllipse(bgr)
+  
+    for (t = 0; t < deg; t++) {
+      rect_x = ctr.x + rad * sinDeg(t) - w / 2
+      rect_y = ctr.y - rad * cosDeg(t) - w / 2
+      rect_r = new Rect(rect_x, rect_y, w, w)
+      canvas.fillEllipse(rect_r)
+    }
+  }
+  function sinDeg(deg) {
+    return Math.sin((deg * Math.PI) / 180)
+  }
+  
+  function cosDeg(deg) {
+    return Math.cos((deg * Math.PI) / 180)
+  }
+  const canvas = new DrawContext()
+  const canvSize = 200
+  const canvTextSize = 36
+  
+  const canvWidth = 10
+  const canvRadius = 80
+  
+  canvas.opaque = false  
+  canvas.size = new Size(canvSize, canvSize)
+  canvas.respectScreenScale = true
+    
+  drawArc(
+    new Point(canvSize / 2, canvSize / 2),
+    canvRadius,
+    canvWidth,
+    Math.floor(percentage * 3.6)
+  )
+
+  const canvTextRect = new Rect(
+    0,
+    100 - canvTextSize / 2,
+    canvSize,
+    canvTextSize
+  )
+  canvas.setTextAlignedCenter()
+  canvas.setTextColor(Color.dynamic(Color.black(), Color.white()))
+  canvas.setFont(Font.boldSystemFont(canvTextSize))
+  canvas.drawTextInRect(`${percentage}%`, canvTextRect)
+
+  return canvas.getImage()
+}
+
+var today = new Date()
+
+// Set up the file manager.
+const files = FileManager.local()
+
+// Set up cache
+const cachePath = files.joinPath(files.cacheDirectory(), "widget-vaccination-" + config.widgetFamily)
+const cacheExists = files.fileExists(cachePath)
+const cacheDate = cacheExists ? files.modificationDate(cachePath) : 0
+
+// Get Data
+let result
+let lastUpdate
+try {
+  // If cache exists and it's been less than 30 minutes since last request, use cached data.
+  if (cacheExists && (today.getTime() - cacheDate.getTime()) < (cacheMinutes * 60 * 1000)) {
+    console.log("Get from Cache")
+    result = JSON.parse(files.readString(cachePath))
+    lastUpdate = cacheDate
+  } else {
+    console.log("Get from API") 
+     const req = new Request('https://rki-vaccination-data.vercel.app/api')
+    result = await req.loadJSON()
+    lastUpdate = today
+    console.log("Write Data to Cache")
+    try {
+      files.writeString(cachePath, JSON.stringify(result))
+    } catch (e) {
+      console.log("Creating Cache failed!")
+      console.log(e)
+    }
+  }
+} catch (e) {
+  console.error(e)
+  if (cacheExists) {
+    console.log("Get from Cache")
+    result = JSON.parse(files.readString(cachePath))
+    lastUpdate = cacheDate
+  } else {
+    console.log("No fallback to cache possible. Due to missing cache.")
+  }
+}
+
+if (debug) {  
+  console.log(JSON.stringify(result, null, 2))
+}
+
+const widget = new ListWidget()
+widget.setPadding(10, 10, 10, 10)
+widget.addSpacer(0)
+
+let firstLineStack = widget.addStack()
+  
+let title = firstLineStack.addText("🦠 COVID-19 Impfungen")
+title.font = Font.boldSystemFont(12)
+title.minimumScaleFactor = 0.7
+title.lineLimit = 1
+// Last Update
+firstLineStack.addSpacer()
+
+if (config.widgetFamily !== 'small') {
+  lastUpdateStack = firstLineStack.addStack()
+  lastUpdateStack.layoutVertically()
+  lastUpdateStack.addSpacer(3)
+  let lastUpdateText = lastUpdateStack.addDate(new Date(result.lastUpdate))
+  lastUpdateText.font = Font.systemFont(8)
+  lastUpdateText.rightAlignText()
+  lastUpdateText.applyDateStyle()
+}
+
+widget.addSpacer()
+
+if (config.widgetFamily === 'large') {    
+  const stack = widget.addStack()
+  stack.layoutVertically()
+  stack.spacing = spacing
+  for (const [key, value] of Object.entries(result.states)) {
+    const row = stack.addStack()
+    row.layoutHorizontally()
+    const stateText = row.addText(key)
+    stateText.font = Font.mediumSystemFont(fontSize)
+    
+    row.addSpacer()
+    const quoteText = row.addText(`${value.quote} %`.replace('.', ','))
+    quoteText.font = Font.systemFont(fontSize)
+    
+    row.addSpacer(4)
+    const progressBar = row.addImage(creatProgress(value.quote))
+    progressBar.imageSize = new Size(width, h)
+  }
+  
+  stack.addSpacer(2)
+  
+  const row = stack.addStack()  
+  row.layoutHorizontally()
+  const stateText = row.addText('Gesamt')
+  stateText.font = Font.boldSystemFont(fontSize + 1)
+    
+  row.addSpacer()
+  const quoteText = row.addText(`${result.quote} %`.replace('.', ','))
+  quoteText.font = Font.boldSystemFont(fontSize + 1)
+    
+  row.addSpacer(4)
+  const progressBar = row.addImage(creatProgress(result.quote))
+  progressBar.imageSize = new Size(width, h)
+  
+  widget.addSpacer(0)
+} else {
+  const row = widget.addStack()
+  row.layoutHorizontally()
+  
+  
+  if (selectedState) {
+    const column = row.addStack()
+    column.layoutVertically()
+    column.centerAlignContent()
+    
+    const imageStack1 = column.addStack()
+    imageStack1.layoutHorizontally()
+    imageStack1.addSpacer()
+    imageStack1.addImage(getDiagram(result.states[selectedState].quote));
+    imageStack1.addSpacer()
+    column.addSpacer(2)
+    
+    const total1 = parseInt((result.states[selectedState].total / 1000).toFixed(0)).toLocaleString('de')
+    let vaccinated1
+    if (result.states[selectedState].vaccinated > 999) {
+      vaccinated1 = parseInt((result.states[selectedState].vaccinated / 1000).toFixed(0)).toLocaleString('de') + 't'
+    } else {
+      vaccinated1 = result.states[selectedState].vaccinated
+    }
+    
+    const numbersText1Stack = column.addStack()
+    numbersText1Stack.layoutHorizontally()
+    numbersText1Stack.addSpacer()
+    
+    const numbersText1 = numbersText1Stack.addText(`${vaccinated1} von ${total1}t`)  
+    numbersText1.font = Font.systemFont(fontSize2)
+    numbersText1Stack.addSpacer()
+    
+    const stateText1Stack = column.addStack()
+    stateText1Stack.layoutHorizontally()
+    stateText1Stack.addSpacer()
+    
+    const stateText1 = stateText1Stack.addText(selectedState)
+    stateText1.font = Font.boldSystemFont(fontSize2)
+    stateText1.minimumScaleFactor = 0.7
+    stateText1.lineLimit = 1
+    stateText1Stack.addSpacer()
+  }
+  if (!selectedState || config.widgetFamily == 'medium') {
+    const column2 = row.addStack()
+    column2.layoutVertically()
+    column2.centerAlignContent()
+        
+    const imageStack2 = column2.addStack()
+    imageStack2.layoutHorizontally()
+    imageStack2.addSpacer()
+    imageStack2.addImage(getDiagram(result.quote));
+    imageStack2.addSpacer()
+    
+    const total2 = parseInt((result.total / 1000).toFixed(0)).toLocaleString('de')
+    let vaccinated2 = parseInt((result.vaccinated / 1000).toFixed(0)).toLocaleString('de')
+    
+    const numbersText2Stack = column2.addStack()
+    numbersText2Stack.layoutHorizontally()
+    numbersText2Stack.addSpacer()
+    
+    const numbersText2 = numbersText2Stack.addText(`${vaccinated2}t von ${total2}t`)  
+    numbersText2.font = Font.systemFont(fontSize2)
+    numbersText2Stack.addSpacer()
+    
+    const stateText2Stack = column2.addStack()
+    stateText2Stack.layoutHorizontally()
+    stateText2Stack.addSpacer()
+    
+    const stateText2 = stateText2Stack.addText('Deutschland')
+    stateText2.font = Font.boldSystemFont(fontSize2)
+    stateText2Stack.addSpacer()
+  }
+  if (config.widgetFamily === 'small') {
+    const lastUpdateStack = widget.addStack()
+    lastUpdateStack.layoutHorizontally()
+    lastUpdateStack.addSpacer()
+    const lastUpdateText = lastUpdateStack.addDate(new Date(result.lastUpdate))
+    lastUpdateText.font = Font.systemFont(6)
+    lastUpdateText.rightAlignText()
+    lastUpdateText.applyDateStyle()
+    lastUpdateStack.addSpacer()
+  }
+}
+
+if (!config.runsInWidget) {
+  switch (config.widgetFamily) {
+    case 'small': await widget.presentSmall(); break;
+    case 'medium': await widget.presentMedium(); break;
+    case 'large': await widget.presentLarge(); break;
+  }
+} else {
+  Script.setWidget(widget)
+}
+Script.complete()