feat: cards, attributes and modules

src/pages/CardsPage/hooks/useBoards.tsx

@@ -0,0 +1,33 @@
+import { useEffect, useState } from "react";
+import { BoardSchema, BoardService } from "../../../client";
+
+type Props = {
+    projectId?: number;
+}
+
+const useBoards = ({ projectId }: Props) => {
+    const [boards, setBoards] = useState<BoardSchema[]>([]);
+
+    const refetchBoards = () => {
+        if (!projectId) return;
+
+        BoardService.getBoards({
+            projectId,
+        })
+            .then(data => {
+                setBoards(data.boards);
+            })
+            .catch(e => console.log(e));
+    };
+
+    useEffect(() => {
+        refetchBoards();
+    }, [projectId]);
+
+    return {
+        boards,
+        refetchBoards,
+    };
+};
+
+export default useBoards;

src/pages/CardsPage/hooks/useCardSummaries.tsx

@@ -0,0 +1,22 @@
+import { useQuery } from "@tanstack/react-query";
+import { CardService } from "../../../client";
+import ObjectList from "../../../hooks/objectList.tsx";
+
+export const useCardSummaries = () => {
+    const { data: summariesRaw = [], refetch } = useQuery({
+        queryKey: ["getCardSummaries"],
+        queryFn: () => CardService.getCardSummaries({ full: false }),
+        select: data => data.summaries || [], // Трансформируем полученные данные
+    });
+
+    // Теперь summaries будет содержать либо трансформированные данные, либо пустой массив по умолчанию
+    // isLoading и isError могут быть использованы для отображения индикаторов загрузки или ошибки
+
+    return { summariesRaw, refetch };
+};
+export const useCardSummariesFull = () =>
+    ObjectList({
+        queryFn: () => CardService.getCardSummaries({ full: true }),
+        queryKey: "getCardSummariesFull",
+        getObjectsFn: response => response.summaries,
+    });

src/pages/CardsPage/hooks/useCardsPageState.tsx

@@ -0,0 +1,90 @@
+import { useCardSummariesFull } from "./useCardSummaries.tsx";
+import { useForm } from "@mantine/form";
+import { useEffect, useState } from "react";
+import { BaseMarketplaceSchema, BoardSchema, ClientSchema, ProjectSchema, StatusSchema } from "../../../client";
+
+
+type Props = {
+    projects: ProjectSchema[];
+}
+
+export type CardsPageState = {
+    id: number | null;
+    marketplace: BaseMarketplaceSchema | null;
+    client: ClientSchema | null;
+    project: ProjectSchema | null;
+
+    projectForTable: ProjectSchema | null;
+    board: BoardSchema | null;
+    status: StatusSchema | null;
+};
+
+const useCardsPageState = ({ projects }: Props) => {
+    const { objects } = useCardSummariesFull();
+
+    const form = useForm<CardsPageState>({
+        initialValues: {
+            project: null,
+            id: null,
+            marketplace: null,
+            client: null,
+
+            projectForTable: null,
+            board: null,
+            status: null,
+        },
+    });
+
+    const [data, setData] = useState(objects);
+
+    const applyFilters = () => {
+        let result = objects;
+        if (form.values.id) {
+            result = result.filter(
+                obj => obj.id === form.values.id,
+            );
+        }
+        if (form.values.marketplace) {
+            result = result.filter(
+                obj => obj.baseMarketplace?.key === form.values.marketplace?.key,
+            );
+        }
+        if (form.values.projectForTable) {
+            result = result.filter(
+                obj => obj.board.projectId === form.values.project?.id,
+            );
+
+            if (form.values.board) {
+                result = result.filter(
+                    obj => obj.board.id === form.values.board?.id,
+                );
+
+                if (form.values.status) {
+                    result = result.filter(
+                        obj => obj.status.id === form.values.status?.id,
+                    );
+                }
+            }
+        }
+        if (form.values.client) {
+            result = result.filter(
+                obj => obj.clientName === form.values.client?.name,
+            );
+        }
+        setData(result);
+    };
+
+    useEffect(() => {
+        applyFilters();
+    }, [form.values, objects]);
+
+    useEffect(() => {
+        if (projects.length > 0 && form.values.project === null) {
+            form.setFieldValue("project", projects[0]);
+        }
+    }, [projects]);
+
+    return { data, form };
+};
+
+export default useCardsPageState;

src/pages/CardsPage/hooks/useDnd.tsx

@@ -0,0 +1,63 @@
+import { BoardSchema, CardSummary } from "../../../client";
+import { DragStart, DropResult } from "@hello-pangea/dnd";
+import { useState } from "react";
+import DragState from "../enums/DragState.ts";
+import useCardsDnd from "../../../components/Dnd/Cards/CardsDndColumn/hooks/useCardsDnd.tsx";
+import useStatusesDnd from "../../../components/Dnd/Statuses/Statuses/hooks/useStatusesDnd.tsx";
+
+
+type Props = {
+    selectedBoard: BoardSchema | null;
+    summariesRaw: CardSummary[];
+    refetchSummaries: () => void;
+    refetchBoards: () => void;
+}
+
+const useDnd = ({
+                    selectedBoard,
+                    summariesRaw,
+                    refetchSummaries,
+                    refetchBoards,
+                }: Props) => {
+    const [dragState, setDragState] = useState<DragState>(DragState.DRAG_ENDED);
+
+    const {
+        summaries,
+        onDealDragEnd,
+    } = useCardsDnd({
+        summariesRaw,
+        refetchSummaries,
+    })
+
+    const {
+        onStatusDragEnd,
+    } = useStatusesDnd({
+        board: selectedBoard,
+        refetch: refetchBoards,
+    });
+
+    const onDragEnd = async (result: DropResult) => {
+        setDragState(DragState.DRAG_ENDED);
+        if (result.draggableId.includes("status")) {
+            return onStatusDragEnd(result);
+        }
+        return onDealDragEnd(result);
+    }
+
+    const onDragStart = (start: DragStart) => {
+        if (start.source.droppableId.includes("status")) {
+            setDragState(DragState.DRAG_STATUS);
+        } else {
+            setDragState(DragState.DRAG_DEAL);
+        }
+    }
+
+    return {
+        summaries,
+        dragState,
+        onDragStart,
+        onDragEnd,
+    };
+};
+
+export default useDnd;

src/pages/CardsPage/hooks/useManagersList.tsx

@@ -0,0 +1,11 @@
+import ObjectList from "../../../hooks/objectList.tsx";
+import { UserService } from "../../../client";
+
+const useManagersList = () =>
+    ObjectList({
+        queryFn: UserService.getManagers,
+        getObjectsFn: response => response.managers,
+        queryKey: "getManagers",
+    });
+
+export default useManagersList;

src/pages/CardsPage/hooks/useProjects.tsx

@@ -0,0 +1,26 @@
+import { useEffect, useState } from "react";
+import { type FullProjectSchema, ProjectService } from "../../../client";
+
+
+const useProjects = () => {
+    const [projects, setProjects] = useState<FullProjectSchema[]>([]);
+
+    const refetchProjects = () => {
+        ProjectService.getProjects()
+            .then(data => {
+                setProjects(data.projects);
+            })
+            .catch(e => console.log(e));
+    };
+
+    useEffect(() => {
+        refetchProjects();
+    }, []);
+
+    return {
+        projects,
+        refetchProjects,
+    };
+};
+
+export default useProjects;