first commit

2025-10-19 13:31:11 +00:00
commit 8bfc183b66
1248 changed files with 195992 additions and 0 deletions
--- a/src/component/Admin/Group/EditGroup/PolicySelectionInput.tsx
+++ b/src/component/Admin/Group/EditGroup/PolicySelectionInput.tsx
@@ -0,0 +1,102 @@
+import { Box, FormControl, SelectChangeEvent, Typography } from "@mui/material";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { getStoragePolicyList } from "../../../../api/api";
+import { StoragePolicy } from "../../../../api/dashboard";
+import { useAppDispatch } from "../../../../redux/hooks";
+import FacebookCircularProgress from "../../../Common/CircularProgress";
+import { DenseSelect, SquareChip } from "../../../Common/StyledComponents";
+import { SquareMenuItem } from "../../../FileManager/ContextMenu/ContextMenu";
+export interface PolicySelectionInputProps {
+  value: number;
+  onChange: (value: number) => void;
+}
+
+const PolicySelectionInput = ({ value, onChange }: PolicySelectionInputProps) => {
+  const { t } = useTranslation("dashboard");
+  const dispatch = useAppDispatch();
+  const [policies, setPolicies] = useState<StoragePolicy[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [policyMap, setPolicyMap] = useState<Record<number, StoragePolicy>>({});
+
+  const handleChange = (event: SelectChangeEvent<unknown>) => {
+    const {
+      target: { value },
+    } = event;
+    onChange(value as number);
+  };
+
+  useEffect(() => {
+    setLoading(true);
+    dispatch(getStoragePolicyList({ page: 1, page_size: 1000, order_by: "id", order_direction: "asc" }))
+      .then((res) => {
+        setPolicies(res.policies);
+        setPolicyMap(
+          res.policies.reduce(
+            (acc, policy) => {
+              acc[policy.id] = policy;
+              return acc;
+            },
+            {} as Record<number, StoragePolicy>,
+          ),
+        );
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  }, []);
+
+  return (
+    <FormControl fullWidth>
+      <DenseSelect
+        value={value}
+        required
+        onChange={handleChange}
+        sx={{
+          minHeight: 39,
+        }}
+        disabled={loading}
+        MenuProps={{
+          PaperProps: { sx: { maxWidth: 230 } },
+          MenuListProps: {
+            sx: {
+              "& .MuiMenuItem-root": {
+                whiteSpace: "normal",
+              },
+            },
+          },
+        }}
+        renderValue={(selected: number) => (
+          <Box sx={{ display: "flex", flexWrap: "wrap", gap: 0.5 }}>
+            {!loading ? (
+              <SquareChip size="small" key={selected} label={policyMap[selected]?.name} />
+            ) : (
+              <FacebookCircularProgress size={20} sx={{ mt: "1px" }} />
+            )}
+          </Box>
+        )}
+      >
+        {policies.length > 0 &&
+          policies.map((policy) => (
+            <SquareMenuItem key={policy.id} value={policy.id}>
+              <Box
+                sx={{
+                  display: "flex",
+                  flexDirection: "column",
+                }}
+              >
+                <Typography variant={"body2"} fontWeight={600}>
+                  {policy.name}
+                </Typography>
+                <Typography variant={"caption"} color={"textSecondary"}>
+                  {t(`policy.${policy.type}`)}
+                </Typography>
+              </Box>
+            </SquareMenuItem>
+          ))}
+      </DenseSelect>
+    </FormControl>
+  );
+};
+
+export default PolicySelectionInput;