@nkhang1902/strapi-plugin-export-import-clsx 1.4.0 → 1.4.1

package/admin/src/components/ExportImportButtons/index.jsx

@@ -6,6 +6,7 @@ import { Download, Upload } from "@strapi/icons";
 import { useNotification } from "@strapi/strapi/admin";
 
 const ExportImportButtons = (props) => {
+  const { isExpParticipantsExporting } = props;
   const [isExporting, setIsExporting] = useState(false);
   const [isImporting, setIsImporting] = useState(false);
   const { toggleNotification } = useNotification();

package/admin/src/components/ExportImportButtonsEditView/index.jsx

@@ -0,0 +1,153 @@
+import { useState, useRef } from "react";
+import {
+  Button,
+} from "@strapi/design-system";
+import { Download, Upload } from "@strapi/icons";
+import { useNotification } from "@strapi/strapi/admin";
+
+const ExportButtonsEditView = (props) => {
+  const [isExporting, setIsExporting] = useState(false);
+  const { toggleNotification } = useNotification();
+  const allowedContentTypes = [
+    "api::site-visit.site-visit",
+    "api::lunch-attending.lunch-attending",
+    "api::experience-networking.experience-networking",
+    "api::tour.tour",
+  ];
+
+  // Get current content type from props or URL
+  const getContentType = () => {
+    if (props.layout?.uid) {
+      return props.layout.uid;
+    }
+    // Fallback: extract from URL - handle both content-manager and event-manager
+    const path = window.location.pathname;
+
+    // For event-manager plugin
+    const eventManagerMatch = path.match(
+      /\/admin\/plugins\/event-manager\/([^\/]+)\/([^\/]+)/
+    );
+    if (eventManagerMatch) {
+      return eventManagerMatch[2]; // Return the collectionType, not the eventId
+    }
+
+    // For content-manager
+    const contentManagerMatch = path.match(
+      /\/admin\/content-manager\/collection-types\/([^\/]+)/
+    );
+    if (contentManagerMatch) {
+      return contentManagerMatch[1];
+    }
+
+    return null;
+  };
+
+  // Get event filter for event manager - simplified with exclude list
+  const getEventFilter = () => {
+    const path = window.location.pathname;
+    const eventManagerMatch = path.match(
+      /\/admin\/plugins\/event-manager\/([^\/]+)\/([^\/]+)/
+    );
+
+    if (eventManagerMatch) {
+      const eventId = eventManagerMatch[1];
+      const collectionType = eventManagerMatch[2];
+
+      if (
+        eventId &&
+        eventId !== "events" &&
+        allowedContentTypes.includes(collectionType)
+      ) {
+        return {
+          eventId,
+          relationField: "event",
+        };
+      }
+    }
+
+    return null;
+  };
+
+  const currentContentType = getContentType();
+
+  const handleExport = async () => {
+    const contentType = getContentType();
+    if (!contentType) {
+      toggleNotification({
+        type: "danger",
+        message: "Could not determine content type",
+      });
+      return;
+    }
+
+    setIsExporting(true);
+    try {
+      const eventFilter = getEventFilter();
+
+      const queryParams = new URLSearchParams({
+        format: "excel",
+        contentType: contentType,
+      });
+
+      // Add event filter if we're in event manager
+      if (eventFilter) {
+        queryParams.set(
+          `filters[${eventFilter.relationField}][documentId][$eq]`,
+          eventFilter.eventId
+        );
+      }
+
+      const response = await fetch(`/export-import-clsx/export?${queryParams}&mode=participantList`);
+
+      if (response.ok) {
+        const blob = await response.blob();
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+
+        const filename = `${contentType.replace("api::", "")}-export-${
+          new Date().toISOString().split("T")[0]
+        }.xlsx`;
+
+        a.download = filename;
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+        document.body.removeChild(a);
+
+        toggleNotification({
+          type: "success",
+          message: "Successfully exported data",
+        });
+      } else {
+        throw new Error("Export failed");
+      }
+    } catch (error) {
+      toggleNotification({
+        type: "danger",
+        message: `Export failed: ${error.message}`,
+      });
+    } finally {
+      setIsExporting(false);
+    }
+  };
+
+  if (!allowedContentTypes.includes(currentContentType)) {
+    return null
+  }
+  return (
+    <>
+      <Button
+        onClick={handleExport}
+        loading={isExporting}
+        startIcon={<Download />}
+        variant="secondary"
+        size="S"
+      >
+        Export Participants
+      </Button>
+    </>
+  );
+};
+
+export default ExportButtonsEditView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nkhang1902/strapi-plugin-export-import-clsx",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "A powerful Strapi plugin for exporting and importing data with Excel support and advanced filtering",
   "main": "./strapi-server.js",
   "scripts": {

package/strapi-admin.js

@@ -2,6 +2,7 @@ import pluginPkg from "./package.json";
 import pluginId from "./admin/src/pluginId";
 import Initializer from "./admin/src/components/Initializer";
 import ExportImportButtons from "./admin/src/components/ExportImportButtons";
+import ExportImportButtonsEditView from "./admin/src/components/ExportImportButtonsEditView";
 
 const name = pluginPkg.strapi.name;
 
@@ -20,10 +21,17 @@ export default {
   bootstrap(app) {
     const contentManager = app.getPlugin("content-manager");
     if (contentManager && contentManager.injectComponent) {
+      // Inject into list view
       contentManager.injectComponent("listView", "actions", {
         name: "export-import-buttons",
         Component: ExportImportButtons,
       });
+
+      // Inject into edit view
+      contentManager.injectComponent("editView", "right-links", {
+        name: "export-import-buttons-edit",
+        Component: ExportImportButtonsEditView,
+      });
     }
   },
-};
+};