Parqet iOS Scriptable Widget

parqet-widget.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: teal; icon-glyph: chart-line;
// Script by Andreas Redeker <hello@andreasredeker.de>
let portfolioId;

const TIMEFRAME = {
  'max': "seit Kauf",
  'ytd': "seit Jahresbeginn",
  'mtd': "seit Monatsbeginn",
  'today': "heute",
  '7d': "1 Woche",
  '1m': "1 Monat",
  '3m': "3 Monate",
  '6m': "6 Monate",
  '1y': "1 Jahr",
  '3y': "3 Jahre",
  '5y': "5 Jahre"
};

let defaultTimeframe = 'max';

const apiUrl = (portfolioId, timeframe) => `https://api.parqet.com/v1/portfolios/${portfolioId}?timeframe=${timeframe}&useInclude=true`;

const backgroundColor = Color.dynamic(Color.white(), new Color("374151"));

const titleColor = Color.gray();
const titleFont = Font.mediumSystemFont(10);
const titleMinimumScaleFactor = 1;

const valueFont = Font.boldSystemFont(16);
const valueMinimumScaleFactor = 0.8;

if (config.runsInWidget && args.widgetParameter) {
  portfolioId = args.widgetParameter;
} else if (config.runsInWidget && !args.widgetParameter) {
  throw Error("Bitte Portfolio-Id in den Widget Parametern eintragen");
}

if (config.runsInApp) {
  portfolioId = "637793772999856f62ee6578"; // parqet demo portfolio for testing
}

const portfolio = await getPortfolio(portfolioId, defaultTimeframe);

async function getPortfolio(portfolioId, timeframe) {
  const data = await new Request(apiUrl(portfolioId, timeframe)).loadJSON();

  if (data.statusCode == 401) {
    throw Error("Portfolio ist nicht öffentlich");
  }

  const obj = {
    name: data.portfolio.name,
    currency: data.portfolio.currency,
    value: data.performance.portfolioValue,
    gainGrossValue: data.performance.unrealized.gainGross,
    returnGrossPercent: data.performance.unrealized.returnGross,
    dividendsGainNet: data.performance.dividends.gainNet,
    public: data.portfolio.public,
    timeframe: data.interval.timeframe
  };

  return obj;
}

let widget = await createWidget();

async function createWidget() {
  let w = new ListWidget();
  w.url = 'parqetapp://';
  w.backgroundColor = backgroundColor;

  let portfolioName = w.addText(portfolio.name);
  portfolioName.font = titleFont;
  portfolioName.textColor = titleColor;
  portfolioName.minimumScaleFactor = titleMinimumScaleFactor;

  let portfolioValue = w.addText(toLocaleCurrencyString(portfolio.value));
  portfolioValue.font = Font.boldSystemFont(20);
  portfolioValue.minimumScaleFactor = 0.9;

  w.addSpacer();

  let gainTitle = w.addText(`Kursgewinn ${TIMEFRAME[portfolio.timeframe]}`);
  gainTitle.font = titleFont;
  gainTitle.textColor = titleColor;
  gainTitle.minimumScaleFactor = valueMinimumScaleFactor;

  let gainGross = w.addText(toLocaleCurrencyString(portfolio.gainGrossValue));
  gainGross.textColor = portfolio.returnGrossPercent > 0 ? Color.green() : Color.red();
  gainGross.font = valueFont;
  gainGross.minimumScaleFactor = valueMinimumScaleFactor;

  let returnNet = w.addText(
    portfolio.returnGrossPercent.toLocaleString() + " %"
  );
  returnNet.textColor = portfolio.gainGrossValue > 0 ? Color.green() : Color.red();
  returnNet.font = valueFont;
  returnNet.minimumScaleFactor = valueMinimumScaleFactor;

  w.addSpacer();

  let dividendsTitle = w.addText("Erhaltene Dividenden");
  dividendsTitle.font = titleFont;
  dividendsTitle.textColor = titleColor;
  dividendsTitle.minimumScaleFactor = titleMinimumScaleFactor;

  let dividends = w.addText(toLocaleCurrencyString(portfolio.dividendsGainNet));
  dividends.font = valueFont;
  dividends.minimumScaleFactor = valueMinimumScaleFactor;

  w.addSpacer();

  let updateTimestamp = w.addText(
    "Stand " + new Date().toLocaleTimeString().slice(0, 5)
  );
  updateTimestamp.textColor = titleColor;
  updateTimestamp.font = Font.mediumSystemFont(8);
  updateTimestamp.centerAlignText();

  return w;
}

function toLocaleCurrencyString(value) {
  return value.toLocaleString("de-DE", {
    style: "currency",
    currency: portfolio.currency,
  });
}

if (config.runsInApp) {
  await widget.presentSmall();
}

Script.setWidget(widget);
Script.complete();

iOS Scriptable Widget für Parqet

Das Widget zeigt aktuell den Portfolio-Wert, den Kursgewinn in Euro und Prozent sowie die erhaltenen Dividenden. Die Performance und Dividende bezieht sich immer auf den zuletzt ausgewählten Zeitraum in der Parqet Webanwendung.

Dein Portfolio muss öffentlich sein und die absoluten Werte anzeigen, damit das Widget funktioniert.

Installation

1. Lade die kostenlose Scriptable App aus dem iOS App Store herunter
2. Kopiere den gesamten Code aus GitHub (siehe oben)
3. Öffne die Scriptable App und drücke auf das Plus rechts oben
4. Füge jetzt den Code ein und drücke links oben auf "Done"
5. Gehe auf deinen Home Screen und füge das kleine Scriptable Widget hinzu
6. Drücke auf das Widget und wähle bei Script den eben eingefügten Code aus
7. Füge bei Parameter deine Portfolio-Id ein, z. B. aus dem Browser Link: https://app.parqet.com/p/5f55425d139fc90007978e75 Id = 5f55425d139fc90007978e75
8. Nun das Bearbeiten beenden - Fertig!