@dashadmin/dash-admin 1.3.24 → 1.3.26

package/src/resources/Tenant/ImpersonateTenantResource.tsx

@@ -0,0 +1,113 @@
+// in posts.js
+import { ReferenceField, Resource, TextField } from 'react-admin';
+
+import { IAppResourceConfig } from '../../interfaces/IAppResourceConfig';
+import { FC, useState } from 'react';
+import { SaveButton } from 'react-admin';
+import { Toolbar } from 'react-admin';
+import { SimpleForm } from 'react-admin';
+//import { useForm } from 'react-hook-form';
+import { Create } from 'react-admin';
+import { ReferenceInput } from 'react-admin';
+import { AutocompleteInput } from 'react-admin';
+import { setCookie, getCookie } from '../../utils/cookies';
+import ApplicationLayout from '../../layout/ApplicationLayout';
+import { Alert, Card } from '@mui/material';
+import { Route } from 'react-router';
+import {DASHAppConstants} from 'dash-constants';
+import { dashStorage } from 'dash-utils';
+
+export const ImpersonateTenantComponent: FC<any> = (props) => {
+
+  const { children: children, ...rest } = props;
+  const [selectedTenantId, setSelectedTenantId] = useState<string | null>(null);
+
+
+  const CustomToolbar = (toolbarProps) => {
+    return (
+      <Toolbar {...toolbarProps}>
+        <SaveButton alwaysEnable={true} />
+      </Toolbar>
+    );
+  };
+
+  const validateFn = () => {
+    const _errors: any = {};
+
+    /*if(!values.tenant) {
+            errors.tenant_id = "Debe seeleccionar un cliente"
+        }*/
+    return _errors;
+  };
+
+  const onSubmit = (data) => {
+    dashStorage.setItem('tenant_id', selectedTenantId);
+    setCookie('tenant_id', selectedTenantId, null);
+    window.location.reload();
+  };
+
+  //const [tenantId, setTenantId] = useState<string>(getCookie('tenant_id'));
+
+  return (
+    <Card title={'Impersonar Tenant'}>
+      <SimpleForm
+        toolbar={<CustomToolbar {...rest} />}
+        validate={validateFn}
+        noValidate
+        onSubmit={onSubmit}
+      >
+        Cliente:
+        <ReferenceInput label='Tenant' source='id' reference='system/tenant'>
+          <AutocompleteInput
+            filterToQuery={(search) => ({ q: search })}
+            optionValue='id'
+            optionText='name'
+            onChange={(event, value) => {
+
+              setSelectedTenantId(value["id"])
+            }}
+          />
+        </ReferenceInput>
+
+        <Alert severity="info">Cliente impersonado: {getCookie('tenant_id') && (
+          <ReferenceField label="Tenant" source="id" reference="system/tenant" record={{ id: getCookie('tenant_id') }}>
+            <TextField source="name" />
+          </ReferenceField>
+        )}
+        </Alert>
+
+      </SimpleForm>
+    </Card>
+  );
+};
+
+export const TenantImpersonateResource = (resourceConfig: IAppResourceConfig) => {
+
+  const _resourceConfig: IAppResourceConfig = {
+    ...resourceConfig,
+    mainAction: null,
+    create: false,
+    edit: false,
+    view: false,
+  };
+
+  return (
+    <Route path={_resourceConfig.model + '/impersonate'} element={
+      <Resource
+        options={{ label: _resourceConfig.label, group: _resourceConfig.group }}
+        name={_resourceConfig.model}
+        list={() => {
+          return (
+            <ApplicationLayout resourceConfig={_resourceConfig}>
+              <Create>
+                <ImpersonateTenantComponent />
+              </Create>
+            </ApplicationLayout>
+          );
+        }}
+        /* @ts-ignore known issue */
+        icon={_resourceConfig.icon}
+      />
+    } />);
+};
+export default TenantImpersonateResource;

package/src/resources/Trash/TrashTemplate.tsx

@@ -0,0 +1,180 @@
+import { Resource, TabbedShowLayout } from 'react-admin';
+import { Show } from 'react-admin';
+
+import { IAppResourceConfig } from '../../interfaces/IAppResourceConfig';
+import { useNotify } from 'react-admin';
+import { useRedirect } from 'react-admin';
+
+import { TopToolbar } from 'react-admin';
+import { EditButton } from 'react-admin';
+import { CustomRoutes } from 'react-admin';
+import { Route } from 'react-router';
+import { useListContext } from 'react-admin';
+import { useState } from 'react';
+import { useRefresh } from 'react-admin';
+import { useUnselectAll } from 'react-admin';
+import { initAxios } from '../../hooks/axios';
+import { Button } from 'react-admin';
+import { Confirm } from 'react-admin';
+
+import ApplicationLayout from '../../layout/ApplicationLayout';
+import { DashAutoList } from 'dash-auto-admin';
+import { useDialog } from 'dash-dialog';
+
+const TrashTemplate = (resourceConfig: IAppResourceConfig) => {
+	const TrashBulkActions = () => {
+		const axios = initAxios();
+		const dialog = useDialog();
+
+		const { selectedIds } = useListContext();
+
+		const refresh = useRefresh();
+		const unselectAll = useUnselectAll(trashResourceConfig.model);
+
+		// RestoreMany
+		const [isRestoringLoading, setIsRestoringLoading] =
+			useState<boolean>(false);
+		const [restoreConfirmDialogOpen, setRestoreConfirmDialogOpen] =
+			useState(false);
+		const handleRestoreManyClick = () => setRestoreConfirmDialogOpen(true);
+		const handleRestoreManyDialogClose = () =>
+			setRestoreConfirmDialogOpen(false);
+		const handleRestoreManyConfirm = () => {
+			restoreMany();
+			setRestoreConfirmDialogOpen(false);
+		};
+
+		// DeleteMany
+		const [isDeletingLoading, setIsDeletingLoading] = useState<boolean>(false);
+		const [pemanentDeleteConfirmDialogOpen, setPermanentDeleteDialogOpen] =
+			useState(false);
+		const handleDeleteManyClick = () => setPermanentDeleteDialogOpen(true);
+		const handleDeleteManyDialogClose = () =>
+			setPermanentDeleteDialogOpen(false);
+		const handleDeleteManyConfirm = () => {
+			deleteMany();
+			setPermanentDeleteDialogOpen(false);
+		};
+
+		const restoreMany = async () => {
+			setIsRestoringLoading(true);
+			try {
+				await axios.post(`${trashResourceConfig.model}/updateMany`, {
+					ids: selectedIds,
+				});
+				setIsRestoringLoading(false);
+				refresh();
+				unselectAll();
+				dialog({
+					variant: 'info',
+					title: 'Restauración Realizada',
+					content: 'Se han restaurado los elementos seleccionados',
+					onConfirm: () => {},
+					onClose: () => {},
+				});
+			} catch (error) {
+				setIsRestoringLoading(false);
+			}
+		};
+
+		const deleteMany = async () => {
+			setIsRestoringLoading(true);
+			try {
+				await axios.post(`${trashResourceConfig.model}/deleteMany`, {
+					ids: selectedIds,
+				});
+				setIsRestoringLoading(false);
+				refresh();
+				unselectAll();
+				dialog({
+					variant: 'info',
+					title: 'Eliminación permanente realizada',
+					content:
+						'Se han eliminado permanentemente los elementos seleccionados',
+					onConfirm: () => {},
+					onClose: () => {},
+				});
+			} catch (error) {
+				setIsRestoringLoading(false);
+			}
+		};
+
+		return (
+			<>
+				<Button label='Restaurar' onClick={handleRestoreManyClick} />
+				<Confirm
+					isOpen={restoreConfirmDialogOpen}
+					loading={isRestoringLoading}
+					title='Restaurar'
+					content='¿Está seguro de restaurar los elementos seleccionados?'
+					onConfirm={handleRestoreManyConfirm}
+					onClose={handleRestoreManyDialogClose}
+				/>
+				<Button label='Eliminar' onClick={handleDeleteManyClick} />
+				<Confirm
+					isOpen={pemanentDeleteConfirmDialogOpen}
+					loading={isDeletingLoading}
+					title='Eliminar'
+					content='¿Está seguro de eliminar permanentemente los elementos seleccionados?'
+					onConfirm={handleDeleteManyConfirm}
+					onClose={handleDeleteManyDialogClose}
+				/>
+			</>
+		);
+	};
+
+	const trashResourceConfig: IAppResourceConfig = {
+		...resourceConfig,
+		model: 'trash/' + resourceConfig.model,
+		listDeleteButton: {
+			enabled: true,
+			props: { label: 'Eliminar definitivamente' },
+		},
+		listEditButton: { enabled: false },
+		listViewButton: { enabled: false },
+		customListButtons: null,
+        dataGridProps: {
+            bulkActionButtons: <TrashBulkActions/>,
+        }
+		
+	};
+
+	return (
+		<Route
+			path={'trash/' + resourceConfig.model}
+			element={
+				<Resource
+					options={{
+						label: trashResourceConfig.label,
+						group: trashResourceConfig.group,
+					}}
+					name={trashResourceConfig.model}
+					list={() => {
+						return (
+							<ApplicationLayout
+								/*icon={trashResourceConfig.icon} 
+                title={trashResourceConfig.label} menu={trashResourceConfig.menu} 
+                mainAction={trashResourceConfig.mainAction} */
+								resourceConfig={resourceConfig}
+							>
+								<DashAutoList
+									/*sx={{
+                            flexGrow: 1
+                        }}*/
+
+									/*search={trashResourceConfig.search} schema={trashResourceConfig.listSchema ? trashResourceConfig.listSchema : trashResourceConfig.schema}
+                        BulkActions={trashResourceConfig.BulkActions} 
+                        create={trashResourceConfig.create} */
+									resourceConfig={trashResourceConfig}
+								/>
+							</ApplicationLayout>
+						);
+					}}
+					/* @ts-ignore */
+					icon={trashResourceConfig.icon}
+				/>
+			}
+		/>
+	);
+};
+export default TrashTemplate;

package/src/resources.tsx

@@ -0,0 +1,280 @@
+import { IAppResourceConfig } from './interfaces/IAppResourceConfig';
+import Settings from '@mui/icons-material/Settings';
+import Notifications from '@mui/icons-material/Notifications';
+import LocationCity from '@mui/icons-material/LocationCity';
+import Person from '@mui/icons-material/Person';
+import Https from '@mui/icons-material/Https';
+import SystemUpdateAlt from '@mui/icons-material/SystemUpdateAlt';
+import NotificationImportant from '@mui/icons-material/NotificationImportant';
+import LockClock from '@mui/icons-material/LockClock';
+import LogResource from './resources/Log/LogResource';
+
+import logSchema from './schemas/log';
+import permissionSchema from './schemas/permissions';
+import roleSchema from './schemas/roles';
+import notificationSchema from './schemas/notification';
+import tenantSystemAdminSchema from './schemas/tenant_superadmin';
+import { TableContainer } from '@mui/material';
+import constants from 'dash-constants/src/DASHAdminSystemConstants';
+import ResourceTemplate from './templates/ResourceTemplate';
+import TenantSettingsFormatsProvider from './components/tenant/TenantSettingsContext';
+// @deprecated, dont use!
+export const GroupIcons = {
+  'resource.group.admin': <Settings />,
+  'resource.group.logs': <Notifications />,
+  'resource.group.system': <LocationCity />,
+  'resource.group.users': <Person />,
+  'resource.group.client': <Person />,
+};
+const resources: IAppResourceConfig[] = [
+  {
+    roles: [constants.system.DASH_SYSTEM_ROLE],
+    component: ResourceTemplate,
+    model: 'system/permission',
+    label: 'resource.permission.name',
+    schema: permissionSchema,
+    icon: <Https />,
+    group: 'resource.group.system',
+
+    menu: [
+      {
+        title: 'Permisos',
+        redirect: '/system/permission',
+      },
+    ],
+    mainAction: {
+      title: 'Crear permiso',
+      // type: "ghost",
+      redirect: '/system/permission/create',
+    },
+    search: true,
+    mutationMode: 'pessimistic',
+    dataGridProps: { stickyHeader: true },
+    dataGridWrapper: (props: any) => (
+      <TableContainer sx={{ maxHeight: 800 }}>{props.children}</TableContainer>
+    ),
+  },
+
+  {
+    roles: [constants.system.DASH_SYSTEM_ROLE],
+    component: ResourceTemplate,
+    model: 'system/role',
+    label: 'resource.role.name',
+    icon: <SystemUpdateAlt />,
+    group: 'resource.group.system',
+    menu: [
+      {
+        title: 'Roles',
+        redirect: '/system/role',
+      },
+    ],
+    mainAction: {
+      title: 'Agregar Rol',
+      // type: "ghost",
+      redirect: '/system/role/create',
+    },
+    schema: roleSchema,
+    mutationMode: 'pessimistic',
+    redirectAfterUpdate: false,
+    dataGridProps: { stickyHeader: true },
+    dataGridWrapper: (props: any) => (
+      <TableContainer sx={{ maxHeight: 800 }}>{props.children}</TableContainer>
+    ),
+    saveButtonAlwaysEnabled: true
+    /* references: [
+             { reference: 'permission', tab: 'Permisos', target: 'role_id', schema: permissionSchema, type: "ReferenceManyField" },
+         ],*/
+  },
+
+  /*
+     {
+         roles: [constants.system.DASH_SYSTEM_ROLE],
+         component: ResourceTemplate,
+         customRoutes: (resourceConfig) => TrashTemplate(resourceConfig) ,
+         model: 'admin/user',
+         label: 'Usuarios',
+         schema: userClientSchema,
+         //references: [{ reference: 'roles', target: 'role', schema: rolesSchema }]
+         //references: [{ reference: 'roles', target: 'id', schema: roleSchema }],
+         icon: <Icons.Person />,
+         group: 'Usuarios',
+         redirectAfterUpdate: false,
+         menu: [{
+             title: "Usuarios",
+             redirect: "/user",
+         },
+         //{
+         //    title: "🗑",
+         //    redirect: "/trash/admin/user",
+         //}],
+         mainAction: {
+             title: "Crear usuario",
+             // type: "ghost",
+             redirect: "/admin/user/create"
+         },
+         mutationMode: "pessimistic",
+         isFormData: true,
+         dataGridProps: { stickyHeader: true },
+         dataGridWrapper: (props:any) => <TableContainer sx={{maxHeight:800}} >{props.children}</TableContainer>
+     },*/
+
+  /*{
+        roles: [constants.system.DASH_SYSTEM_ROLE,constants.system.TENANT_ROLE],
+        component: ResourceTemplate,
+        model: 'system/tenant',
+        label: 'Datos del cliente',
+        schema: tenantSchema,
+        //references: [{ reference: 'roles', target: 'role', schema: rolesSchema }]
+        //references: [{ reference: 'roles', target: 'gitid', schema: roleSchema }],
+        icon: <Icons.Person />,
+        group: 'Cliente',
+        menu: [{
+            title: "Datos del cliente",
+            redirect: "/system/tenant",
+        },
+        ],
+        create: false,
+        //listEditButton: { enabled: true, component: QuickEditButton, props: { icon: <Icons.Bolt />, label: "", resource: "tenant/inline", navigation:"virtualhash", navigate: (id) => id, size: "small", color: "secondary" }},
+        listEditButton: { enabled: true},
+        
+        drawer: false,
+        search: false,
+        exporter: false,
+        postFormatter: (params) => {
+            if (params.systemMarketplaces) {
+                params.system_marketplace_ids = params.systemMarketplaces.map((item) => item.id);
+            }
+            return params;
+        },
+        redirectAfterUpdate: false,
+        showDialogAfterSubmit: false,
+        mutationMode: "pessimistic",
+        dataGridProps: { stickyHeader: true },
+        dataGridWrapper: (props:any) => <TableContainer sx={{maxHeight:800}} >{props.children}</TableContainer>
+        //listEditButton: { enabled: true },
+
+    },*/
+];
+
+
+JSON.parse(constants.system.ENABLE_TENANT_IMPERSONATION) &&
+  resources.unshift({
+    roles: [constants.system.DASH_SYSTEM_ROLE],
+    component: ResourceTemplate,
+    trash: true,
+    model: 'system/tenant',
+    label: 'resource.tenant.name',
+    contextComponent: ({ resourceConfig,mode,children }) => {
+        console.log("TenantSettingsFormatsProvider", resourceConfig, mode);
+        debugger;
+      return <TenantSettingsFormatsProvider>{children}</TenantSettingsFormatsProvider>
+    },
+    schema: tenantSystemAdminSchema,
+    drawer: false,
+    edit: true,
+    //references: [{ reference: 'roles', target: 'role', schema: rolesSchema }]
+    //references: [{ reference: 'roles', target: 'gitid', schema: roleSchema }],
+    icon: <Person />,
+    group: 'Cliente',
+    menu: [
+      {
+        title: 'Cliente',
+        redirect: '/system/tenant',
+      },
+      /*{
+                title: "🗑",
+                redirect: "/trash/system/tenant",
+            }*/
+    ],
+    mainAction: {
+      title: 'Crear cliente',
+      // type: "ghost",
+      redirect: '/system/tenant/create',
+    },
+
+    postFormatter: (params) => {
+      if (params.systemMarketplaces)
+        params.system_marketplace_ids = params.systemMarketplaces.map(
+          (item) => item.id,
+        );
+      if (params.systemPointOfSales)
+        params.system_point_of_sale_ids = params.systemPointOfSales.map(
+          (item) => item.id,
+        );
+      return params;
+    },
+    mutationMode: 'pessimistic',
+    dataGridProps: { stickyHeader: true },
+    dataGridWrapper: (props: any) => (
+      <TableContainer sx={{ maxHeight: 800 }}>{props.children}</TableContainer>
+    ),
+  });
+
+JSON.parse(constants.system.ENABLE_LOGS_AND_NOTIFICATIONS) &&
+  resources.unshift({
+    roles: [constants.system.DASH_SYSTEM_ROLE],
+    component: ResourceTemplate,
+    model: 'system/notification',
+    label: 'resource.notification.name',
+    schema: notificationSchema,
+    //references: [{ reference: 'roles', target: 'role', schema: rolesSchema }]
+    //references: [{ reference: 'roles', target: 'id', schema: roleSchema }],
+    icon: <NotificationImportant />,
+    group: 'Logs y Notificaciones',
+    menu: [
+      {
+        title: 'Notificaciones',
+        redirect: '/system/notification',
+      },
+    ],
+    create: false,
+    edit: false,
+    //listDeleteButton: { enabled: true }
+    listViewButton: { enabled: true },
+    listEditButton: { enabled: false },
+    listDeleteButton: { enabled: false },
+
+    formGroupMode: 'groups', // groups or tabs
+    mutationMode: 'pessimistic',
+    search: true,
+    dataGridProps: { stickyHeader: true },
+    dataGridWrapper: (props: any) => (
+      <TableContainer sx={{ maxHeight: 800 }}>{props.children}</TableContainer>
+    ),
+  });
+
+JSON.parse(constants.system.ENABLE_LOGS_AND_NOTIFICATIONS) &&
+  resources.unshift({
+    roles: [
+      constants.system
+        .DASH_ADMIN_ROLE /*constants.system.TENANT_ROLE, constants.system.HAS_ADMINISTRATOR_ID_ROLE*/,
+    ],
+    component: LogResource,
+    model: 'system/log',
+    label: 'resource.log.name',
+    schema: logSchema,
+    icon: <LockClock />,
+    group: 'resource.group.logs',
+    menu: [
+      {
+        title: 'Logs',
+        redirect: '/system/log',
+      },
+    ],
+    create: false,
+    edit: false,
+    search: true,
+    /*referenceFilters: [
+            {
+                label: 'Tipo', // filter label'
+                source: 'loggeable_type', // id field
+                reference: 'log',
+                optionText: 'loggeable_type' // field from the model
+            },
+        ],*/
+  });
+
+export const getResourceConfig = (model: string) =>
+  resources.find((resource) => resource.model === model.split('/')[0]);
+
+export default resources;

package/src/schemas/log.tsx

@@ -0,0 +1,45 @@
+import { IDashAutoAdminAttribute } from 'dash-auto-admin';
+import LogTxtFile from '../components/logs/LogFile';
+
+const logSchema: IDashAutoAdminAttribute[] = [
+	{
+		tab: 'Log',
+		label: 'Tipo',
+		attribute: 'type',
+		type: String,
+	},
+	{
+		tab: 'Log',
+		label: 'Fecha',
+		attribute: 'date',
+		type: Date,
+	},
+	{
+		tab: 'Log',
+		label: 'Nombre',
+		attribute: 'name',
+		type: String,
+	},
+
+	{
+		tab: 'Log',
+		label: 'Archivo',
+		attribute: 'filepath',
+		type: String, // Custom component para descargar el Log File
+		inList: false, // Todo, visor de json
+		custom: true,
+		component: LogTxtFile,
+	},
+
+	/*{
+      tab: "Log",
+      label: "Data",
+      attribute: 'json', 
+      type: String,
+      inList: false, // Todo, visor de json
+      custom: true,
+      component: LogViewer,
+    },*/
+];
+
+export default logSchema;

package/src/schemas/notification.tsx

@@ -0,0 +1,42 @@
+import { IDashAutoAdminAttribute } from 'dash-auto-admin';
+import NotificationRenderer from '../contexts/com/components/NotificationRenderer';
+
+const notificationSchema: IDashAutoAdminAttribute[] = [
+	{
+		label: 'Fecha',
+		attribute: 'created_at',
+		fieldProps: { showTime: true, fullWidth: true},
+		type: Date,
+	},
+	,
+	{
+		label: 'Tipo',
+		attribute: 'type',
+		type: String,
+		inList: false,
+	},
+
+	{
+		label: 'Clase',
+		attribute: 'class',
+		type: String,
+		inList: true,
+	},
+
+	{
+		label: 'Título',
+		attribute: 'notificationPayload.title',
+		type: String,
+	},
+
+	{
+		label: 'Contenido',
+		attribute: 'notificationPayload',
+		type: String,
+		custom: true,
+		inList: false,
+		component: NotificationRenderer,
+	},
+];
+
+export default notificationSchema;

package/src/schemas/permissions.tsx

@@ -0,0 +1,44 @@
+import {IDashAutoAdminAttribute} from 'dash-auto-admin'
+
+enum Guards {
+	Web = 'web',
+}
+
+enum Levels {
+	'Level 1' = '1',
+	'Level 2' = '2',
+	'Level 3' = '3',
+}
+
+const permissionSchema: IDashAutoAdminAttribute[] = [
+	/*{
+      attribute: 'id',
+      type: Number
+    },*/
+	{
+		attribute: 'name',
+		type: String,
+	},
+	{
+		attribute: 'guard_name',
+		type: Guards,
+	},
+	{
+		attribute: 'group',
+		type: String,
+	},
+	{
+		attribute: 'route_name',
+		type: String,
+	},
+	{
+		attribute: 'level',
+		type: Levels,
+	},
+	/* {
+      attribute: 'scope',
+      type: String
+    }*/
+];
+
+export default permissionSchema;