add audit logs

iamfaran · iamfaran · commit 3ad52c0cea96 · 2025-04-17T22:53:04.000+05:00
diff --git a/client/packages/lowcoder/src/pages/setting/environments/components/DeployableItemsList.tsx b/client/packages/lowcoder/src/pages/setting/environments/components/DeployableItemsList.tsx
@@ -31,6 +31,15 @@ function DeployableItemsList<T extends DeployableItem, S extends BaseStats>({
 
   const { openDeployModal } = useDeployModal();
 
+  // Open audit page 
+  const openAuditPage = (item: T, e: React.MouseEvent) => {
+    e.stopPropagation();
+    if (config.audit?.getAuditUrl) {
+      const auditUrl = config.audit.getAuditUrl(item, environment, additionalParams);
+      window.open(auditUrl, '_blank');
+    }
+  };
+
 
   // Handle row click for navigation
  // Handle row click for navigation
@@ -103,6 +112,25 @@ const handleRowClick = (item: T) => {
     });
   }
 
+  const hasAudit = config.audit?.enabled;
+
+// Add audit column if enabled - SEPARATE CONDITION
+    if (config.audit?.enabled) {
+      columns.push({
+        title: 'Audit',
+        key: 'audit',
+        render: (_, record: T) => (
+          <Tooltip title={config.audit?.tooltip || `View audit logs`}>
+            <Button
+              icon={config.audit?.icon}
+              onClick={(e) => openAuditPage(record, e)}
+            >
+              {config.audit?.label || 'Audit'}
+            </Button>
+          </Tooltip>
+        ),
+      });
+    }
 
   if (loading) {
     return (
diff --git a/client/packages/lowcoder/src/pages/setting/environments/config/apps.config.tsx b/client/packages/lowcoder/src/pages/setting/environments/config/apps.config.tsx
@@ -1,7 +1,7 @@
 // config/apps.config.tsx
 import React from 'react';
 import { Row, Col, Statistic, Tag, Space, Button, Tooltip } from 'antd';
-import { AppstoreOutlined, CloudUploadOutlined } from '@ant-design/icons';
+import { AppstoreOutlined, AuditOutlined } from '@ant-design/icons';
 import {DeployableItemConfig } from '../types/deployable-item.types';
 import { Environment } from '../types/environment.types';
 import { getMergedWorkspaceApps, deployApp } from '../services/apps.service';
@@ -105,7 +105,16 @@ export const appsConfig: DeployableItemConfig<App, AppStats> = {
       id: app.applicationId // Map applicationId to id for DeployableItem compatibility
     }));
   },
-  
+  audit: {
+    enabled: true,
+    icon: <AuditOutlined />,
+    label: 'Audit',
+    tooltip: 'View audit logs for this app',
+    getAuditUrl: (item, environment, additionalParams) => {
+      console.log("Additional params:", additionalParams);
+      return `/setting/audit?environmentId=${environment.environmentId}&orgId=${item.id}&appId=${additionalParams?.workspaceId}&pageSize=100&pageNum=1`
+    }
+  },
   toggleManaged: async ({ item, checked, environment }) => {
     try {
       if (checked) {
diff --git a/client/packages/lowcoder/src/pages/setting/environments/config/workspace.config.tsx b/client/packages/lowcoder/src/pages/setting/environments/config/workspace.config.tsx
@@ -1,7 +1,7 @@
 // config/workspace.config.tsx
 import React from 'react';
 import { Row, Col, Statistic, Tag } from 'antd';
-import { ClusterOutlined } from '@ant-design/icons';
+import { ClusterOutlined, AuditOutlined } from '@ant-design/icons';
 import { Workspace, WorkspaceStats, DeployableItemConfig } from '../types/deployable-item.types';
 import { buildEnvironmentWorkspaceId } from '@lowcoder-ee/constants/routesURL';
 import { getMergedEnvironmentWorkspaces } from '../services/workspace.service';
@@ -99,6 +99,15 @@ export const workspaceConfig: DeployableItemConfig<Workspace, WorkspaceStats> =
     );
     return result.workspaces;
   },
+
+  audit: {
+    enabled: true,
+    icon: <AuditOutlined />,
+    label: 'Audit',
+    tooltip: 'View audit logs for this workspace',
+    getAuditUrl: (item, environment) => 
+      `/setting/audit?environmentId=${environment.environmentId}&orgId=${item.id}&pageSize=100&pageNum=1`
+  },
   
   toggleManaged: async ({ item, checked, environment }) => {
     try {
diff --git a/client/packages/lowcoder/src/pages/setting/environments/types/deployable-item.types.ts b/client/packages/lowcoder/src/pages/setting/environments/types/deployable-item.types.ts
@@ -3,6 +3,13 @@ import { ReactNode } from 'react';
 import { Environment } from './environment.types';
 
 // Base interface for all deployable items
+export interface AuditConfig {
+  enabled: boolean;
+  icon?: React.ReactNode;
+  label?: string;
+  tooltip?: string;
+  getAuditUrl: (item: any, environment: Environment, additionalParams?: Record<string, any>) => string;
+}
 export interface DeployableItem {
   id: string;
   name: string;
@@ -61,6 +68,10 @@ export interface DeployableItemConfig<T extends DeployableItem, S extends BaseSt
   // Stats
   renderStats: (stats: S) => ReactNode;
   calculateStats: (items: T[]) => S;
+
+  // Add audit configuration
+  audit?: AuditConfig;
+  
   
   // Table configuration
   columns: Array<{
