diff --git a/CHANGELOG.md b/CHANGELOG.md index 2c3459a..7364e05 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,39 +1,36 @@ + # Changelog # [1.0.0-beta.6](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.5...v1.0.0-beta.6) (2025-01-10) - ### 🐛 Bug Fixes -* **auth**: Update UserCheckForm to use setInitialValues and modify onSubmit type ([c984c0d](https://github.com/perfect-panel/ppanel-web/commit/c984c0d)) +- **auth**: Update UserCheckForm to use setInitialValues and modify onSubmit type ([c984c0d](https://github.com/perfect-panel/ppanel-web/commit/c984c0d)) # [1.0.0-beta.5](https://github.com/perfect-panel/ppanel-web/compare/v1.0.0-beta.4...v1.0.0-beta.5) (2025-01-09) - ### ✨ Features -* **locales**: Replace 'nodeGroupId' with 'groupId' in multiple language files for consistency ([a4e9d5d](https://github.com/perfect-panel/ppanel-web/commit/a4e9d5d)) -* **locales**: Update 'deductBalance' to 'giftAmount' across multiple languages and fix newline in announcement.json ([70497af](https://github.com/perfect-panel/ppanel-web/commit/70497af)) -* **stats**: Replace dynamic stat fetching with environment constants for user, server, and location counts ([46ae166](https://github.com/perfect-panel/ppanel-web/commit/46ae166)) -* **subscribe**: Update suffix from 'MB' to 'Mbps' and enhance speed limit display logic ([3547bb1](https://github.com/perfect-panel/ppanel-web/commit/3547bb1)) -* **user**: Add 'gift_amount' field and update related references in user services and components ([b13c77e](https://github.com/perfect-panel/ppanel-web/commit/b13c77e)) - +- **locales**: Replace 'nodeGroupId' with 'groupId' in multiple language files for consistency ([a4e9d5d](https://github.com/perfect-panel/ppanel-web/commit/a4e9d5d)) +- **locales**: Update 'deductBalance' to 'giftAmount' across multiple languages and fix newline in announcement.json ([70497af](https://github.com/perfect-panel/ppanel-web/commit/70497af)) +- **stats**: Replace dynamic stat fetching with environment constants for user, server, and location counts ([46ae166](https://github.com/perfect-panel/ppanel-web/commit/46ae166)) +- **subscribe**: Update suffix from 'MB' to 'Mbps' and enhance speed limit display logic ([3547bb1](https://github.com/perfect-panel/ppanel-web/commit/3547bb1)) +- **user**: Add 'gift_amount' field and update related references in user services and components ([b13c77e](https://github.com/perfect-panel/ppanel-web/commit/b13c77e)) ### 🎫 Chores -* **deps**: Update package dependencies across multiple projects for improved stability and performance ([b01a5bc](https://github.com/perfect-panel/ppanel-web/commit/b01a5bc)) -* **ui**: Update package dependencies for improved stability and performance ([25da429](https://github.com/perfect-panel/ppanel-web/commit/25da429)) - +- **deps**: Update package dependencies across multiple projects for improved stability and performance ([b01a5bc](https://github.com/perfect-panel/ppanel-web/commit/b01a5bc)) +- **ui**: Update package dependencies for improved stability and performance ([25da429](https://github.com/perfect-panel/ppanel-web/commit/25da429)) ### 🐛 Bug Fixes -* **api**: Replace 'deduction' with 'gift_amount' and add 'commission' field in type definitions ([77edf1d](https://github.com/perfect-panel/ppanel-web/commit/77edf1d)) -* **api**: Update API type definitions to replace 'deduction' with 'gift_amount' and make 'commission' field optional ([c2af060](https://github.com/perfect-panel/ppanel-web/commit/c2af060)) -* **auth**: Refactor user authentication forms to remove global store dependency and improve type handling ([12026b0](https://github.com/perfect-panel/ppanel-web/commit/12026b0)) -* **coupon**: Rename 'server' field to 'subscribe' in coupon form and update coupon update request type ([f8b6d82](https://github.com/perfect-panel/ppanel-web/commit/f8b6d82)) -* **types**: Add 'gift_amount' field to API type definitions ([8f8a12a](https://github.com/perfect-panel/ppanel-web/commit/8f8a12a)) -* **user**: Add the 'gift_amount' field to the user service's type definition ([6301409](https://github.com/perfect-panel/ppanel-web/commit/6301409)) +- **api**: Replace 'deduction' with 'gift_amount' and add 'commission' field in type definitions ([77edf1d](https://github.com/perfect-panel/ppanel-web/commit/77edf1d)) +- **api**: Update API type definitions to replace 'deduction' with 'gift_amount' and make 'commission' field optional ([c2af060](https://github.com/perfect-panel/ppanel-web/commit/c2af060)) +- **auth**: Refactor user authentication forms to remove global store dependency and improve type handling ([12026b0](https://github.com/perfect-panel/ppanel-web/commit/12026b0)) +- **coupon**: Rename 'server' field to 'subscribe' in coupon form and update coupon update request type ([f8b6d82](https://github.com/perfect-panel/ppanel-web/commit/f8b6d82)) +- **types**: Add 'gift_amount' field to API type definitions ([8f8a12a](https://github.com/perfect-panel/ppanel-web/commit/8f8a12a)) +- **user**: Add the 'gift_amount' field to the user service's type definition ([6301409](https://github.com/perfect-panel/ppanel-web/commit/6301409)) diff --git a/apps/admin/app/dashboard/auth-control/email/page.tsx b/apps/admin/app/dashboard/auth-control/email/page.tsx new file mode 100644 index 0000000..86b315b --- /dev/null +++ b/apps/admin/app/dashboard/auth-control/email/page.tsx @@ -0,0 +1,179 @@ +'use client'; + +import { getEmailSmtpConfig, testEmailSmtp, updateEmailSmtpConfig } from '@/services/admin/system'; +import { useQuery } from '@tanstack/react-query'; +import { Button } from '@workspace/ui/components/button'; +import { Label } from '@workspace/ui/components/label'; +import { Switch } from '@workspace/ui/components/switch'; +import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs'; +import { HTMLEditor } from '@workspace/ui/custom-components/editor'; +import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input'; +import { useTranslations } from 'next-intl'; +import { useRef, useState } from 'react'; +import { toast } from 'sonner'; + +interface ConfigProps { + data?: Record & API.EmailSmtpConfig; + updateConfig: (key: string, value: unknown) => Promise; + isFetching?: boolean; +} + +export default function Page() { + const t = useTranslations('email'); + const ref = useRef>({}); + + const { data, refetch, isFetching } = useQuery({ + queryKey: ['getEmailSmtpConfig'], + queryFn: async () => { + const { data } = await getEmailSmtpConfig(); + ref.current = data.data as API.EmailSmtpConfig; + return data.data; + }, + }); + + async function updateConfig(key: string, value: unknown) { + if (data?.[key] === value) return; + try { + await updateEmailSmtpConfig({ + ...ref.current, + [key]: value, + } as API.EmailSmtpConfig); + toast.success(t('saveSuccess')); + refetch(); + } catch (error) { + /* empty */ + } + } + const [email, setEmail] = useState(); + + return ( + + + {t('emailBasicConfig')} + {t('emailTemplate')} + {t('emailLogs')} + + +
+ + + + {[ + { + key: 'email_smtp_host', + label: t('smtpServerAddress'), + description: t('smtpServerAddressDescription'), + }, + { + key: 'email_smtp_port', + label: t('smtpServerPort'), + description: t('smtpServerPortDescription'), + type: 'number', + }, + { + key: 'email_smtp_ssl', + label: t('smtpEncryptionMethod'), + description: t('smtpEncryptionMethodDescription'), + component: 'switch', + }, + { + key: 'email_smtp_user', + label: t('smtpAccount'), + description: t('smtpAccountDescription'), + }, + { + key: 'email_smtp_pass', + label: t('smtpPassword'), + description: t('smtpPasswordDescription'), + type: 'password', + }, + { + key: 'email_smtp_from', + label: t('senderAddress'), + description: t('senderAddressDescription'), + }, + ].map(({ key, label, description, type = 'text', component = 'input' }) => ( + + + +

{description}

+ + + {component === 'input' ? ( + updateConfig(key, value)} + /> + ) : ( + updateConfig(key, checked)} + /> + )} + + + ))} + + + +

{t('sendTestEmailDescription')}

+ + + setEmail(value as string)} + /> + + + + +
+ + + +
+ {[ + 'verify_email_template', + 'expiration_email_template', + 'maintenance_email_template', + ].map((templateKey) => ( + { + updateConfig(templateKey, value); + }} + /> + ))} +
+ + + +
+

TODO: placeholder for email logs

+
+ +
+ + ); +} diff --git a/apps/admin/app/dashboard/system/register.tsx b/apps/admin/app/dashboard/auth-control/general/page.tsx similarity index 98% rename from apps/admin/app/dashboard/system/register.tsx rename to apps/admin/app/dashboard/auth-control/general/page.tsx index 89748bc..83b01c8 100644 --- a/apps/admin/app/dashboard/system/register.tsx +++ b/apps/admin/app/dashboard/auth-control/general/page.tsx @@ -10,8 +10,8 @@ import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input'; import { useTranslations } from 'next-intl'; import { toast } from 'sonner'; -export default function Register() { - const t = useTranslations('system.register'); +export default function Page() { + const t = useTranslations('auth-control'); const { data, refetch } = useQuery({ queryKey: ['getRegisterConfig'], diff --git a/apps/admin/app/dashboard/auth-control/layout.tsx b/apps/admin/app/dashboard/auth-control/layout.tsx new file mode 100644 index 0000000..ab362d9 --- /dev/null +++ b/apps/admin/app/dashboard/auth-control/layout.tsx @@ -0,0 +1,29 @@ +'use client'; + +import { AuthControl } from '@/config/navs'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs'; +import { useTranslations } from 'next-intl'; +import Link from 'next/link'; +import { usePathname } from 'next/navigation'; + +interface AuthControlLayoutProps { + children: React.ReactNode; +} + +export default function AuthControlLayout({ children }: Readonly) { + const pathname = usePathname(); + const t = useTranslations('menu'); + if (!pathname) return null; + return ( + + + {AuthControl.map((item) => ( + + {t(item.title)} + + ))} + + {children} + + ); +} diff --git a/apps/admin/app/dashboard/auth-control/page.tsx b/apps/admin/app/dashboard/auth-control/page.tsx new file mode 100644 index 0000000..f4efdd2 --- /dev/null +++ b/apps/admin/app/dashboard/auth-control/page.tsx @@ -0,0 +1,5 @@ +import { redirect } from 'next/navigation'; + +export default function Page() { + return redirect('/dashboard/auth-control/general'); +} diff --git a/apps/admin/app/dashboard/auth-control/phone/page.tsx b/apps/admin/app/dashboard/auth-control/phone/page.tsx new file mode 100644 index 0000000..589e139 --- /dev/null +++ b/apps/admin/app/dashboard/auth-control/phone/page.tsx @@ -0,0 +1,389 @@ +'use client'; + +import { ProTable, ProTableActions } from '@/components/pro-table'; +import { getSmsList } from '@/services/admin/sms'; +import { + getSmsConfig, + getSmsPlatform, + testSmsSend, + updateSmsConfig, +} from '@/services/admin/system'; +import { useQuery } from '@tanstack/react-query'; +import { Badge } from '@workspace/ui/components/badge'; +import { Button } from '@workspace/ui/components/button'; +import { Label } from '@workspace/ui/components/label'; +import { + Select, + SelectContent, + SelectItem, + SelectTrigger, + SelectValue, +} from '@workspace/ui/components/select'; +import { Switch } from '@workspace/ui/components/switch'; +import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table'; +import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs'; +import { Textarea } from '@workspace/ui/components/textarea'; +import { AreaCodeSelect } from '@workspace/ui/custom-components/area-code-select'; +import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input'; +import { formatDate } from '@workspace/ui/utils'; +import { useTranslations } from 'next-intl'; +import { useRef, useState } from 'react'; +import { toast } from 'sonner'; + +export default function Page() { + const t = useTranslations('phone'); + const { data, refetch, isFetching } = useQuery({ + queryKey: ['getSmsConfig'], + queryFn: async () => { + const { data } = await getSmsConfig(); + return data.data; + }, + }); + + const { data: platform } = useQuery({ + queryKey: ['getSmsPlatform'], + queryFn: async () => { + const { data } = await getSmsPlatform(); + return data.data?.list; + }, + }); + + async function updateConfig(key: string, value: unknown) { + if (data?.[key] === value) return; + try { + await updateSmsConfig({ + ...data, + [key]: value, + } as API.SmsConfig); + toast.success(t('updateSuccess')); + refetch(); + } catch (error) { + /* empty */ + } + } + const [params, setParams] = useState({ + telephone: '', + content: t('testSmsContent'), + area_code: '1', + }); + + return ( + + + {t('settings')} + {t('logs')} + + + + + + + + +

{t('enableTip')}

+ + + updateConfig('sms_enabled', checked)} + disabled={isFetching} + /> + + + + + +

{t('expireTimeTip')}

+ + + updateConfig('sms_expire', value)} + suffix='S' + disabled={isFetching} + placeholder={t('placeholders.expireTime')} + /> + + + + + +

{t('intervalTip')}

+ + + updateConfig('sms_interval', value)} + suffix='S' + disabled={isFetching} + placeholder={t('placeholders.interval')} + /> + + + + + +

{t('limitTip')}

+ + + updateConfig('sms_limit', value)} + disabled={isFetching} + placeholder={t('placeholders.limit')} + /> + + + + + +

{t('platformTip')}

+ + + + + + + + +

{t('usernameTip')}

+ + + updateConfig('sms_key', value)} + disabled={isFetching} + placeholder={t('placeholders.username')} + /> + + + + + +

{t('passwordTip')}

+ + + updateConfig('sms_secret', value)} + disabled={isFetching} + type='password' + placeholder={t('placeholders.password')} + /> + + + + + +

{t('apiUrlTip')}

+ + + updateConfig('sms_api_url', value)} + disabled={isFetching} + placeholder={t('placeholders.apiUrl')} + /> + + + + + +

{t('foreignApiUrlTip')}

+ + + updateConfig('sms_api_foreign_url', value)} + disabled={isFetching} + placeholder={t('placeholders.foreignApiUrl')} + /> + + + + + +

{t('regionTip')}

+ + + updateConfig('sms_region', value)} + disabled={isFetching} + placeholder={t('placeholders.region')} + /> + + + + + +

{t('templateCodeTip')}

+ + + updateConfig('sms_template_code', value)} + disabled={isFetching} + placeholder={t('placeholders.templateCode')} + /> + + + + + +

{t('templateParamTip')}

+ + + updateConfig('sms_template_param', value)} + disabled={isFetching} + placeholder={t('placeholders.templateParam')} + /> + + + + + +

+ {t('templateTip', { + code: '{{.Code}}', + })} +

+ + +