1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
import type { View } from "./types";
import { clear, money, node } from "./dom";
function summary(record: any): string {
const details = record.details ?? {};
switch (record.game) {
case "slots":
return String(details.win_type ?? "spin");
case "roulette":
return `${details.number ?? "?"} ${details.color ?? ""}`.trim();
case "blackjack":
return String(details.result ?? "");
case "crash": {
const result = String(details.result ?? "");
const point = details.crash_point;
return point === undefined || point === null ? result : `${result} @ ${Number(point).toFixed(2)}×`;
}
default:
return "";
}
}
export function renderHistory(root: HTMLElement, view: View): void {
clear(root);
const records: any[] = view.records ?? [];
if (records.length === 0) {
const empty = node("div", "board");
empty.append(
node("h2", undefined, "No plays yet"),
node("p", "muted", "Your settled plays will appear here."),
);
root.append(empty);
return;
}
const wrap = node("div", "table-wrap");
const table = node("table");
const head = node("thead");
const headRow = node("tr");
for (const label of ["When", "Game", "Bet", "Won", "Balance", "Result"]) {
headRow.append(node("th", undefined, label));
}
head.append(headRow);
const body = node("tbody");
for (const record of records) {
const row = node("tr");
row.append(node("td", "mono", String(record.at ?? "").slice(0, 16)));
row.append(node("td", "mono", String(record.game ?? "").toUpperCase()));
row.append(node("td", "num", money(Number(record.bet ?? 0))));
const winnings = Number(record.winnings ?? 0);
row.append(node("td", `num ${winnings > 0 ? "pos" : ""}`, money(winnings)));
row.append(node("td", "num", money(Number(record.balance_after ?? 0))));
row.append(node("td", "muted", summary(record)));
body.append(row);
}
table.append(head, body);
wrap.append(table);
root.append(wrap);
}
|
