feat: cards, attributes and modules

src/pages/CardsPage/tabs/GeneralTab/components/PaymentLinkButton.tsx

@@ -0,0 +1,43 @@
+import { CardSchema } from "../../../../../client";
+import ButtonCopy from "../../../../../components/ButtonCopy/ButtonCopy.tsx";
+import { ButtonCopyControlled } from "../../../../../components/ButtonCopyControlled/ButtonCopyControlled.tsx";
+import { getCurrentDateTimeForFilename } from "../../../../../shared/lib/date.ts";
+import FileSaver from "file-saver";
+
+type Props = {
+    card: CardSchema;
+}
+
+const PaymentLinkButton = ({ card }: Props) => {
+    const billRequestPdfUrl = card?.billRequest?.pdfUrl || card?.group?.billRequest?.pdfUrl;
+
+    if (billRequestPdfUrl) {
+        return (
+            <ButtonCopy
+                onCopiedLabel={"Ссылка скопирована в буфер обмена"}
+                value={billRequestPdfUrl}
+            >
+                Ссылка на оплату
+            </ButtonCopy>
+        );
+    }
+
+    return (
+        <ButtonCopyControlled
+            onCopyClick={() => {
+                const date =
+                    getCurrentDateTimeForFilename();
+                FileSaver.saveAs(
+                    `${import.meta.env.VITE_API_URL}/card/billing-document/${card.id}`,
+                    `bill_${card.id}_${date}.pdf`,
+                );
+            }}
+            copied={false}
+            onCopiedLabel={"Ссылка скопирована в буфер обмена"}
+        >
+            Ссылка на оплату (PDF)
+        </ButtonCopyControlled>
+    );
+}
+
+export default PaymentLinkButton;

src/pages/CardsPage/tabs/GeneralTab/components/PrintDealBarcodesButton.tsx

@@ -0,0 +1,63 @@
+import { ActionIcon, Tooltip } from "@mantine/core";
+import styles from "../../../ui/CardsPage.module.css";
+import { CardSchema, CardService } from "../../../../../client";
+import { base64ToBlob } from "../../../../../shared/lib/utils.ts";
+import { notifications } from "../../../../../shared/lib/notifications.ts";
+import { IconBarcode, IconPrinter } from "@tabler/icons-react";
+
+
+type Props = {
+    card: CardSchema;
+}
+
+const PrintDealBarcodesButton = ({ card }: Props) => {
+    return (
+        <>
+            <Tooltip
+                className={styles["print-deals-button"]}
+                label={"Распечатать штрихкоды сделки"}
+            >
+                <ActionIcon
+                    onClick={async () => {
+                        const response =
+                            await CardService.getCardProductsBarcodesPdf({
+                                requestBody: {
+                                    cardId: card.id,
+                                },
+                            });
+                        const pdfBlob = base64ToBlob(
+                            response.base64String,
+                            response.mimeType,
+                        );
+                        const pdfUrl = URL.createObjectURL(pdfBlob);
+                        const pdfWindow = window.open(pdfUrl);
+                        if (!pdfWindow) {
+                            notifications.error({ message: "Ошибка" });
+                            return;
+                        }
+                        pdfWindow.onload = () => {
+                            pdfWindow.print();
+                        };
+                    }}
+                    variant={"default"}>
+                    <IconBarcode />
+                </ActionIcon>
+            </Tooltip>
+            <Tooltip label={"Распечатать сделку"}>
+                <ActionIcon
+                    onClick={() => {
+                        const pdfWindow = window.open(
+                            `${import.meta.env.VITE_API_URL}/card/tech-spec/${card.id}`,
+                        );
+                        if (!pdfWindow) return;
+                        pdfWindow.print();
+                    }}
+                    variant={"default"}>
+                    <IconPrinter />
+                </ActionIcon>
+            </Tooltip>
+        </>
+    );
+};
+
+export default PrintDealBarcodesButton;