RMS/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

summary text localStorage

Browse Source
This commit is contained in:
AminGhasempoor
2024-02-19 13:56:51 +03:30
parent fe8364fbb9
commit 883a7ddfab
2 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/DataTableTest.jsx
View File

@@ -2,6 +2,7 @@
import {useMemo, useState} from 'react'; import {useMemo, useState} from 'react';
import {MaterialReactTable} from 'material-react-table'; import {MaterialReactTable} from 'material-react-table';
import useTableSetting from "@/lib/hooks/useTableSetting"; import useTableSetting from "@/lib/hooks/useTableSetting";
import {Typography} from "@mui/material";
const data = [ const data = [
@@ -56,7 +57,7 @@ const TestDataTable = () => {
const [userId, setUserId] = useState(2); const [userId, setUserId] = useState(2);
const [pageName, setPageName] = useState('loan'); const [pageName, setPageName] = useState('loan');
const [tableName, setTableName] = useState('loan_table'); const [tableName, setTableName] = useState('loan_table');
const {settingStore, hideAction, filterAction, sortAction, oldSorting} = useTableSetting(); const {settingStore, hideAction, filterAction, sortAction,} = useTableSetting();
const columns = useMemo( const columns = useMemo(
() => [ () => [
@@ -147,21 +148,26 @@ const TestDataTable = () => {
sortAction(userId, pageName, tableName, settingValue, columns); sortAction(userId, pageName, tableName, settingValue, columns);
} }
return <MaterialReactTable return (
columns={columns} <>
data={data} <Typography>{settingStore?.[userId]?.[pageName]?.[tableName]?.['summary']}</Typography>
manualSorting={true} <MaterialReactTable
initialState={{ columns={columns}
columnVisibility: settingStore?.[userId]?.[pageName]?.[tableName]?.['hides'], data={data}
sorting: settingStore?.[userId]?.[pageName]?.[tableName]?.['sorts'] || [] manualSorting={true}
}} initialState={{
state={{ columnVisibility: settingStore?.[userId]?.[pageName]?.[tableName]?.['hides'],
columnVisibility: settingStore?.[userId]?.[pageName]?.[tableName]?.['hides'], sorting: settingStore?.[userId]?.[pageName]?.[tableName]?.['sorts'] || []
sorting: settingStore?.[userId]?.[pageName]?.[tableName]?.['sorts'] || [] }}
}} state={{
onColumnVisibilityChange={onColumnVisibilityChange} columnVisibility: settingStore?.[userId]?.[pageName]?.[tableName]?.['hides'],
onSortingChange={onSortingChange} sorting: settingStore?.[userId]?.[pageName]?.[tableName]?.['sorts'] || []
/>; }}
onColumnVisibilityChange={onColumnVisibilityChange}
onSortingChange={onSortingChange}
/>
</>
);
}; };
export default TestDataTable; export default TestDataTable;

6
src/lib/contexts/tableSetting.jsx
View File

@@ -66,7 +66,8 @@ export const TableSettingProvider = ({children}) => {
const _column = columns.find(column => column.id == sort.id) const _column = columns.find(column => column.id == sort.id)
_list.push(`${_column.header}` + `(${sort.desc ? "نزولی" : "صعودی"})`) _list.push(`${_column.header}` + `(${sort.desc ? "نزولی" : "صعودی"})`)
} }
SortText = " مرتب شده بر اساس " + _list.join(", ") if (_list.length > 0)
SortText = " مرتب شده بر اساس " + _list.join(", ")
} }
if (values.hides) { if (values.hides) {
@@ -78,7 +79,8 @@ export const TableSettingProvider = ({children}) => {
const _column = columns.find(c => c.id == hide.id) const _column = columns.find(c => c.id == hide.id)
_list.push(_column.header) _list.push(_column.header)
} }
HideText = "ستون های مخفی شده : " + _list.join(", "); if (_list.length > 0)
HideText = "ستون های مخفی شده : " + _list.join(", ");
} }
} }