192 lines
5.0 KiB
TypeScript
192 lines
5.0 KiB
TypeScript
import React from 'react';
|
|
import BaseIcon from '../BaseIcon';
|
|
import { mdiEye, mdiTrashCan, mdiPencilOutline } from '@mdi/js';
|
|
import axios from 'axios';
|
|
import {
|
|
GridActionsCellItem,
|
|
GridRowParams,
|
|
GridValueGetterParams,
|
|
} from '@mui/x-data-grid';
|
|
import ImageField from '../ImageField';
|
|
import {saveFile} from "../../helpers/fileSaver";
|
|
import dataFormatter from '../../helpers/dataFormatter'
|
|
import DataGridMultiSelect from "../DataGridMultiSelect";
|
|
import ListActionsPopover from '../ListActionsPopover';
|
|
|
|
import {hasPermission} from "../../helpers/userPermissions";
|
|
|
|
type Params = (id: string) => void;
|
|
|
|
export const loadColumns = async (
|
|
onDelete: Params,
|
|
entityName: string,
|
|
|
|
user
|
|
|
|
) => {
|
|
async function callOptionsApi(entityName: string) {
|
|
|
|
if (!hasPermission(user, 'READ_' + entityName.toUpperCase())) return [];
|
|
|
|
try {
|
|
const data = await axios(`/${entityName}/autocomplete?limit=100`);
|
|
return data.data;
|
|
} catch (error) {
|
|
console.log(error);
|
|
return [];
|
|
}
|
|
}
|
|
|
|
const hasUpdatePermission = hasPermission(user, 'UPDATE_SHOPS')
|
|
|
|
return [
|
|
|
|
{
|
|
field: 'shop_name',
|
|
headerName: 'اسمالمتجر',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
|
|
},
|
|
|
|
{
|
|
field: 'owner_name',
|
|
headerName: 'اسمالمالك',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
|
|
},
|
|
|
|
{
|
|
field: 'phone',
|
|
headerName: 'هاتفالمتجر',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
|
|
},
|
|
|
|
{
|
|
field: 'address',
|
|
headerName: 'العنوان',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
|
|
},
|
|
|
|
{
|
|
field: 'currency_name',
|
|
headerName: 'اسمالعملةالمحلية',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
|
|
},
|
|
|
|
{
|
|
field: 'usd_rate',
|
|
headerName: 'سعرالدولاراليومي',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
type: 'number',
|
|
|
|
},
|
|
|
|
{
|
|
field: 'allow_negative_stock',
|
|
headerName: 'السماحبمخزونسالب',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
type: 'boolean',
|
|
|
|
},
|
|
|
|
{
|
|
field: 'is_active',
|
|
headerName: 'مفعل',
|
|
flex: 1,
|
|
minWidth: 120,
|
|
filterable: false,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
|
|
|
|
editable: hasUpdatePermission,
|
|
|
|
type: 'boolean',
|
|
|
|
},
|
|
|
|
{
|
|
field: 'actions',
|
|
type: 'actions',
|
|
minWidth: 30,
|
|
headerClassName: 'datagrid--header',
|
|
cellClassName: 'datagrid--cell',
|
|
getActions: (params: GridRowParams) => {
|
|
|
|
return [
|
|
<div key={params?.row?.id}>
|
|
<ListActionsPopover
|
|
onDelete={onDelete}
|
|
itemId={params?.row?.id}
|
|
pathEdit={`/shops/shops-edit/?id=${params?.row?.id}`}
|
|
pathView={`/shops/shops-view/?id=${params?.row?.id}`}
|
|
|
|
hasUpdatePermission={hasUpdatePermission}
|
|
|
|
/>
|
|
</div>,
|
|
]
|
|
},
|
|
},
|
|
];
|
|
};
|