feat: disable user ui

AlistGo · Feb 4, 2023 · 7a810e4 · 7a810e4
1 parent e21657b
commit 7a810e4
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 1 deletion.
diff --git a/src/lang/en/users.json b/src/lang/en/users.json
@@ -16,6 +16,8 @@
   "base_path": "Base path",
   "role": "Role",
   "permission": "Permission",
+  "disabled": "Disabled",
+  "available": "Available",
   "update_profile": "Update Profile",
   "update_profile_success": "Update profile successfully, please re-login.",
   "change_username": "Change Username",

diff --git a/src/pages/manage/users/AddOrEdit.tsx b/src/pages/manage/users/AddOrEdit.tsx
@@ -52,6 +52,8 @@ const AddOrEdit = () => {
     base_path: "",
     role: 0,
     permission: 0,
+    disabled: false,
+    github_id: 0,
   })
   const [userLoading, loadUser] = useFetch(
     (): PResp<User> => r.get(`/admin/user/get?id=${id}`)
@@ -126,6 +128,18 @@ const AddOrEdit = () => {
             </For>
           </Flex>
         </FormControl>
+        <FormControl w="fit-content" display="flex">
+          <Checkbox
+            css={{ whiteSpace: "nowrap" }}
+            id="disabled"
+            onChange={(e: any) => setUser("disabled", e.currentTarget.checked)}
+            color="$neutral10"
+            fontSize="$sm"
+            checked={user.disabled}
+          >
+            {t(`users.disabled`)}
+          </Checkbox>
+        </FormControl>
         <Button
           loading={okLoading()}
           onClick={async () => {

diff --git a/src/pages/manage/users/Users.tsx b/src/pages/manage/users/Users.tsx
@@ -29,6 +29,7 @@ import {
   PEmptyResp,
 } from "~/types"
 import { DeletePopover } from "../common/DeletePopover"
+import { Wether } from "~/components"
 
 const Role = (props: { role: number }) => {
   const roles = [
@@ -102,7 +103,15 @@ const Users = () => {
         <Table highlightOnHover dense>
           <Thead>
             <Tr>
-              <For each={["username", "base_path", "role", "permission"]}>
+              <For
+                each={[
+                  "username",
+                  "base_path",
+                  "role",
+                  "permission",
+                  "available",
+                ]}
+              >
                 {(title) => <Th>{t(`users.${title}`)}</Th>}
               </For>
               <Th>{t("global.operations")}</Th>
@@ -120,6 +129,9 @@ const Users = () => {
                   <Td>
                     <Permissions user={user} />
                   </Td>
+                  <Td>
+                    <Wether yes={!user.disabled} />
+                  </Td>
                   <Td>
                     <HStack spacing="$2">
                       <Button

diff --git a/src/types/user.ts b/src/types/user.ts
@@ -12,6 +12,7 @@ export interface User {
   role: UserRole
   permission: number
   github_id: number
+  disabled: boolean
   // otp: boolean;
 }