feat: add ldap login support (#126)

* feat: add ldap login support

* fix: code factor

---------

Co-authored-by: Andy Hsu <i@nn.ci>

Author: JeremieCHN

src/lang/en/manage.json

@@ -20,7 +20,8 @@
     "indexes": "Indexes",
     "sso": "Single Sign-on",
     "docs": "Documentation",
-    "offline_download": "Offline Download"
+    "offline_download": "Offline Download",
+    "ldap": "LDAP"
   },
   "title": "AList Manage",
   "not_admin": "You are not admin user, please login with admin account.",

src/lang/en/settings.json

@@ -97,5 +97,14 @@
   "version": "Version",
   "video_autoplay": "Video autoplay",
   "video_types": "Video types",
-  "webauthn_login_enabled": "Webauthn login enabled"
+  "webauthn_login_enabled": "Webauthn login enabled",
+  "ldap_login_enabled": "LDAP login enabled",
+  "ldap_server": "Server",
+  "ldap_manager_dn": "Manager DN",
+  "ldap_manager_password": "Manager Password",
+  "ldap_user_search_base": "User Search Base",
+  "ldap_user_search_filter": "User Search Filter",
+  "ldap_default_permission": "Default permission",
+  "ldap_default_dir": "Default Dir",
+  "ldap_login_tips": "Login tips"
 }

src/pages/login/index.tsx

@@ -56,13 +56,23 @@ const Login = () => {
   const [opt, setOpt] = createSignal("")
   const [useauthn, setuseauthn] = createSignal(false)
   const [remember, setRemember] = createStorageSignal("remember-pwd", "false")
+  const [useLdap, setUseLdap] = createSignal(false)
   const [loading, data] = useFetch(
-    async (): Promise<Resp<{ token: string }>> =>
-      r.post("/auth/login/hash", {
-        username: username(),
-        password: hashPwd(password()),
-        otp_code: opt(),
-      }),
+    async (): Promise<Resp<{ token: string }>> => {
+      if (useLdap()) {
+        return r.post("/auth/login/ldap", {
+          username: username(),
+          password: password(),
+          otp_code: opt(),
+        })
+      } else {
+        return r.post("/auth/login/hash", {
+          username: username(),
+          password: hashPwd(password()),
+          otp_code: opt(),
+        })
+      }
+    },
   )
   const [, postauthnlogin] = useFetch(
     (
@@ -149,6 +159,11 @@ const Login = () => {
     }
   }
   const [needOpt, setNeedOpt] = createSignal(false)
+  const ldapLoginEnabled = getSettingBool("ldap_login_enabled")
+  const ldapLoginTips = getSetting("ldap_login_tips")
+  if (ldapLoginEnabled) {
+    setUseLdap(true)
+  }
 
   return (
     <Center zIndex="1" w="$full" h="100vh">
@@ -247,6 +262,15 @@ const Login = () => {
             {t("login.login")}
           </Button>
         </HStack>
+        <Show when={ldapLoginEnabled}>
+          <Checkbox
+            w="$full"
+            checked={useLdap() === true}
+            onChange={() => setUseLdap(!useLdap())}
+          >
+            {ldapLoginTips}
+          </Checkbox>
+        </Show>
         <Button
           w="$full"
           colorScheme="accent"

src/pages/manage/sidemenu_items.tsx

@@ -19,7 +19,7 @@ import { OcWorkflow2 } from "solid-icons/oc"
 import { IoCopy, IoHome, IoMagnetOutline } from "solid-icons/io"
 import { Component, lazy } from "solid-js"
 import { Group, UserRole } from "~/types"
-import { FaBrandsQuinscape, FaSolidBook, FaSolidDatabase } from "solid-icons/fa"
+import { FaSolidBook, FaSolidDatabase } from "solid-icons/fa"
 
 export type SideMenuItem = SideMenuItemProps & {
   component?: Component
@@ -71,6 +71,12 @@ export const side_menu_items: SideMenuItem[] = [
         to: "/@manage/settings/sso",
         component: () => <CommonSettings group={Group.SSO} />,
       },
+      {
+        title: "manage.sidemenu.ldap",
+        icon: FiLogIn,
+        to: "/@manage/settings/ldap",
+        component: () => <CommonSettings group={Group.LDAP} />,
+      },
       {
         title: "manage.sidemenu.other",
         icon: BsMedium,

src/types/setting.ts

@@ -9,6 +9,7 @@ export enum Group {
   ARIA2,
   INDEX,
   SSO,
+  LDAP
 }
 export enum Flag {
   PUBLIC,