feat(api, i18n): add admin report job functionalities and enhance locale support

- Introduced new API functions for managing admin report jobs, including download and post operations. - Updated English, Nepali, and Chinese locale files to include new messages related to report job actions and rollback confirmations. - Enhanced user experience by providing clearer instructions and feedback in the admin interface. - Refactored related components to integrate new functionalities and improve overall usability.
2026-05-26 11:48:51 +08:00
parent 7fb5ec6dff
commit a76b681828
21 changed files with 1139 additions and 118 deletions
--- a/src/modules/config/doc/play-config-doc-screen.tsx
+++ b/src/modules/config/doc/play-config-doc-screen.tsx
@@ -151,6 +151,8 @@ export function PlayConfigDocScreen() {
  const [loadingDetail, setLoadingDetail] = useState(false);
  const [saving, setSaving] = useState(false);
  const [creatingDraftId, setCreatingDraftId] = useState<string | null>(null);
+  const [rollbackOpen, setRollbackOpen] = useState(false);
+  const [rollbackTarget, setRollbackTarget] = useState<ConfigVersionSummary | null>(null);
  const [error, setError] = useState<string | null>(null);
  const detailRequestSeq = useRef(0);

@@ -400,6 +402,41 @@ export function PlayConfigDocScreen() {
    }
  }

+  function requestRollback(row: ConfigVersionSummary) {
+    setRollbackTarget(row);
+    setRollbackOpen(true);
+  }
+
+  async function handleRollback() {
+    if (!rollbackTarget) {
+      return;
+    }
+    setSaving(true);
+    try {
+      const d = await postPlayConfigVersion({
+        reason: `rollback from v${rollbackTarget.version_no}`,
+        clone_from_version_id: rollbackTarget.id,
+      });
+      toast.success(
+        t("versionActions.rollbackSuccess", {
+          ns: "config",
+          fromVersion: rollbackTarget.version_no,
+          version: d.version_no,
+        }),
+      );
+      await refreshList();
+      setSelectedId(String(d.id));
+      setDetail(d);
+      setDraftRows(d.items.map((it) => ({ ...it })));
+      setRollbackOpen(false);
+      setRollbackTarget(null);
+    } catch (e) {
+      toast.error(e instanceof LotteryApiBizError ? e.message : t("versionActions.rollbackFailed", { ns: "config" }));
+    } finally {
+      setSaving(false);
+    }
+  }
+
  return (
    <ConfigDocPage
      title={t("nav.items.plays", { ns: "config" })}
@@ -413,6 +450,8 @@ export function PlayConfigDocScreen() {
              loading={loadingList}
              sheetTitle={`${t("nav.items.plays", { ns: "config" })} ${t("versionSwitcher.sheetTitle", { ns: "config" })}`}
              onDeleteVersion={handleDeleteVersion}
+              onRollbackVersion={requestRollback}
+              rollbackBusy={saving}
            />
          }
          actions={
@@ -744,6 +783,29 @@ export function PlayConfigDocScreen() {
          </DialogFooter>
        </DialogContent>
      </Dialog>
+
+      <Dialog open={rollbackOpen} onOpenChange={setRollbackOpen}>
+        <DialogContent showCloseButton className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>{t("versionActions.rollbackDialog.title", { ns: "config" })}</DialogTitle>
+            <DialogDescription>
+              {t("versionActions.rollbackDialog.description", {
+                ns: "config",
+                version: rollbackTarget?.version_no ?? "—",
+              })}
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter>
+            <Button type="button" variant="outline" onClick={() => setRollbackOpen(false)}>
+              {t("actions.cancel", { ns: "adminUsers" })}
+            </Button>
+            <Button type="button" onClick={() => void handleRollback()} disabled={!rollbackTarget || saving}>
+              {t("versionActions.rollbackDialog.confirm", { ns: "config" })}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
      <ConfirmDialog />
    </ConfigDocPage>
  );
--- a/src/modules/config/doc/rebate-config-doc-screen.tsx
+++ b/src/modules/config/doc/rebate-config-doc-screen.tsx
@@ -19,8 +19,16 @@ import {
  ConfigVersionToolbarMeta,
  ConfigVersionToolbarMetaEmphasis,
 } from "@/modules/config/config-version-toolbar-meta";
-import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
 import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { ConfigReadonlyValue } from "@/modules/config/config-readonly-value";
@@ -116,6 +124,8 @@ export function RebateConfigDocScreen({
  const [p2, setP2] = useState("0");
  const [p3, setP3] = useState("0");
  const [p4, setP4] = useState("0");
+  const [rollbackOpen, setRollbackOpen] = useState(false);
+  const [rollbackTarget, setRollbackTarget] = useState<ConfigVersionSummary | null>(null);

  const refreshTypes = useCallback(async () => {
    try {
@@ -328,6 +338,45 @@ export function RebateConfigDocScreen({

  const activeHead = listRows.find((x) => x.status === "active");

+  function requestRollback(row: ConfigVersionSummary) {
+    setRollbackTarget(row);
+    setRollbackOpen(true);
+  }
+
+  async function handleRollback() {
+    if (!rollbackTarget) {
+      return;
+    }
+    setSaving(true);
+    try {
+      const d = await postOddsVersion({
+        reason: `rollback from v${rollbackTarget.version_no}`,
+        clone_from_version_id: rollbackTarget.id,
+      });
+      toast.success(
+        t("versionActions.rollbackSuccess", {
+          ns: "config",
+          fromVersion: rollbackTarget.version_no,
+          version: d.version_no,
+        }),
+      );
+      await refreshList();
+      setSelectedId(String(d.id));
+      const rows = d.items.map((it) => ({ ...it }));
+      setDetail(d);
+      setDraftRows(rows);
+      setP2(inferPercentFrom(2, rows, types));
+      setP3(inferPercentFrom(3, rows, types));
+      setP4(inferPercentFrom(4, rows, types));
+      setRollbackOpen(false);
+      setRollbackTarget(null);
+    } catch (e) {
+      toast.error(e instanceof LotteryApiBizError ? e.message : t("versionActions.rollbackFailed", { ns: "config" }));
+    } finally {
+      setSaving(false);
+    }
+  }
+
  async function handleDeleteVersion(row: ConfigVersionSummary) {
    try {
      await deleteOddsVersion(row.id);
@@ -350,6 +399,8 @@ export function RebateConfigDocScreen({
          sheetTitle={`${t("nav.items.rebate", { ns: "config" })} ${t("versionSwitcher.sheetTitle", { ns: "config" })}`}
          sheetDescription={t("rebate.sheetDescription", { ns: "config" })}
          onDeleteVersion={handleDeleteVersion}
+          onRollbackVersion={requestRollback}
+          rollbackBusy={saving}
        />
      }
      actions={
@@ -460,12 +511,13 @@ export function RebateConfigDocScreen({
          </div>
        </div>

-        <div className="flex items-center justify-between gap-3 rounded-xl border border-border/60 px-4 py-3">
-          <p className="text-sm font-medium">{t("rebate.winEnjoy.label", { ns: "config" })}</p>
-          <AdminStatusBadge status="enabled">
-            {t("system.states.enabled", { ns: "config" })}
-          </AdminStatusBadge>
-        </div>
+        <Alert className="border-border/80 bg-muted/30">
+          <AlertDescription className="text-sm leading-relaxed">
+            <span className="font-medium text-foreground">{t("rebate.winEnjoy.label", { ns: "config" })}</span>
+            {" — "}
+            {t("rebate.winEnjoy.pendingNote", { ns: "config" })}
+          </AlertDescription>
+        </Alert>

      {!embedded ? (
        <div className="grid gap-1 text-sm">
@@ -482,10 +534,35 @@ export function RebateConfigDocScreen({
    </>
  );

+  const rollbackDialog = (
+    <Dialog open={rollbackOpen} onOpenChange={setRollbackOpen}>
+      <DialogContent showCloseButton className="sm:max-w-md">
+        <DialogHeader>
+          <DialogTitle>{t("versionActions.rollbackDialog.title", { ns: "config" })}</DialogTitle>
+          <DialogDescription>
+            {t("versionActions.rollbackDialog.description", {
+              ns: "config",
+              version: rollbackTarget?.version_no ?? "—",
+            })}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <Button type="button" variant="outline" onClick={() => setRollbackOpen(false)}>
+            {t("actions.cancel", { ns: "adminUsers" })}
+          </Button>
+          <Button type="button" onClick={() => void handleRollback()} disabled={!rollbackTarget || saving}>
+            {t("versionActions.rollbackDialog.confirm", { ns: "config" })}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+
  if (embedded) {
    return (
      <div className="space-y-4">
        {fieldsBlock}
+        {rollbackDialog}
        <ConfirmDialog />
      </div>
    );
@@ -497,6 +574,7 @@ export function RebateConfigDocScreen({
      toolbar={toolbarBlock}
    >
      {fieldsBlock}
+      {rollbackDialog}
      <ConfirmDialog />
    </ConfigDocPage>
  );
--- a/src/modules/config/doc/risk-cap-doc-screen.tsx
+++ b/src/modules/config/doc/risk-cap-doc-screen.tsx
@@ -31,6 +31,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { ConfigVersionSwitcher } from "@/modules/config/config-version-switcher";
+import { RiskCapRuntimePanel } from "@/modules/config/risk-cap-runtime-panel";
 import {
  Table,
  TableBody,
@@ -98,8 +99,9 @@ export function RiskCapDocScreen() {

  const [defaultCapStr, setDefaultCapStr] = useState("");
  const [syncOpen, setSyncOpen] = useState(false);
+  const [rollbackOpen, setRollbackOpen] = useState(false);
+  const [rollbackTarget, setRollbackTarget] = useState<ConfigVersionSummary | null>(null);

-  const [occSearch, setOccSearch] = useState("");
  const amountCurrencyCode = "NPR";

  const refreshList = useCallback(async () => {
@@ -315,7 +317,7 @@ export function RiskCapDocScreen() {

  function applyDefaultCap() {
    const n = parseAdminMajorToMinor(defaultCapStr, amountCurrencyCode);
-    if (!Number.isFinite(n) || n <= 0) {
+    if (n == null || !Number.isFinite(n) || n <= 0) {
      toast.error(t("riskCap.validation.enterValidCapAmount", { ns: "config" }));
      return;
    }
@@ -327,14 +329,6 @@ export function RiskCapDocScreen() {
    toast.message(t("riskCap.savedLocalDraft", { ns: "config" }));
  }

-  const occFiltered = useMemo(() => {
-    const q = occSearch.trim();
-    if (!q) {
-      return draftRows.filter((row) => !isDefaultRiskRow(row));
-    }
-    return draftRows.filter((r) => !isDefaultRiskRow(r) && r.normalized_number.includes(q));
-  }, [draftRows, occSearch]);
-
  const specialRows = useMemo(
    () => draftRows.map((row, index) => ({ row, index })).filter(({ row }) => !isDefaultRiskRow(row)),
    [draftRows],
@@ -351,6 +345,49 @@ export function RiskCapDocScreen() {
    }
  }

+  function requestRollback(row: ConfigVersionSummary) {
+    setRollbackTarget(row);
+    setRollbackOpen(true);
+  }
+
+  async function handleRollback() {
+    if (!rollbackTarget) {
+      return;
+    }
+    setSaving(true);
+    try {
+      const d = await postRiskCapVersion({
+        reason: `rollback from v${rollbackTarget.version_no}`,
+        clone_from_version_id: rollbackTarget.id,
+      });
+      toast.success(
+        t("versionActions.rollbackSuccess", {
+          ns: "config",
+          fromVersion: rollbackTarget.version_no,
+          version: d.version_no,
+        }),
+      );
+      await refreshList();
+      setSelectedId(String(d.id));
+      setDetail(d);
+      const mapped = d.items.map((it) => ({
+        clientKey: `srv-${it.id}`,
+        draw_id: it.draw_id,
+        normalized_number: it.normalized_number,
+        cap_amount: it.cap_amount,
+        cap_type: it.cap_type,
+      }));
+      setDraftRows(mapped);
+      syncDefaultCapFromRows(mapped);
+      setRollbackOpen(false);
+      setRollbackTarget(null);
+    } catch (e) {
+      toast.error(e instanceof LotteryApiBizError ? e.message : t("versionActions.rollbackFailed", { ns: "config" }));
+    } finally {
+      setSaving(false);
+    }
+  }
+
  return (
    <ConfigDocPage
      title={t("nav.items.risk-cap", { ns: "config" })}
@@ -365,6 +402,8 @@ export function RiskCapDocScreen() {
              loading={loadingList}
              sheetTitle={`${t("nav.items.risk-cap", { ns: "config" })} ${t("versionSwitcher.sheetTitle", { ns: "config" })}`}
              onDeleteVersion={handleDeleteVersion}
+              onRollbackVersion={requestRollback}
+              rollbackBusy={saving}
            />
          }
          actions={
@@ -466,9 +505,6 @@ export function RiskCapDocScreen() {
                  <TableRow>
                    <TableHead className="w-[110px]">{t("riskCap.table.number", { ns: "config" })}</TableHead>
                    <TableHead className="w-[140px]">{t("riskCap.table.capAmount", { ns: "config" })}</TableHead>
-                    <TableHead className="w-[90px] text-center">{t("riskCap.table.used", { ns: "config" })}</TableHead>
-                    <TableHead className="w-[90px] text-center">{t("riskCap.table.remaining", { ns: "config" })}</TableHead>
-                    <TableHead className="w-[72px] text-center">{t("riskCap.table.soldOut", { ns: "config" })}</TableHead>
                    <TableHead className="w-[160px]">{t("riskCap.table.actions", { ns: "config" })}</TableHead>
                  </TableRow>
                </TableHeader>
@@ -513,9 +549,6 @@ export function RiskCapDocScreen() {
                          </ConfigReadonlyValue>
                        )}
                      </TableCell>
-                      <TableCell className="text-center text-muted-foreground tabular-nums text-sm">—</TableCell>
-                      <TableCell className="text-center text-muted-foreground tabular-nums text-sm">—</TableCell>
-                      <TableCell className="text-center text-muted-foreground text-sm">—</TableCell>
                      <TableCell>
                        {canEditDraft ? (
                          <Button
@@ -538,54 +571,7 @@ export function RiskCapDocScreen() {
          )}
      </ConfigSection>

-      <ConfigSection title={t("riskCap.occupancy.title", { ns: "config" })}>
-          <div className="flex flex-wrap gap-3 items-end">
-            <div className="grid gap-1">
-              <Label htmlFor="occ-search">{t("riskCap.occupancy.searchLabel", { ns: "config" })}</Label>
-              <Input
-                id="occ-search"
-                className="w-[140px] font-mono"
-                placeholder={t("riskCap.occupancy.searchPlaceholder", { ns: "config" })}
-                value={occSearch}
-                onChange={(e) => setOccSearch(e.target.value)}
-              />
-            </div>
-            <Button type="button" variant="outline" onClick={() => toast.message(t("riskCap.occupancy.filterPending", { ns: "config" }))}>
-              {t("riskCap.actions.filterPresets", { ns: "config" })}
-            </Button>
-            <Button
-              type="button"
-              variant="outline"
-              onClick={() => toast.message(t("riskCap.occupancy.exportPending", { ns: "config" }))}
-            >
-              {t("riskCap.actions.exportCsv", { ns: "config" })}
-            </Button>
-          </div>
-          <Table>
-              <TableHeader>
-                <TableRow>
-                  <TableHead>{t("riskCap.table.number", { ns: "config" })}</TableHead>
-                  <TableHead className="text-center">{t("riskCap.table.used", { ns: "config" })}</TableHead>
-                  <TableHead className="text-center">{t("riskCap.table.remaining", { ns: "config" })}</TableHead>
-                  <TableHead className="text-center">{t("riskCap.table.ratio", { ns: "config" })}</TableHead>
-                  <TableHead className="text-center">{t("riskCap.table.soldOut", { ns: "config" })}</TableHead>
-                  <TableHead className="w-[140px]">{t("riskCap.table.actions", { ns: "config" })}</TableHead>
-                </TableRow>
-              </TableHeader>
-              <TableBody>
-                {occFiltered.map((r) => (
-                  <TableRow key={`occ-${r.clientKey}`}>
-                    <TableCell className="font-mono text-sm">{r.normalized_number}</TableCell>
-                    <TableCell className="text-center text-muted-foreground">—</TableCell>
-                    <TableCell className="text-center text-muted-foreground">—</TableCell>
-                    <TableCell className="text-center text-muted-foreground">—</TableCell>
-                    <TableCell className="text-center text-muted-foreground">—</TableCell>
-                    <TableCell className="text-center text-muted-foreground">—</TableCell>
-                  </TableRow>
-                ))}
-              </TableBody>
-            </Table>
-      </ConfigSection>
+      <RiskCapRuntimePanel />

      <Dialog open={syncOpen} onOpenChange={setSyncOpen}>
        <DialogContent showCloseButton className="sm:max-w-md">
@@ -605,6 +591,29 @@ export function RiskCapDocScreen() {
          </DialogFooter>
        </DialogContent>
      </Dialog>
+
+      <Dialog open={rollbackOpen} onOpenChange={setRollbackOpen}>
+        <DialogContent showCloseButton className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>{t("versionActions.rollbackDialog.title", { ns: "config" })}</DialogTitle>
+            <DialogDescription>
+              {t("versionActions.rollbackDialog.description", {
+                ns: "config",
+                version: rollbackTarget?.version_no ?? "—",
+              })}
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter>
+            <Button type="button" variant="outline" onClick={() => setRollbackOpen(false)}>
+              {t("actions.cancel", { ns: "adminUsers" })}
+            </Button>
+            <Button type="button" onClick={() => void handleRollback()} disabled={!rollbackTarget || saving}>
+              {t("versionActions.rollbackDialog.confirm", { ns: "config" })}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
      <ConfirmDialog />
    </ConfigDocPage>
  );