xiaokang/lotteryAdmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(i18n): add batch group switch text to English, Nepali, and Chinese locales

Browse Source 
- Updated the English, Nepali, and Chinese locale files to include a new translation for "Toggle batch switch for {{group}}".
- Enhanced internationalization support for the admin interface by adding relevant strings for improved user experience.
This commit is contained in:
kang
2026-05-26 10:33:03 +08:00
parent fbe385666a
commit 05fa0cbeec
15 changed files with 328 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/ui/switch.tsx Normal file
View File

@@ -0,0 +1,32 @@
"use client"
import { Switch as SwitchPrimitive } from "@base-ui/react/switch"
import { cn } from "@/lib/utils"
function Switch({
className,
size = "default",
...props
}: SwitchPrimitive.Root.Props & {
size?: "sm" | "default"
}) {
return (
<SwitchPrimitive.Root
data-slot="switch"
data-size={size}
className={cn(
"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
className
)}
{...props}
>
<SwitchPrimitive.Thumb
data-slot="switch-thumb"
className="pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
/>
</SwitchPrimitive.Root>
)
}
export { Switch }

3
src/i18n/locales/en/config.json
View File

@@ -236,7 +236,8 @@
"readOnly": "Read only"
},
"aria": {
"enablePlay": "Enable {{playCode}}"
"enablePlay": "Enable {{playCode}}",
"batchGroupSwitch": "Toggle batch switch for {{group}}"
},
"nameDialog": {
"title": "Edit display name",

3
src/i18n/locales/ne/config.json
View File

@@ -236,7 +236,8 @@
"readOnly": "केवल पढ्न मिल्ने"
},
"aria": {
"enablePlay": "{{playCode}} सक्रिय गर्ने"
"enablePlay": "{{playCode}} सक्रिय गर्ने",
"batchGroupSwitch": "«{{group}}» समूह स्विच टगल गर्नुहोस्"
},
"nameDialog": {
"title": "प्रदर्शित नाम (बहुभाषी)",

3
src/i18n/locales/zh/config.json
View File

@@ -236,7 +236,8 @@
"readOnly": "只读"
},
"aria": {
"enablePlay": "切换 {{playCode}} 启用状态"
"enablePlay": "切换 {{playCode}} 启用状态",
"batchGroupSwitch": "切换「{{group}}」批量开关"
},
"nameDialog": {
"title": "编辑显示名称",

34
src/lib/money.ts
View File

@@ -33,3 +33,37 @@ export function formatAdminMinorUnits(
maximumFractionDigits: resolvedDecimalPlaces,
})}`;
}
export function formatAdminMinorDecimal(
minor: number,
currencyCode = "NPR",
decimalPlaces?: number,
): string {
const resolvedDecimalPlaces =
typeof decimalPlaces === "number" && Number.isFinite(decimalPlaces) && decimalPlaces >= 0
? decimalPlaces
: getAdminCurrencyDecimalPlaces(currencyCode);
const major = minor / 10 ** resolvedDecimalPlaces;
return major.toLocaleString(undefined, {
minimumFractionDigits: resolvedDecimalPlaces,
maximumFractionDigits: resolvedDecimalPlaces,
});
}
export function parseAdminMajorToMinor(
raw: string,
currencyCode = "NPR",
decimalPlaces?: number,
): number | null {
const resolvedDecimalPlaces =
typeof decimalPlaces === "number" && Number.isFinite(decimalPlaces) && decimalPlaces >= 0
? decimalPlaces
: getAdminCurrencyDecimalPlaces(currencyCode);
const cleaned = raw.replace(/,/g, "").trim();
if (!cleaned) return null;
const n = Number(cleaned);
if (!Number.isFinite(n) || n < 0) return null;
const factor = 10 ** resolvedDecimalPlaces;
const minor = Math.round(n * factor);
return Number.isSafeInteger(minor) ? minor : null;
}

38
src/modules/admin-roles/admin-roles-console.tsx
View File

@@ -15,11 +15,10 @@ import {
putAdminRole,
putAdminRolePermissions,
} from "@/api/admin-users";
import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
import { Badge } from "@/components/ui/badge";
import { resolveRoleStatusTone } from "@/lib/admin-status-tone";
import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
import { Button } from "@/components/ui/button";
import { Switch } from "@/components/ui/switch";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Checkbox } from "@/components/ui/checkbox";
import {
@@ -93,12 +92,6 @@ export function AdminRolesConsole(): React.ReactElement {
[draftRolePermissions],
);
const selectClassName = cn(
"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base outline-none transition-colors",
"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 md:text-sm",
"dark:bg-input/30 disabled:cursor-not-allowed disabled:opacity-50",
);
const directPermissionGroups = useMemo(() => {
const groups = catalog?.permission_menu_groups;
if (groups && groups.length > 0) {
@@ -376,9 +369,13 @@ export function AdminRolesConsole(): React.ReactElement {
)}
</TableCell>
<TableCell>
<AdminStatusBadge status={role.status} tone={resolveRoleStatusTone(role.status)}>
{role.status === 1 ? t("status.enabled") : t("status.disabled")}
</AdminStatusBadge>
<div className="flex justify-center">
<Switch
checked={role.status === 1}
disabled
aria-label={t("roleDialog.status")}
/>
</div>
</TableCell>
<TableCell className="tabular-nums">{role.user_count}</TableCell>
<TableCell className="tabular-nums">{role.permission_slugs.length}</TableCell>
@@ -554,12 +551,19 @@ export function AdminRolesConsole(): React.ReactElement {
<div className="text-sm font-medium leading-none">{t("roleDialog.descriptionLabel")}</div>
<Input value={roleDescription} onChange={(e) => setRoleDescription(e.target.value)} />
</div>
<div className="space-y-1.5">
<div className="text-sm font-medium leading-none">{t("roleDialog.status")}</div>
<select className={selectClassName} value={roleStatus} onChange={(e) => setRoleStatus(Number(e.target.value))}>
<option value={1}>{t("status.enabled")}</option>
<option value={0}>{t("status.disabled")}</option>
</select>
<div className="flex items-center justify-between rounded-xl border border-border/70 p-3">
<div className="space-y-1">
<p className="text-sm font-medium">{t("roleDialog.status")}</p>
<p className="text-xs text-muted-foreground">
{roleStatus === 1 ? t("status.enabled") : t("status.disabled")}
</p>
</div>
<Switch
checked={roleStatus === 1}
disabled={roleFormSaving}
aria-label={t("roleDialog.status")}
onCheckedChange={(checked) => setRoleStatus(checked ? 1 : 0)}
/>
</div>
</div>
<div className="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end">

42
src/modules/admin-users/admin-users-console.tsx
View File

@@ -16,10 +16,9 @@ import {
} from "@/api/admin-users";
import { AdminListPaginationFooter } from "@/components/admin/admin-list-pagination-footer";
import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
import { Badge } from "@/components/ui/badge";
import { resolveAdminUserStatusTone } from "@/lib/admin-status-tone";
import { Button } from "@/components/ui/button";
import { Switch } from "@/components/ui/switch";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Checkbox } from "@/components/ui/checkbox";
import {
@@ -92,12 +91,6 @@ export function AdminUsersConsole(): React.ReactElement {
[catalog],
);
const selectClassName = cn(
"h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base outline-none transition-colors",
"focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 md:text-sm",
"dark:bg-input/30 disabled:cursor-not-allowed disabled:opacity-50",
);
const load = useCallback(async () => {
setLoading(true);
setErr(null);
@@ -398,9 +391,13 @@ export function AdminUsersConsole(): React.ReactElement {
</TableCell>
<TableCell>{row.nickname ?? ""}</TableCell>
<TableCell>
<AdminStatusBadge status={row.status} tone={resolveAdminUserStatusTone(row.status)}>
{row.status === 0 ? t("status.enabled") : t("status.disabled")}
</AdminStatusBadge>
<div className="flex justify-center">
<Switch
checked={row.status === 0}
disabled
aria-label={t("table.status")}
/>
</div>
</TableCell>
<TableCell>
<div className="flex flex-wrap gap-1">
@@ -634,16 +631,19 @@ export function AdminUsersConsole(): React.ReactElement {
</div>
</div>
) : null}
<div className="space-y-1.5">
<div className="text-sm font-medium leading-none">{t("table.status")}</div>
<select
className={selectClassName}
value={formStatus}
onChange={(e) => setFormStatus(Number(e.target.value))}
>
<option value={0}>{t("status.enabled")}</option>
<option value={1}>{t("status.disabled")}</option>
</select>
<div className="flex items-center justify-between rounded-xl border border-border/70 p-3">
<div className="space-y-1">
<p className="text-sm font-medium">{t("table.status")}</p>
<p className="text-xs text-muted-foreground">
{formStatus === 0 ? t("status.enabled") : t("status.disabled")}
</p>
</div>
<Switch
checked={formStatus === 0}
disabled={accountSaving}
aria-label={t("table.status")}
onCheckedChange={(checked) => setFormStatus(checked ? 0 : 1)}
/>
</div>
</div>
<div className="flex flex-col-reverse gap-2 sm:flex-row sm:justify-end">

23
src/modules/config/doc/odds-config-doc-screen.tsx
View File

@@ -57,6 +57,15 @@ function oddsMultiplierLabel(oddsValue: number): string {
return (oddsValue / 10000).toFixed(4);
}
function parseOddsMultiplierInput(raw: string): number {
const n = Number.parseFloat(raw);
if (!Number.isFinite(n) || n < 0) {
return 0;
}
const scaled = Math.round(n * 10000);
return Number.isSafeInteger(scaled) ? scaled : 0;
}
function filterTypes(tab: CatTab, types: AdminPlayTypeRow[]): AdminPlayTypeRow[] {
if (tab === "all") {
return types;
@@ -515,19 +524,19 @@ export function OddsConfigDocScreen({ embedded = false }: OddsConfigDocScreenPro
{canEditDraft ? (
<Input
type="text"
inputMode="numeric"
inputMode="decimal"
className="h-9 max-w-[200px] font-mono tabular-nums"
disabled={saving}
value={row.odds_value}
value={oddsMultiplierLabel(row.odds_value)}
onChange={(e) =>
updateOddsForScope(scope, {
odds_value: Number.parseInt(e.target.value, 10) || 0,
odds_value: parseOddsMultiplierInput(e.target.value),
})
}
/>
) : (
<ConfigReadonlyValue mono className="max-w-[200px]">
{row.odds_value}
{oddsMultiplierLabel(row.odds_value)}
</ConfigReadonlyValue>
)}
{!embedded ? (
@@ -610,9 +619,11 @@ export function OddsConfigDocScreen({ embedded = false }: OddsConfigDocScreenPro
<div key={row.scope} className="grid grid-cols-3 px-3 py-2 text-sm">
<span>{row.label}</span>
<span className="text-right font-mono tabular-nums">
{row.oldValue === null ? "—" : row.oldValue}
{row.oldValue === null ? "—" : oddsMultiplierLabel(row.oldValue)}
</span>
<span className="text-right font-mono tabular-nums">
{row.newValue === null ? "—" : oddsMultiplierLabel(row.newValue)}
</span>
<span className="text-right font-mono tabular-nums">{row.newValue ?? "—"}</span>
</div>
))}
</div>

164
src/modules/config/doc/play-config-doc-screen.tsx
View File

@@ -19,7 +19,7 @@ import { ConfigChipGroup } from "@/modules/config/config-chip-group";
import { ConfigContextBanner, ConfigContextEmphasis } from "@/modules/config/config-context-banner";
import { ConfigDocPage, ConfigDocToolbar } from "@/modules/config/config-doc-page";
import { ConfigSection } from "@/modules/config/config-section";
import { Checkbox } from "@/components/ui/checkbox";
import { Switch } from "@/components/ui/switch";
import {
Dialog,
DialogContent,
@@ -29,7 +29,6 @@ import {
DialogTitle,
} from "@/components/ui/dialog";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import {
Table,
TableBody,
@@ -46,6 +45,7 @@ import { ConfigVersionSwitcher } from "@/modules/config/config-version-switcher"
import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
import { useConfirmAction } from "@/hooks/use-confirm-action";
import { adminHasAnyPermission } from "@/lib/admin-permissions";
import { formatAdminMinorDecimal, parseAdminMajorToMinor } from "@/lib/money";
import { PRD_PLAY_SWITCH_MANAGE } from "@/lib/admin-prd";
import { useAdminProfile } from "@/stores/admin-session";
import { LotteryApiBizError } from "@/types/api/errors";
@@ -151,9 +151,6 @@ export function PlayConfigDocScreen() {
const [error, setError] = useState<string | null>(null);
const detailRequestSeq = useRef(0);
const [nameDialogOpen, setNameDialogOpen] = useState(false);
const [namePlayCode, setNamePlayCode] = useState<string | null>(null);
const [nameDraft, setNameDraft] = useState("");
const [ruleDialogOpen, setRuleDialogOpen] = useState(false);
const [rulePlayCode, setRulePlayCode] = useState<string | null>(null);
const [ruleDraftZh, setRuleDraftZh] = useState("");
@@ -258,6 +255,7 @@ export function PlayConfigDocScreen() {
const isSelectedDetail = detail !== null && String(detail.id) === selectedId;
const selectedStatus = isSelectedDetail ? detail.status : selectedVersionSummary?.status;
const isDraft = selectedStatus === "draft";
const amountCurrencyCode = "NPR";
const orderedRows = useMemo(
() =>
@@ -373,30 +371,6 @@ export function PlayConfigDocScreen() {
}
}
function openNameEditor(play_code: string) {
const item = draftRows.find((row) => row.play_code === play_code);
setNamePlayCode(play_code);
setNameDraft(item?.display_name ?? item?.play_code ?? "");
setNameDialogOpen(true);
}
function saveNameDraft() {
if (!namePlayCode) {
return;
}
const name = nameDraft.trim();
if (!name) {
toast.error(t("play.validation.displayNameRequired", { ns: "config" }));
return;
}
updateConfigRow(namePlayCode, {
display_name: name,
});
setNameDialogOpen(false);
setNamePlayCode(null);
toast.message(t("play.nameDialog.savedLocal", { ns: "config" }));
}
function openRuleEditor(play_code: string) {
const item = draftRows.find((row) => row.play_code === play_code);
setRulePlayCode(play_code);
@@ -501,12 +475,14 @@ export function PlayConfigDocScreen() {
description={!isDraft ? t("play.readOnlyDraftHint", { ns: "config" }) : undefined}
>
<ConfigChipGroup>
{batchSwitchStates.map((group) => (
{batchSwitchStates.map((group) => {
const groupOn = group.enabledCount > 0;
return (
<div
key={group.key}
className="flex items-center gap-3 rounded-xl border border-border/60 bg-card px-4 py-3"
className="flex items-center justify-between gap-4 rounded-xl border border-border/60 bg-card px-4 py-3"
>
<div className="min-w-[100px]">
<div className="min-w-0">
<p className="text-sm font-medium text-foreground">{group.label}</p>
<p className="text-sm text-muted-foreground">
{group.total > 0
@@ -518,13 +494,15 @@ export function PlayConfigDocScreen() {
: t("play.noPlayTypes", { ns: "config" })}
</p>
</div>
<Button
type="button"
size="sm"
variant={group.allEnabled ? "secondary" : "outline"}
<Switch
checked={groupOn}
disabled={!isDraft || saving || group.total === 0}
onClick={() => {
const enable = !group.allEnabled;
aria-label={t("play.aria.batchGroupSwitch", {
ns: "config",
group: group.label,
})}
onCheckedChange={(checked) => {
const enable = checked;
const action = enable
? t("play.batchSwitchEnable", { ns: "config" })
: t("play.batchSwitchDisable", { ns: "config" });
@@ -540,13 +518,10 @@ export function PlayConfigDocScreen() {
onConfirm: () => applyBatchSwitch(group, enable),
});
}}
>
{group.allEnabled
? t("play.actions.disable", { ns: "config" })
: t("play.actions.enable", { ns: "config" })}
</Button>
/>
</div>
))}
);
})}
</ConfigChipGroup>
</ConfigSection>
) : null}
@@ -562,7 +537,7 @@ export function PlayConfigDocScreen() {
<TableHead className="text-center">{t("play.table.playCode", { ns: "config" })}</TableHead>
<TableHead className="w-[100px] text-center">{t("play.table.category", { ns: "config" })}</TableHead>
<TableHead className="w-[88px] text-center">{t("play.table.status", { ns: "config" })}</TableHead>
<TableHead className="min-w-[120px] text-center">{t("play.table.displayName", { ns: "config" })}</TableHead>
<TableHead className="w-32 text-center">{t("play.table.displayName", { ns: "config" })}</TableHead>
<TableHead className="w-[120px] text-center">{t("play.table.order", { ns: "config" })}</TableHead>
<TableHead className="w-[110px] text-center">{t("play.table.minBet", { ns: "config" })}</TableHead>
<TableHead className="w-[110px] text-center">{t("play.table.maxBet", { ns: "config" })}</TableHead>
@@ -575,12 +550,16 @@ export function PlayConfigDocScreen() {
<TableCell className="text-center font-mono text-sm">{row.play_code}</TableCell>
<TableCell className="text-center text-muted-foreground text-sm">{row.category ?? "—"}</TableCell>
<TableCell className="text-center">
{isDraft ? (
<Checkbox
<div className="flex justify-center">
<Switch
checked={row.is_enabled}
disabled={saving}
onCheckedChange={(v) => {
const enabled = v === true;
disabled={!isDraft || saving}
aria-label={t("play.aria.enablePlay", { ns: "config", playCode: row.play_code })}
onCheckedChange={(checked) => {
if (!isDraft) {
return;
}
const enabled = checked;
const action = enabled
? t("play.toggleEnable", { ns: "config" })
: t("play.toggleDisable", { ns: "config" });
@@ -598,35 +577,27 @@ export function PlayConfigDocScreen() {
},
});
}}
aria-label={t("play.aria.enablePlay", { ns: "config", playCode: row.play_code })}
/>
) : (
<div className="flex justify-center">
<AdminStatusBadge status={row.is_enabled ? "enabled" : "disabled"}>
{row.is_enabled
? t("play.states.enabled", { ns: "config" })
: t("play.states.disabled", { ns: "config" })}
</AdminStatusBadge>
</div>
)}
</TableCell>
<TableCell>
<TableCell className="w-32 text-center">
{isDraft ? (
<div className="flex flex-col items-center gap-1.5">
<p className="max-w-[10rem] truncate text-sm font-medium">
{row.display_name ?? row.play_code}
</p>
<Button
type="button"
variant="outline"
size="sm"
className="h-7 text-xs"
<Input
type="text"
className="mx-auto h-8 w-28 text-center text-sm"
disabled={saving}
onClick={() => openNameEditor(row.play_code)}
>
{t("play.actions.editDisplayName", { ns: "config" })}
</Button>
</div>
value={row.display_name ?? ""}
placeholder={row.play_code}
onChange={(e) =>
updateConfigRow(row.play_code, { display_name: e.target.value })
}
onBlur={(e) => {
const trimmed = e.target.value.trim();
updateConfigRow(row.play_code, {
display_name: trimmed || row.play_code,
});
}}
/>
) : (
<ConfigReadonlyValue className="justify-center">
{renderDisplayNameReadonly(row)}
@@ -658,19 +629,20 @@ export function PlayConfigDocScreen() {
{isDraft ? (
<Input
type="text"
inputMode="numeric"
inputMode="decimal"
className="h-8 text-center font-mono tabular-nums"
disabled={saving}
value={row.min_bet_amount}
value={formatAdminMinorDecimal(row.min_bet_amount, amountCurrencyCode)}
onChange={(e) =>
updateConfigRow(row.play_code, {
min_bet_amount: Number.parseInt(e.target.value, 10) || 0,
min_bet_amount:
parseAdminMajorToMinor(e.target.value, amountCurrencyCode) ?? 0,
})
}
/>
) : (
<ConfigReadonlyValue mono className="justify-center">
{row.min_bet_amount}
{formatAdminMinorDecimal(row.min_bet_amount, amountCurrencyCode)}
</ConfigReadonlyValue>
)}
</TableCell>
@@ -678,19 +650,20 @@ export function PlayConfigDocScreen() {
{isDraft ? (
<Input
type="text"
inputMode="numeric"
inputMode="decimal"
className="h-8 text-center font-mono tabular-nums"
disabled={saving}
value={row.max_bet_amount}
value={formatAdminMinorDecimal(row.max_bet_amount, amountCurrencyCode)}
onChange={(e) =>
updateConfigRow(row.play_code, {
max_bet_amount: Number.parseInt(e.target.value, 10) || 0,
max_bet_amount:
parseAdminMajorToMinor(e.target.value, amountCurrencyCode) ?? 0,
})
}
/>
) : (
<ConfigReadonlyValue mono className="justify-center">
{row.max_bet_amount}
{formatAdminMinorDecimal(row.max_bet_amount, amountCurrencyCode)}
</ConfigReadonlyValue>
)}
</TableCell>
@@ -716,33 +689,6 @@ export function PlayConfigDocScreen() {
</Table>
)}
<Dialog open={nameDialogOpen} onOpenChange={setNameDialogOpen}>
<DialogContent showCloseButton className="sm:max-w-lg">
<DialogHeader>
<DialogTitle>{t("play.nameDialog.title", { ns: "config" })}</DialogTitle>
<DialogDescription>
{t("play.nameDialog.description", { ns: "config", playCode: namePlayCode ?? "—" })}
</DialogDescription>
</DialogHeader>
<div className="grid gap-1.5">
<Label htmlFor="play-display-name">{t("play.table.displayName", { ns: "config" })}</Label>
<Input
id="play-display-name"
value={nameDraft}
onChange={(e) => setNameDraft(e.target.value)}
/>
</div>
<DialogFooter>
<Button type="button" variant="outline" onClick={() => setNameDialogOpen(false)}>
{t("actions.cancel", { ns: "adminUsers" })}
</Button>
<Button type="button" onClick={saveNameDraft}>
{t("play.nameDialog.apply", { ns: "config" })}
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
<Dialog open={ruleDialogOpen} onOpenChange={setRuleDialogOpen}>
<DialogContent showCloseButton className="sm:max-w-lg">
<DialogHeader>

18
src/modules/config/doc/rebate-config-doc-screen.tsx
View File

@@ -16,7 +16,7 @@ import {
} from "@/api/admin-config";
import { ConfigContextBanner, ConfigContextEmphasis } from "@/modules/config/config-context-banner";
import { ConfigDocPage, ConfigDocToolbar } from "@/modules/config/config-doc-page";
import { Checkbox } from "@/components/ui/checkbox";
import { Switch } from "@/components/ui/switch";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { ConfigReadonlyValue } from "@/modules/config/config-readonly-value";
@@ -40,9 +40,9 @@ import { PRIZE_SCOPE_ORDER } from "@/modules/config/doc/prize-scopes";
function rateToPercentUi(rateStr: string): string {
const n = Number.parseFloat(rateStr);
if (!Number.isFinite(n)) {
return "0";
return "0.00";
}
return String(Math.round(n * 10000) / 100);
return (Math.round(n * 10000) / 100).toFixed(2);
}
function inferPercentFrom(dim: 2 | 3 | 4, rows: OddsItemRow[], typeList: AdminPlayTypeRow[]): string {
@@ -391,19 +391,11 @@ export function RebateConfigDocScreen({ embedded = false }: RebateConfigDocScree
</div>
</div>
<div className="flex items-start gap-3 px-1">
<Checkbox
id="win-enjoy"
checked
aria-disabled
disabled
aria-label={t("rebate.winEnjoy.label", { ns: "config" })}
/>
<div className="grid gap-1">
<div className="flex items-center justify-between gap-3 rounded-xl border border-border/60 px-4 py-3">
<Label htmlFor="win-enjoy" className="font-medium leading-snug">
{t("rebate.winEnjoy.label", { ns: "config" })}
</Label>
</div>
<Switch id="win-enjoy" checked disabled aria-label={t("rebate.winEnjoy.label", { ns: "config" })} />
</div>
{!embedded ? (

21
src/modules/config/doc/risk-cap-doc-screen.tsx
View File

@@ -41,6 +41,7 @@ import { ConfigVersionActions } from "@/modules/config/config-version-actions";
import { useAdminDateTimeFormatter } from "@/hooks/use-admin-datetime-formatter";
import { useConfirmAction } from "@/hooks/use-confirm-action";
import { adminHasAnyPermission } from "@/lib/admin-permissions";
import { formatAdminMinorDecimal, parseAdminMajorToMinor } from "@/lib/money";
import { PRD_RISK_CAP_MANAGE, PRD_RISK_CAP_VIEW } from "@/lib/admin-prd";
import { useAdminProfile } from "@/stores/admin-session";
import { LotteryApiBizError } from "@/types/api/errors";
@@ -95,6 +96,7 @@ export function RiskCapDocScreen() {
const [syncOpen, setSyncOpen] = useState(false);
const [occSearch, setOccSearch] = useState("");
const amountCurrencyCode = "NPR";
const refreshList = useCallback(async () => {
setLoadingList(true);
@@ -123,7 +125,7 @@ export function RiskCapDocScreen() {
setDefaultCapStr("");
return;
}
setDefaultCapStr(String(defaultRow.cap_amount));
setDefaultCapStr(formatAdminMinorDecimal(defaultRow.cap_amount, amountCurrencyCode));
}
const loadDetail = useCallback(async (id: number) => {
@@ -299,7 +301,7 @@ export function RiskCapDocScreen() {
}
function applyDefaultCap() {
const n = Number.parseInt(defaultCapStr, 10);
const n = parseAdminMajorToMinor(defaultCapStr, amountCurrencyCode);
if (!Number.isFinite(n) || n <= 0) {
toast.error(t("riskCap.validation.enterValidCapAmount", { ns: "config" }));
return;
@@ -408,7 +410,7 @@ export function RiskCapDocScreen() {
/>
) : (
<ConfigReadonlyValue mono className="w-[220px]">
{defaultCapStr || "—"}
{defaultCapStr || formatAdminMinorDecimal(0, amountCurrencyCode)}
</ConfigReadonlyValue>
)}
</div>
@@ -474,19 +476,22 @@ export function RiskCapDocScreen() {
<TableCell>
{canEditDraft ? (
<Input
type="number"
min={0}
type="text"
inputMode="decimal"
className="h-8 font-mono tabular-nums"
disabled={saving}
value={r.cap_amount}
value={formatAdminMinorDecimal(r.cap_amount, amountCurrencyCode)}
onChange={(e) =>
updateRow(idx, {
cap_amount: Number.parseInt(e.target.value, 10) || 0,
cap_amount:
parseAdminMajorToMinor(e.target.value, amountCurrencyCode) ?? 0,
})
}
/>
) : (
<ConfigReadonlyValue mono>{r.cap_amount}</ConfigReadonlyValue>
<ConfigReadonlyValue mono>
{formatAdminMinorDecimal(r.cap_amount, amountCurrencyCode)}
</ConfigReadonlyValue>
)}
</TableCell>
<TableCell className="text-right text-muted-foreground tabular-nums text-sm">—</TableCell>

48
src/modules/jackpot/jackpot-pools-console.tsx
View File

@@ -10,19 +10,14 @@ import {
} from "@/api/admin-jackpot";
import { useConfirmAction } from "@/hooks/use-confirm-action";
import { adminHasAnyPermission } from "@/lib/admin-permissions";
import { formatAdminMinorDecimal, parseAdminMajorToMinor } from "@/lib/money";
import { PRD_JACKPOT_MANAGE, PRD_JACKPOT_MANUAL_BURST } from "@/lib/admin-prd";
import { ModuleScaffold } from "@/components/admin/module-scaffold";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import { Switch } from "@/components/ui/switch";
import {
Dialog,
DialogContent,
@@ -50,12 +45,12 @@ type Draft = {
function toDraft(p: AdminJackpotPoolRow): Draft {
return {
current_amount: String(p.current_amount),
current_amount: formatAdminMinorDecimal(p.current_amount, p.currency_code),
contribution_rate: String(p.contribution_rate),
trigger_threshold: String(p.trigger_threshold),
trigger_threshold: formatAdminMinorDecimal(p.trigger_threshold, p.currency_code),
payout_rate: String(p.payout_rate),
force_trigger_draw_gap: String(p.force_trigger_draw_gap),
min_bet_amount: String(p.min_bet_amount),
min_bet_amount: formatAdminMinorDecimal(p.min_bet_amount, p.currency_code),
combo_trigger_play_codes: p.combo_trigger_play_codes.join(","),
status: String(p.status),
manual_burst_draw_id: "",
@@ -116,12 +111,12 @@ export function JackpotPoolsConsole({ embedded = false }: JackpotPoolsConsolePro
setSavingId(p.id);
try {
await putAdminJackpotPool(p.id, {
current_amount: Number.parseInt(d.current_amount, 10),
current_amount: parseAdminMajorToMinor(d.current_amount, p.currency_code) ?? 0,
contribution_rate: Number(d.contribution_rate),
trigger_threshold: Number.parseInt(d.trigger_threshold, 10),
trigger_threshold: parseAdminMajorToMinor(d.trigger_threshold, p.currency_code) ?? 0,
payout_rate: Number(d.payout_rate),
force_trigger_draw_gap: Number.parseInt(d.force_trigger_draw_gap, 10),
min_bet_amount: Number.parseInt(d.min_bet_amount, 10),
min_bet_amount: parseAdminMajorToMinor(d.min_bet_amount, p.currency_code) ?? 0,
combo_trigger_play_codes: d.combo_trigger_play_codes
.split(",")
.map((v) => v.trim().toLowerCase())
@@ -240,20 +235,19 @@ export function JackpotPoolsConsole({ embedded = false }: JackpotPoolsConsolePro
onChange={(e) => updateDraft(p.id, { combo_trigger_play_codes: e.target.value })}
/>
</div>
<div className="space-y-1.5">
<Label htmlFor={`status-${p.id}`}>{t("status")}</Label>
<Select
value={d.status}
onValueChange={(v) => updateDraft(p.id, { status: v ?? "0" })}
>
<SelectTrigger id={`status-${p.id}`} className="w-full">
<SelectValue>{d.status === "1" ? t("enabled") : t("disabled")}</SelectValue>
</SelectTrigger>
<SelectContent>
<SelectItem value="0">{t("disabled")}</SelectItem>
<SelectItem value="1">{t("enabled")}</SelectItem>
</SelectContent>
</Select>
<div className="flex items-center justify-between gap-3 rounded-lg border border-border/60 px-3 py-2.5">
<Label htmlFor={`status-${p.id}`} className="text-sm font-medium">
{t("status")}
</Label>
<Switch
id={`status-${p.id}`}
checked={d.status === "1"}
disabled={!canManageJackpot}
aria-label={t("status")}
onCheckedChange={(checked) =>
updateDraft(p.id, { status: checked ? "1" : "0" })
}
/>
</div>
</fieldset>
{canManageJackpot ? (

69
src/modules/players/players-console.tsx
View File

@@ -16,9 +16,8 @@ import {
} from "@/api/admin-player";
import { AdminListPaginationFooter } from "@/components/admin/admin-list-pagination-footer";
import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
import { resolvePlayerStatusTone } from "@/lib/admin-status-tone";
import { Button } from "@/components/ui/button";
import { Switch } from "@/components/ui/switch";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import {
Dialog,
@@ -377,9 +376,35 @@ export function PlayersConsole(): React.ReactElement {
: "—"}
</TableCell>
<TableCell>
<AdminStatusBadge status={row.status} tone={resolvePlayerStatusTone(row.status)}>
{canFreezePlayers ? (
<div className="flex justify-center">
<Switch
checked={row.status === 0}
disabled={freezeBusyId === row.id}
aria-label={t("status")}
onCheckedChange={(checked) => {
const name = row.username ?? row.site_player_id;
if (checked) {
requestConfirm({
title: t("confirmUnfreezeTitle"),
description: t("confirmUnfreezeDescription", { name }),
onConfirm: () => toggleFreeze(row, false),
});
return;
}
requestConfirm({
title: t("confirmFreezeTitle"),
description: t("confirmFreezeDescription", { name }),
onConfirm: () => toggleFreeze(row, true),
});
}}
/>
</div>
) : (
<span className="text-xs text-muted-foreground">
{playerStatusLabelT(row.status, t)}
</AdminStatusBadge>
</span>
)}
</TableCell>
<TableCell className="whitespace-nowrap text-xs text-muted-foreground">
{row.last_login_at
@@ -395,42 +420,6 @@ export function PlayersConsole(): React.ReactElement {
<TableCell>
{canManagePlayers || canFreezePlayers ? (
<div className="flex flex-wrap gap-1">
{canFreezePlayers && row.status === 0 ? (
<Button
type="button"
size="sm"
variant="outline"
disabled={freezeBusyId === row.id}
onClick={() => {
const name = row.username ?? row.site_player_id;
requestConfirm({
title: t("confirmFreezeTitle"),
description: t("confirmFreezeDescription", { name }),
onConfirm: () => toggleFreeze(row, true),
});
}}
>
{freezeBusyId === row.id ? t("saving") : t("freeze")}
</Button>
) : null}
{canFreezePlayers && row.status === 1 ? (
<Button
type="button"
size="sm"
variant="outline"
disabled={freezeBusyId === row.id}
onClick={() => {
const name = row.username ?? row.site_player_id;
requestConfirm({
title: t("confirmUnfreezeTitle"),
description: t("confirmUnfreezeDescription", { name }),
onConfirm: () => toggleFreeze(row, false),
});
}}
>
{freezeBusyId === row.id ? t("saving") : t("unfreeze")}
</Button>
) : null}
{canManagePlayers ? (
<>
<Button

39
src/modules/settings/currency-settings-panel.tsx
View File

@@ -12,10 +12,9 @@ import {
putAdminCurrency,
} from "@/api/admin-currencies";
import { AdminPageCard } from "@/components/admin/admin-page-card";
import { AdminStatusBadge } from "@/components/admin/admin-status-badge";
import { Button } from "@/components/ui/button";
import { AdminTableExportButton } from "@/components/admin/admin-table-export-button";
import { Checkbox } from "@/components/ui/checkbox";
import { Switch } from "@/components/ui/switch";
import {
Dialog,
DialogContent,
@@ -251,20 +250,22 @@ export function CurrencySettingsPanel() {
<TableCell>{row.name}</TableCell>
<TableCell>{row.decimal_places}</TableCell>
<TableCell>
<AdminStatusBadge status={row.is_enabled ? "enabled" : "disabled"}>
{row.is_enabled
? t("system.states.enabled", { ns: "config" })
: t("system.states.disabled", { ns: "config" })}
</AdminStatusBadge>
<div className="flex justify-center">
<Switch
checked={row.is_enabled}
disabled
aria-label={t("currencies.form.enabled", { ns: "config", code: row.code })}
/>
</div>
</TableCell>
<TableCell>
<AdminStatusBadge
status={row.is_enabled && row.is_bettable ? "enabled" : "disabled"}
>
{row.is_enabled && row.is_bettable
? t("system.states.enabled", { ns: "config" })
: t("system.states.disabled", { ns: "config" })}
</AdminStatusBadge>
<div className="flex justify-center">
<Switch
checked={row.is_enabled && row.is_bettable}
disabled
aria-label={t("currencies.form.bettable", { ns: "config", code: row.code })}
/>
</div>
</TableCell>
<TableCell className="text-center">
<div className="flex items-center justify-center gap-2">
@@ -337,10 +338,11 @@ export function CurrencySettingsPanel() {
<p className="text-sm font-medium">{t("currencies.form.enabled", { ns: "config" })}</p>
<p className="text-xs text-muted-foreground">{t("currencies.form.enabledHint", { ns: "config" })}</p>
</div>
<Checkbox
<Switch
checked={form.is_enabled}
onCheckedChange={(checked) => updateForm("is_enabled", checked === true)}
onCheckedChange={(checked) => updateForm("is_enabled", checked)}
disabled={saving}
aria-label={t("currencies.form.enabled", { ns: "config" })}
/>
</div>
@@ -349,10 +351,11 @@ export function CurrencySettingsPanel() {
<p className="text-sm font-medium">{t("currencies.form.bettable", { ns: "config" })}</p>
<p className="text-xs text-muted-foreground">{t("currencies.form.bettableHint", { ns: "config" })}</p>
</div>
<Checkbox
<Switch
checked={form.is_enabled && form.is_bettable}
onCheckedChange={(checked) => updateForm("is_bettable", checked === true)}
onCheckedChange={(checked) => updateForm("is_bettable", checked)}
disabled={saving || !form.is_enabled}
aria-label={t("currencies.form.bettable", { ns: "config" })}
/>
</div>

76
src/modules/settings/system-settings-screen.tsx
View File

@@ -15,6 +15,7 @@ import { Button } from "@/components/ui/button";
import { Card, CardContent } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import { Switch } from "@/components/ui/switch";
import { Textarea } from "@/components/ui/textarea";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { LotteryApiBizError } from "@/types/api/errors";
@@ -49,45 +50,6 @@ interface RuntimeDraft {
playRulesHtmlNe: string;
}
function BinaryChoice({
active,
disabled,
onChange,
leftLabel,
rightLabel,
}: {
active: boolean;
disabled: boolean;
onChange: (value: boolean) => void;
leftLabel: string;
rightLabel: string;
}) {
return (
<div className="inline-flex rounded-full border border-border/60 bg-background p-1">
<Button
type="button"
size="sm"
variant={!active ? "default" : "ghost"}
className={!active ? "h-8 rounded-full px-3" : "h-8 rounded-full px-3 text-muted-foreground"}
disabled={disabled}
onClick={() => onChange(false)}
>
{leftLabel}
</Button>
<Button
type="button"
size="sm"
variant={active ? "default" : "ghost"}
className={active ? "h-8 rounded-full px-3" : "h-8 rounded-full px-3 text-muted-foreground"}
disabled={disabled}
onClick={() => onChange(true)}
>
{rightLabel}
</Button>
</div>
);
}
function SaveActions({
dirty,
loading,
@@ -234,12 +196,11 @@ export function SystemSettingsScreen() {
<div className="space-y-5">
<div className="flex flex-wrap items-center justify-between gap-3">
<Label className="text-sm font-medium">{t("system.fields.manualReview", { ns: "config" })}</Label>
<BinaryChoice
active={draft.requireManualReview}
<Switch
checked={draft.requireManualReview}
disabled={loading || saving}
onChange={(value) => updateDraft("requireManualReview", value)}
leftLabel={t("system.states.disabled", { ns: "config" })}
rightLabel={t("system.states.enabled", { ns: "config" })}
aria-label={t("system.fields.manualReview", { ns: "config" })}
onCheckedChange={(value) => updateDraft("requireManualReview", value)}
/>
</div>
@@ -247,12 +208,11 @@ export function SystemSettingsScreen() {
<div className="flex flex-wrap items-center justify-between gap-3">
<Label className="text-sm font-medium">{t("system.fields.autoSettlement", { ns: "config" })}</Label>
<BinaryChoice
active={draft.autoSettlement}
<Switch
checked={draft.autoSettlement}
disabled={loading || saving}
onChange={(value) => updateDraft("autoSettlement", value)}
leftLabel={t("system.states.disabled", { ns: "config" })}
rightLabel={t("system.states.enabled", { ns: "config" })}
aria-label={t("system.fields.autoSettlement", { ns: "config" })}
onCheckedChange={(value) => updateDraft("autoSettlement", value)}
/>
</div>
@@ -260,12 +220,11 @@ export function SystemSettingsScreen() {
<div className="flex flex-wrap items-center justify-between gap-3">
<Label className="text-sm font-medium">{t("system.fields.autoApprove", { ns: "config" })}</Label>
<BinaryChoice
active={draft.autoApprove}
<Switch
checked={draft.autoApprove}
disabled={loading || saving}
onChange={(value) => updateDraft("autoApprove", value)}
leftLabel={t("system.states.disabled", { ns: "config" })}
rightLabel={t("system.states.enabled", { ns: "config" })}
aria-label={t("system.fields.autoApprove", { ns: "config" })}
onCheckedChange={(value) => updateDraft("autoApprove", value)}
/>
</div>
@@ -273,12 +232,11 @@ export function SystemSettingsScreen() {
<div className="flex flex-wrap items-center justify-between gap-3">
<Label className="text-sm font-medium">{t("system.fields.autoPayout", { ns: "config" })}</Label>
<BinaryChoice
active={draft.autoPayout}
<Switch
checked={draft.autoPayout}
disabled={loading || saving}
onChange={(value) => updateDraft("autoPayout", value)}
leftLabel={t("system.states.disabled", { ns: "config" })}
rightLabel={t("system.states.enabled", { ns: "config" })}
aria-label={t("system.fields.autoPayout", { ns: "config" })}
onCheckedChange={(value) => updateDraft("autoPayout", value)}
/>
</div>