mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-09-18 04:12:08 +03:00
e26cf1d3ed
The info page was a long key/value table followed by every link and two app dropdowns, and it rendered left-to-right even for Persian and Arabic. It now leads with a usage ring, the remaining quota and a stats grid, and splits the rest into Subscription / Apps / Configs tabs. - Status tells expired, data-used-up and disabled apart instead of one "Inactive", replacing the hard-coded English expiry chip. - The Apps tab keeps every Android and iOS app with its existing deep link, preselects the visitor's platform and adds Windows: Hiddify and Clash Verge Rev import directly, v2rayN copies the link. - fa-IR and ar-EG render right-to-left; URLs, IDs and sizes stay LTR. - The footer shows the support link and the client refresh interval, so subPageContext now carries subUpdates (also in ?format=info). - Status, days-left and app deep-link logic lives in subPageModel.ts, with unit tests pinning the deep links the page already shipped.
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
/// <reference types="vite/client" />
|
|
|
|
interface SubPageData {
|
|
sId?: string;
|
|
enabled?: boolean;
|
|
download?: string;
|
|
upload?: string;
|
|
total?: string;
|
|
used?: string;
|
|
remained?: string;
|
|
totalByte?: string | number;
|
|
expire?: string | number;
|
|
lastOnline?: string | number;
|
|
subUrl?: string;
|
|
subJsonUrl?: string;
|
|
subClashUrl?: string;
|
|
subTitle?: string;
|
|
subSupportUrl?: string;
|
|
subUpdates?: number;
|
|
links?: string[];
|
|
emails?: string[];
|
|
datepicker?: 'gregorian' | 'jalalian';
|
|
announce?: string;
|
|
downloadByte?: string | number;
|
|
uploadByte?: string | number;
|
|
usedByte?: string | number;
|
|
}
|
|
|
|
interface Window {
|
|
X_UI_BASE_PATH?: string;
|
|
X_UI_CUR_VER?: string;
|
|
X_UI_DB_TYPE?: string;
|
|
__SUB_PAGE_DATA__?: SubPageData;
|
|
}
|
|
|
|
declare module 'persian-calendar-suite' {
|
|
import type { ComponentType, ReactNode } from 'react';
|
|
|
|
type DateInput = string | number | null;
|
|
type OutputFormat = 'iso' | 'shamsi' | 'gregorian' | 'hijri' | 'timestamp';
|
|
|
|
interface PersianDateTimePickerProps {
|
|
value?: DateInput;
|
|
onChange?: (value: number | string | null) => void;
|
|
defaultValue?: string | number | 'now' | null;
|
|
showTime?: boolean;
|
|
minuteStep?: number;
|
|
outputFormat?: OutputFormat;
|
|
showFooter?: boolean;
|
|
theme?: Record<string, unknown>;
|
|
disabledHours?: number[];
|
|
minDate?: string | Date | null;
|
|
maxDate?: string | Date | null;
|
|
enabledDates?: string[] | null;
|
|
disabledDates?: string[] | null;
|
|
disabledWeekDays?: number[];
|
|
persianNumbers?: boolean;
|
|
rtlCalendar?: boolean;
|
|
placeholder?: string;
|
|
disabled?: boolean;
|
|
className?: string;
|
|
children?: ReactNode;
|
|
}
|
|
|
|
export const PersianDateTimePicker: ComponentType<PersianDateTimePickerProps>;
|
|
export const PersianCalendar: ComponentType<Record<string, unknown>>;
|
|
export const PersianDateRangePicker: ComponentType<Record<string, unknown>>;
|
|
export const PersianTimePicker: ComponentType<Record<string, unknown>>;
|
|
export const PersianTimeline: ComponentType<Record<string, unknown>>;
|
|
}
|