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

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

@@ -0,0 +1,128 @@
+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;
+  };
+
+  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 parts = window.location.pathname.split('/').filter(Boolean);
+      const documentId = parts[parts.indexOf('event-manager') + 3];
+      console.log(documentId)
+      const queryParams = new URLSearchParams({
+        format: "excel",
+        contentType: contentType,
+      });
+
+      // Add event filter if we're in event manager
+      if (documentId) {
+        queryParams.set(
+          `filters[documentId][$eq]`,
+          documentId
+        );
+      }
+
+      const response = await fetch(`/export-import-clsx/export?${queryParams}&mode=participant`);
+
+      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"
+        fullWidth
+      >
+        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.2",
   "description": "A powerful Strapi plugin for exporting and importing data with Excel support and advanced filtering",
   "main": "./strapi-server.js",
   "scripts": {

package/server/controllers/export-controller.js

@@ -1,7 +1,7 @@
 module.exports = ({ strapi }) => ({
   async export(ctx) {
     try {
-      const { format = "excel", contentType, ...filters } = ctx.query;
+      const { format = "excel", contentType, mode, ...filters } = ctx.query;
       const exportService = strapi
         .plugin("export-import-clsx")
         .service("export-service");
@@ -28,7 +28,8 @@ module.exports = ({ strapi }) => ({
         const data = await exportService.exportData(
           "json",
           contentType,
-          filters
+          filters,
+          mode
         );
 
         const filename = `${

package/server/services/export-service.js

@@ -1,7 +1,7 @@
 const XLSX = require("xlsx");
 
 module.exports = ({ strapi }) => ({
-  async exportData(format = "json", contentType = null, rawFilters = {}) {
+  async exportData(format = "json", contentType = null, rawFilters = {}, mode) {
     // Normalize content type - handle both content-manager and event-manager formats
     if (contentType && !contentType.startsWith("api::")) {
       // If it's already in api:: format from event-manager, use as is
@@ -102,6 +102,7 @@ module.exports = ({ strapi }) => ({
         } catch (error) {
           strapi.log.error(`Failed to query entries:`, error);
         }
+        console.log({entries})
 
         strapi.log.info(
           `Final result: ${

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,
+      });
     }
   },
-};
+};