+
{messages.userManagement}
diff --git a/frontend/src/app/[locale]/admin/ldap/LdapSettingsPage.tsx b/frontend/src/app/[locale]/admin/ldap/LdapSettingsPage.tsx
new file mode 100644
index 0000000..aa13c05
--- /dev/null
+++ b/frontend/src/app/[locale]/admin/ldap/LdapSettingsPage.tsx
@@ -0,0 +1,190 @@
+'use client';
+import { useState, useEffect, useContext } from 'react';
+import { Button, Input, Switch, Card, CardHeader, CardBody, CardFooter, addToast } from '@heroui/react';
+import AdminNav from '../AdminNav';
+import { TokenContext } from '@/utils/TokenProvider';
+import { LocaleCodeType } from '@/types/locale';
+import { LdapSettingsType, LdapMessages } from '@/types/ldap';
+import { fetchLdapSettings, updateLdapSettings, testLdapConnection } from '@/utils/ldapControl';
+import { logError } from '@/utils/errorHandler';
+
+type Props = {
+ messages: LdapMessages;
+ locale: LocaleCodeType;
+};
+
+const emptySettings: LdapSettingsType = {
+ enabled: false,
+ url: '',
+ bindDn: '',
+ bindCredentials: '',
+ bindCredentialsSet: false,
+ searchBase: '',
+ searchFilter: '(mail={{username}})',
+ emailAttribute: 'mail',
+ usernameAttribute: 'cn',
+};
+
+export default function LdapSettingsPage({ messages, locale }: Props) {
+ const context = useContext(TokenContext);
+ const [settings, setSettings] = useState
(emptySettings);
+ const [isSaving, setIsSaving] = useState(false);
+ const [isTesting, setIsTesting] = useState(false);
+ const [testUsername, setTestUsername] = useState('');
+ const [testPassword, setTestPassword] = useState('');
+
+ useEffect(() => {
+ async function load() {
+ if (!context.isAdmin()) {
+ return;
+ }
+ try {
+ const data = await fetchLdapSettings(context.token.access_token);
+ setSettings(data);
+ } catch (error: unknown) {
+ logError('Error fetching LDAP settings:', error);
+ }
+ }
+ load();
+ }, [context]);
+
+ const update = (patch: Partial) => setSettings((prev) => ({ ...prev, ...patch }));
+
+ const handleSave = async () => {
+ setIsSaving(true);
+ try {
+ const saved = await updateLdapSettings(context.token.access_token, settings);
+ setSettings(saved);
+ addToast({ title: 'Success', color: 'success', description: messages.saved });
+ } catch (error: unknown) {
+ logError('Error saving LDAP settings:', error);
+ addToast({ title: 'Error', color: 'danger', description: messages.saveError });
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
+ const handleTest = async () => {
+ setIsTesting(true);
+ try {
+ const result = await testLdapConnection(context.token.access_token, settings, testUsername, testPassword);
+ if (result.ok) {
+ addToast({ title: 'Success', color: 'success', description: messages.testSuccess });
+ } else {
+ addToast({ title: 'Error', color: 'danger', description: `${messages.testFailed}: ${result.message ?? ''}` });
+ }
+ } finally {
+ setIsTesting(false);
+ }
+ };
+
+ if (!context.isAdmin()) {
+ return null;
+ }
+
+ return (
+
+ );
+}
diff --git a/frontend/src/app/[locale]/admin/ldap/page.tsx b/frontend/src/app/[locale]/admin/ldap/page.tsx
new file mode 100644
index 0000000..5db503f
--- /dev/null
+++ b/frontend/src/app/[locale]/admin/ldap/page.tsx
@@ -0,0 +1,49 @@
+import { getTranslations } from 'next-intl/server';
+import { useTranslations } from 'next-intl';
+import LdapSettingsPage from './LdapSettingsPage';
+import { PageType } from '@/types/base';
+import { LocaleCodeType } from '@/types/locale';
+import { LdapMessages } from '@/types/ldap';
+
+export async function generateMetadata({ params: { locale } }: { params: { locale: LocaleCodeType } }) {
+ const t = await getTranslations({ locale, namespace: 'Ldap' });
+ return {
+ title: `${t('ldap_settings')} | UnitTCMS`,
+ robots: { index: false, follow: false },
+ };
+}
+
+export default function Page({ params }: PageType) {
+ const t = useTranslations('Ldap');
+ const tAdmin = useTranslations('Admin');
+ const messages: LdapMessages = {
+ userManagement: tAdmin('user_management'),
+ ldap: tAdmin('ldap'),
+ ldapSettings: t('ldap_settings'),
+ ldapDescription: t('ldap_description'),
+ enableLdap: t('enable_ldap'),
+ enableLdapDesc: t('enable_ldap_desc'),
+ serverUrl: t('server_url'),
+ bindDn: t('bind_dn'),
+ bindCredentials: t('bind_credentials'),
+ bindCredentialsPlaceholder: t('bind_credentials_placeholder'),
+ searchBase: t('search_base'),
+ searchFilter: t('search_filter'),
+ emailAttribute: t('email_attribute'),
+ usernameAttribute: t('username_attribute'),
+ save: t('save'),
+ saved: t('saved'),
+ saveError: t('save_error'),
+ testConnection: t('test_connection'),
+ testUsername: t('test_username'),
+ testPassword: t('test_password'),
+ testSuccess: t('test_success'),
+ testFailed: t('test_failed'),
+ };
+
+ return (
+
+
+
+ );
+}
diff --git a/frontend/src/app/[locale]/admin/page.tsx b/frontend/src/app/[locale]/admin/page.tsx
index f71ac06..530ebf4 100644
--- a/frontend/src/app/[locale]/admin/page.tsx
+++ b/frontend/src/app/[locale]/admin/page.tsx
@@ -17,6 +17,7 @@ export default function Page({ params }: PageType) {
const t = useTranslations('Admin');
const messages: AdminMessages = {
userManagement: t('user_management'),
+ ldap: t('ldap'),
avatar: t('avatar'),
id: t('id'),
email: t('email'),
diff --git a/frontend/types/ldap.ts b/frontend/types/ldap.ts
new file mode 100644
index 0000000..82963d8
--- /dev/null
+++ b/frontend/types/ldap.ts
@@ -0,0 +1,36 @@
+export type LdapSettingsType = {
+ enabled: boolean;
+ url: string;
+ bindDn: string;
+ bindCredentials: string;
+ bindCredentialsSet?: boolean;
+ searchBase: string;
+ searchFilter: string;
+ emailAttribute: string;
+ usernameAttribute: string;
+};
+
+export type LdapMessages = {
+ userManagement: string;
+ ldap: string;
+ ldapSettings: string;
+ ldapDescription: string;
+ enableLdap: string;
+ enableLdapDesc: string;
+ serverUrl: string;
+ bindDn: string;
+ bindCredentials: string;
+ bindCredentialsPlaceholder: string;
+ searchBase: string;
+ searchFilter: string;
+ emailAttribute: string;
+ usernameAttribute: string;
+ save: string;
+ saved: string;
+ saveError: string;
+ testConnection: string;
+ testUsername: string;
+ testPassword: string;
+ testSuccess: string;
+ testFailed: string;
+};
diff --git a/frontend/types/user.ts b/frontend/types/user.ts
index 45e2a27..f473118 100644
--- a/frontend/types/user.ts
+++ b/frontend/types/user.ts
@@ -70,6 +70,7 @@ export type AuthMessages = {
export type AdminMessages = {
userManagement: string;
+ ldap: string;
avatar: string;
id: string;
email: string;
diff --git a/frontend/utils/ldapControl.ts b/frontend/utils/ldapControl.ts
new file mode 100644
index 0000000..9330395
--- /dev/null
+++ b/frontend/utils/ldapControl.ts
@@ -0,0 +1,57 @@
+import { LdapSettingsType } from '@/types/ldap';
+import Config from '@/config/config';
+import { logError } from '@/utils/errorHandler';
+const apiServer = Config.apiServer;
+
+async function fetchLdapSettings(jwt: string): Promise {
+ const response = await fetch(`${apiServer}/ldap`, {
+ method: 'GET',
+ headers: {
+ 'Content-Type': 'application/json',
+ Authorization: `Bearer ${jwt}`,
+ },
+ });
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+ return response.json();
+}
+
+async function updateLdapSettings(jwt: string, settings: LdapSettingsType): Promise {
+ const response = await fetch(`${apiServer}/ldap`, {
+ method: 'PUT',
+ headers: {
+ 'Content-Type': 'application/json',
+ Authorization: `Bearer ${jwt}`,
+ },
+ body: JSON.stringify(settings),
+ });
+ if (!response.ok) {
+ throw new Error(`HTTP error! Status: ${response.status}`);
+ }
+ return response.json();
+}
+
+async function testLdapConnection(
+ jwt: string,
+ settings: LdapSettingsType,
+ testUsername: string,
+ testPassword: string
+): Promise<{ ok: boolean; message?: string }> {
+ try {
+ const response = await fetch(`${apiServer}/ldap/test`, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ Authorization: `Bearer ${jwt}`,
+ },
+ body: JSON.stringify({ ...settings, testUsername, testPassword }),
+ });
+ return response.json();
+ } catch (error: unknown) {
+ logError('Error testing LDAP connection:', error);
+ return { ok: false, message: 'Request failed' };
+ }
+}
+
+export { fetchLdapSettings, updateLdapSettings, testLdapConnection };