Filipe: "ich will dass das richtig perfekt gemacht wird so dass die
leute so einfach wie moeglich eine spende aufs paypal machen koennen.
und wenn jemand spendet soll auch der betrag erscheinen mit einem
bild."
WAS GEHT UND WAS NICHT -- NACHGESEHEN, NICHT ANGENOMMEN
Hinterlegt ist ein PayPal.me-Link auf ein PRIVATES Konto. Daraus
folgt zweierlei, und beides bestimmt den ganzen Aufbau:
ES GEHT: `paypal.me/<name>/5EUR` oeffnet PayPal mit schon
eingetragenem Betrag. Ein Tipp, fertig. Belegt an PayPals eigener
Hilfeseite zu PayPal.Me.
ES GEHT NICHT VON SELBST: PayPal meldet eine Zahlung nur, wenn ein
Webhook oder IPN eingerichtet ist -- beides braucht Zugangsdaten,
die nur Filipe selbst anlegen kann. Ob ein PRIVATES Konto das
ueberhaupt kann, sagt PayPals eigene Doku nicht eindeutig; ich habe
es gesucht und nicht gefunden, und etwas zu behaupten, das ich
nicht belegen kann, waere hier das Gefaehrlichste.
DESHALB DREI HERKUENFTE UND NICHT EINE
"hand" Filipe sieht die PayPal-Meldung auf dem Handy und tippt
den Betrag ins Pult. Geht immer, braucht nichts, ist in
drei Sekunden getan, und die Karte laeuft sofort.
"gemeldet" Der Zuschauer sagt nach dem Spenden selbst Bescheid.
Landet als OFFEN und wird erst gezeigt, wenn die
Leitung es bestaetigt.
"paypal" Kommt automatisch, sobald ein Webhook eingerichtet ist.
Bis dahin steht dieser Weg leer da -- die Tabelle und
die Sperre gegen doppelte Zahlungsnummern sind schon
fertig.
WARUM EINE MELDUNG NICHT SOFORT ERSCHEINT: Sonst tippt irgendwer
"500 Euro" und steht damit gross im Bild. Eine Spende ist eine
Aussage ueber Geld; die gehoert bestaetigt, bevor sie oeffentlich
wird. Der Weg dahin ist EIN Tipp -- billig genug, dass niemand in
Versuchung kommt, ihn abzukuerzen. Beim Bestaetigen darf der Betrag
berichtigt werden: Die Leitung hat die PayPal-Meldung vor sich und
weiss es besser als die Behauptung.
FUER DIE ZUSCHAUER
Vier Betraege im Chat (2, 5, 10, 25 EUR) statt eines Links. Wer eine
Liste sieht, rechnet; wer vier Knoepfe sieht, tippt. Die Adresse wird
NICHT zweimal gepflegt -- sie steht auf der Unterstuetzen-Seite, und
von dort wird sie gelesen. Steht dort nichts oder ist der Weg auf
unsichtbar, gibt es hier auch keine Knoepfe. An einer Adresse, die
kein paypal.me ist, wird kein Betrag angehaengt: Er fuehrte sonst zu
einer Seite, auf der etwas anderes steht als auf dem Knopf.
DIE KARTE
Betrag gross, Name, Gruss, ein Bild dazu -- und eine Farbe, die von
der Stufe kommt. Drei Stufen ab Werk: Danke (ab 1), Starke Runde (ab
5), Rudel-Legende (ab 20), je mit eigener Vorlage, Farbe und Dauer.
Gilt immer die HOECHSTE, die noch passt; mit Ober- UND Untergrenze je
Stufe waere die doppelte Gelegenheit, eine Luecke zu lassen -- durch
die faellt dann ausgerechnet der grosse Betrag.
EINE NACH DER ANDEREN. Drei Spenden in zehn Sekunden sind keine
Seltenheit; uebereinander gelegt waere keine mehr lesbar, und
ausgerechnet die groesste ginge unter. Bei voller Schlange werden die
Zeiten gekuerzt, nicht die Karten weggeworfen -- wer gegeben hat,
soll es sehen.
DIE KARTE IST EIN EIGENES STUECK (spendenkarte.js/.css) und haengt an
nichts aus der Reaction. Dieselbe Karte laeuft spaeter als eigene
Seite fuer OBS und TikTok Studio; zweimal gebaut hiesse, sie sieht
nach der naechsten Aenderung an einem der beiden Orte anders aus --
und man merkt es erst im Livestream.
DER BETRAG STEHT IN CENT
Nie als Kommazahl. 0.1 + 0.2 ist in keiner Programmiersprache 0.3,
und bei Geld faellt das irgendwann jemandem auf -- meistens dem, der
zahlt. Formatiert wird erst auf dem Bildschirm.
DREI EIGENE FEHLER, VON DEN PRUEFUNGEN GEFUNDEN
1. Ein Weg aus einer Verzweigung: `/spenden/${id}/${ja ?
"bestaetigen" : "ablehnen"}`. `pruef-struktur` hat das zu Recht
beanstandet -- ein Tippfehler im selteneren Zweig faellt erst auf,
wenn er mitten in einer Sendung gebraucht wird. Beide Wege stehen
jetzt ausgeschrieben da.
2. "Genau 5 Register" -- zweimal am selben Tag dieselbe feste Zahl,
in der Messung UND in der Pruefung. Beim sechsten Register wurden
beide rot, obwohl nichts kaputt war. Jetzt wird gezaehlt: zu jedem
Reiter gehoert eine Tafel, und keine steht ohne Reiter da.
3. Die Messung war zu ungeduldig: Die erste Karte laeuft elf
Sekunden (die hoechste Stufe steht am laengsten), die zweite
wartet in der Schlange -- richtig so. Die Messung wartete 1,6
Sekunden und meldete "laeuft nicht". Jetzt wird auf das Merkmal
gewartet, nicht auf die Uhr.
GEMESSEN
mess-reaktion 4 Betragsknoepfe mit richtiger Adresse.
25 EUR von Hand -> Karte "Rudel-Legende" bei der
Zuschauerin. 500 EUR gemeldet -> steht NICHT im
Bild, wartet im Pult. Bestaetigt mit berichtigten
10 EUR -> Karte "Starke Runde". Stufe passt zum
Betrag, beide Male.
pruef-spenden 46 Punkte, 0 Fehler (neu) -- darunter die
Gegenprobe, dass ohne Zahlungsnummer beliebig viele
Zeilen nebeneinander stehen duerfen (sonst liesse
sich nur EINE Spende von Hand eintragen).
pruef-reaktion 154, unterstuetzung 70, aufbewahrung 45,
struktur 35, css-klassen 33, portnummern 15,
tippziele 11, ports 8, meldungen 8 -- alle 0 Fehler.
SCHEMA: zwei Tabellen (spenden, spenden_stufen) mit einem
Einmalig-Index auf die Zahlungsnummer. Auf einer Kopie der echten
Datenbank durchgespielt: 20 Personen, 227 Chatnachrichten, keine
Tabelle verliert eine Spalte.
163 lines
7.4 KiB
JavaScript
163 lines
7.4 KiB
JavaScript
/* =====================================================================
|
|
DIE SPENDEN — die Tabellen (28.09.2026)
|
|
|
|
Filipe: „ich will dass du das mit dem paypal auch perfektionierst.
|
|
ich will dass das richtig perfekt gemacht wird so dass die leute so
|
|
einfach wie möglich eine spende aufs paypal machen können. und wenn
|
|
jemand spendet soll auch der betrag erscheinen mit einem bild."
|
|
|
|
---------------------------------------------------------------------
|
|
WAS GEHT UND WAS NICHT — nachgesehen, nicht angenommen
|
|
|
|
Hinterlegt ist ein PayPal.me-Link auf ein PRIVATES Konto. Damit
|
|
gilt:
|
|
|
|
ES GEHT: `paypal.me/<name>/5EUR` öffnet PayPal mit schon
|
|
eingetragenem Betrag. Ein Tipp, fertig. Das ist der einfachste
|
|
Weg, den es für einen Zuschauer überhaupt gibt, und er braucht
|
|
nichts weiter als den Link, der ohnehin schon da ist.
|
|
|
|
ES GEHT NICHT VON SELBST: PayPal meldet eine Zahlung nur, wenn
|
|
ein Webhook oder IPN eingerichtet ist — und beides setzt
|
|
Zugangsdaten voraus, die nur Filipe selbst anlegen kann. Ob ein
|
|
privates Konto das ueberhaupt kann, sagt PayPals eigene Doku
|
|
nicht eindeutig.
|
|
|
|
DESHALB DREI HERKUENFTE UND NICHT EINE:
|
|
|
|
„hand" — Filipe sieht die PayPal-Meldung auf dem Handy und
|
|
tippt den Betrag ins Pult. Geht immer, braucht
|
|
nichts, ist in drei Sekunden getan.
|
|
„gemeldet" — Der Zuschauer sagt nach dem Spenden selbst
|
|
Bescheid. Landet als OFFEN und wird erst gezeigt,
|
|
wenn jemand von der Leitung es bestaetigt.
|
|
„paypal" — Kommt automatisch, sobald ein Webhook eingerichtet
|
|
ist. Bis dahin steht dieser Weg einfach leer da.
|
|
|
|
WARUM „gemeldet" NICHT SOFORT ERSCHEINT: Sonst tippt irgendwer
|
|
„500 Euro" und steht damit gross im Bild. Eine Spende ist eine
|
|
Aussage ueber Geld; die gehoert bestaetigt, bevor sie oeffentlich
|
|
wird. Der Weg dahin ist EIN Tipp im Pult — das ist billig genug,
|
|
dass niemand in Versuchung kommt, ihn abzukuerzen.
|
|
|
|
---------------------------------------------------------------------
|
|
DER BETRAG STEHT IN CENT
|
|
|
|
Nie als Kommazahl. 0.1 + 0.2 ist in jeder Programmiersprache nicht
|
|
0.3, und bei Geld faellt das irgendwann jemandem auf — meistens
|
|
dem, der zahlt. Gerechnet wird in ganzen Cent, formatiert wird
|
|
erst beim Anzeigen.
|
|
===================================================================== */
|
|
|
|
/** So lange bleibt eine Spende im Verlauf stehen. */
|
|
export const SPENDEN_TAGE = 400;
|
|
|
|
/** Hoechstbetrag, den jemand von Hand eintragen kann (in Cent).
|
|
*
|
|
* Nicht gegen Betrug — wer eintraegt, gehoert zur Leitung. Gegen
|
|
* den Zahlendreher: Eine Null zu viel steht sonst als „5.000 EUR"
|
|
* im Bild, und das ist der Sorte Fehler, die man nicht mehr
|
|
* einfangen kann, wenn hundert Leute zusehen. */
|
|
export const BETRAG_MAX_CENT = 500000;
|
|
|
|
/** Was auf der Karte stehen darf. */
|
|
export const NAME_MAX = 40;
|
|
export const GRUSS_MAX = 200;
|
|
|
|
/** Die Stufen, die es ab Werk gibt — „paar fertige" aus Filipes
|
|
* Ansage. Sie stehen hier und nicht in der Datenbank, damit ein
|
|
* frisches Haus sofort etwas anzuzeigen hat; geaendert werden sie
|
|
* danach in der Datenbank.
|
|
*
|
|
* DIE GRENZEN SIND NICHT GERATEN, sondern an dem ausgerichtet, was
|
|
* Leute im Netz tatsaechlich geben: der Kaffee, die Runde, das
|
|
* richtig grosse Danke. Drei Stufen, nicht sieben — bei sieben
|
|
* merkt sich niemand mehr, was welche bedeutet. */
|
|
export const STUFEN_START = [
|
|
{ ab_cent: 100, name: "Danke", vorlage: "herz", farbe: "#8ec9ff", dauer_ms: 6000 },
|
|
{ ab_cent: 500, name: "Starke Runde", vorlage: "welle", farbe: "#a98bff", dauer_ms: 8000 },
|
|
{ ab_cent: 2000, name: "Rudel-Legende", vorlage: "krone", farbe: "#e0a13a", dauer_ms: 11000 },
|
|
];
|
|
|
|
/** Die Betraege, die als Knopf angeboten werden (in Cent).
|
|
*
|
|
* VIER UND EIN FREIES FELD. Wer eine lange Liste sieht, rechnet;
|
|
* wer vier Knoepfe sieht, tippt. Die Reihe endet bewusst nicht bei
|
|
* einer runden Zahl wie 50 — das waere eine Erwartung, keine
|
|
* Auswahl. */
|
|
export const BETRAG_KNOEPFE = [200, 500, 1000, 2500];
|
|
|
|
export function spendenTabellen(d) {
|
|
d.exec(`
|
|
/* Eine Zeile je Spende. Auch die abgelehnten bleiben stehen:
|
|
Wer zweimal dasselbe meldet, soll nicht zweimal gefragt
|
|
werden, und wer sich einen Spass erlaubt, faellt beim dritten
|
|
Mal auf. */
|
|
CREATE TABLE IF NOT EXISTS spenden (
|
|
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
|
betrag_cent INTEGER NOT NULL CHECK (betrag_cent > 0),
|
|
waehrung TEXT NOT NULL DEFAULT 'EUR',
|
|
/* Wie es im Bild stehen soll. Darf vom Kontonamen abweichen --
|
|
viele wollen mit ihrem Rudelnamen dastehen, nicht mit dem,
|
|
der auf der Karte steht. */
|
|
name TEXT NOT NULL DEFAULT '',
|
|
gruss TEXT NOT NULL DEFAULT '',
|
|
person_id INTEGER REFERENCES personen(id) ON DELETE SET NULL,
|
|
herkunft TEXT NOT NULL
|
|
CHECK (herkunft IN ('hand','gemeldet','paypal')),
|
|
stand TEXT NOT NULL DEFAULT 'offen'
|
|
CHECK (stand IN ('offen','bestaetigt','abgelehnt')),
|
|
/* Die Nummer der Zahlung bei PayPal. Nur gesetzt, wenn sie von
|
|
dort kam -- und dann EINMALIG (siehe Index unten): Ein
|
|
Webhook wird bei einer Stoerung wiederholt, und ohne diese
|
|
Sperre stuende dieselbe Spende zweimal im Bild. */
|
|
fremd_id TEXT,
|
|
erstellt TEXT NOT NULL,
|
|
bestaetigt_am TEXT,
|
|
bestaetigt_von INTEGER REFERENCES personen(id) ON DELETE SET NULL,
|
|
/* Wann die Karte im Bild lief. Leer heisst: steht noch aus.
|
|
Ohne dieses Feld liefe nach jedem Neuladen alles noch
|
|
einmal -- und zwar alles auf einmal. */
|
|
gezeigt_am TEXT
|
|
);
|
|
|
|
/* DIESELBE ZAHLUNG NUR EINMAL. die Bedingung „fremd_id IS NOT NULL“,
|
|
damit die vielen Zeilen ohne Nummer (von Hand, gemeldet)
|
|
einander nicht im Weg stehen. */
|
|
CREATE UNIQUE INDEX IF NOT EXISTS idx_spenden_fremd
|
|
ON spenden (fremd_id) WHERE fremd_id IS NOT NULL;
|
|
CREATE INDEX IF NOT EXISTS idx_spenden_stand
|
|
ON spenden (stand, id);
|
|
|
|
/* Was bei welchem Betrag passiert. Eine Zeile je Stufe. */
|
|
CREATE TABLE IF NOT EXISTS spenden_stufen (
|
|
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
|
ab_cent INTEGER NOT NULL UNIQUE CHECK (ab_cent > 0),
|
|
name TEXT NOT NULL,
|
|
/* Entweder eine mitgelieferte Vorlage ("herz", "welle",
|
|
"krone") oder der Pfad eines hochgeladenen Bildes. Ein Feld
|
|
und nicht zwei: „welches von beidem gilt" waere sonst eine
|
|
Frage, die jede Stelle einzeln beantworten muesste. */
|
|
vorlage TEXT NOT NULL DEFAULT 'herz',
|
|
bild TEXT NOT NULL DEFAULT '',
|
|
farbe TEXT NOT NULL DEFAULT '#8ec9ff',
|
|
dauer_ms INTEGER NOT NULL DEFAULT 7000
|
|
CHECK (dauer_ms BETWEEN 2000 AND 30000),
|
|
geaendert TEXT NOT NULL DEFAULT ''
|
|
);
|
|
`);
|
|
|
|
/* DIE DREI STUFEN ANLEGEN, WENN ES NOCH KEINE GIBT.
|
|
|
|
`INSERT OR IGNORE` je Zeile und nicht „erst zaehlen, dann
|
|
schreiben": Zwei Anfragen beim ersten Start wuerden sonst beide
|
|
„ist leer" lesen und beide schreiben. */
|
|
const nun = new Date().toISOString();
|
|
for (const s of STUFEN_START) {
|
|
d.prepare(`INSERT OR IGNORE INTO spenden_stufen
|
|
(ab_cent, name, vorlage, farbe, dauer_ms, geaendert)
|
|
VALUES (?,?,?,?,?,?)`)
|
|
.run(s.ab_cent, s.name, s.vorlage, s.farbe, s.dauer_ms, nun);
|
|
}
|
|
}
|