trithuc-mvc-react 1.6.2 → 1.6.4

package/components/DataManagement/TableHead.jsx

@@ -2,7 +2,7 @@ import { Checkbox, TableRow, TableCell, TableHead as MuiTableHead, useTheme, use
 import { useDataTable, usePermission } from "./hooks";
 export function TableHead({ numSelected, rowCount, onSelectAllClick, headLabel }) {
   const { canEdit } = usePermission();
-  const { disableStatus } = useDataTable();
+  const { disableStatus,disableCellThaoTac } = useDataTable();
   const theme = useTheme();
   const downXl = useMediaQuery(theme.breakpoints.down("xl"));
   return (
@@ -23,7 +23,7 @@ export function TableHead({ numSelected, rowCount, onSelectAllClick, headLabel }
           </TableCell>
         ))}
         {!disableStatus && canEdit && <TableCell sx={{ textAlign: "center" }}>Kích hoạt</TableCell>}
-        <TableCell sx={{ minWidth: "136px", textAlign: "center" }}>Thao tác</TableCell>
+        {!disableCellThaoTac && <TableCell sx={{ minWidth: "136px", textAlign: "center" }}>Thao tác</TableCell>}
       </TableRow>
     </MuiTableHead>
   );

package/components/DataManagement/TableRowRender.jsx

@@ -9,7 +9,7 @@ import MoreMenu from "../MoreMenu";
 import { useMemo } from "react";
 
 export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus, onDelete, onEdit }) => {
-  const { selectedField, columns, statusKey, disableStatus, tableActions } = useDataTable();
+  const { selectedField, columns, statusKey, disableStatus, tableActions,disableCellThaoTac } = useDataTable();
   const { canEdit, canDelete, canView, canAction } = usePermission();
 
   const { tableActionsOnTable, tableActionsOnMoreMenu } = useMemo(() => {
@@ -68,7 +68,7 @@ export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus,
         </TableCell>
       )}
 
-      <TableCell align="center">
+      {!disableCellThaoTac && <TableCell align="center">
         {canEdit && (
           <Tooltip title="Chỉnh sửa">
             <IconButton onClick={() => onEdit(row)}>
@@ -101,7 +101,7 @@ export const TableRowRender = ({ index, row, selected, onSelect, onChangeStatus,
         ))}
 
         {<MoreMenu actions={tableActionsOnMoreMenu} data={row} />}
-      </TableCell>
+      </TableCell>}
     </TableRow>
   );
 };

package/components/DataManagement/index.jsx

@@ -32,6 +32,8 @@ DataManagement.propTypes = {
   editorFields: PropTypes.array,
   validationSchema: PropTypes.object,
   disableStatus: PropTypes.bool,
+  disableAdd: PropTypes.bool,
+  disableCellThaoTac: PropTypes.bool,
   statusKey: PropTypes.string,
   tableActions: PropTypes.array,
   disableEditor: PropTypes.bool,
@@ -50,6 +52,8 @@ function DataManagement({
   validationSchema = {},
   statusKey = "Status",
   disableStatus = false,
+  disableAdd = false,
+  disableCellThaoTac = false,
   tableActions = [],
   disableEditor = false,
   onAddClick = () => {},
@@ -107,7 +111,8 @@ function DataManagement({
       validationSchema,
       statusKey,
       disableStatus,
-
+      disableCellThaoTac,
+      disableAdd,
       tableActions
     };
   }, [tableName, selectedField, columns, selectedEditItem, dataSearch, setDataSearch, validationSchema, tableActions]);
@@ -119,7 +124,6 @@ function DataManagement({
   }, [Permission, setPermission]);
   const methods = useForm({ defaultValues: {} });
   const { reset, setValue } = methods;
-
   return (
     <>
       <DataTableContext.Provider value={values}>
@@ -148,20 +152,22 @@ function DataManagement({
 
                 <ExportExcelButton tableName={tableName} data={dataSearch} size={elementSize} />
                 {(!Permission || Permission.Create) && (
-                  <Button
-                    size={elementSize}
-                    variant="contained"
-                    startIcon={<Add />}
-                    onClick={(e) => {
-                      if (!disableEditor) {
-                        setOpenEditorDialog(true);
-                        setSelectedEditItem(null);
-                      }
-                      onAddClick(e);
-                    }}
-                  >
-                    Thêm
-                  </Button>
+                    (!disableAdd) && (
+                      <Button
+                        size={elementSize}
+                        variant="contained"
+                        startIcon={<Add />}
+                        onClick={(e) => {
+                          if (!disableEditor) {
+                            setOpenEditorDialog(true);
+                            setSelectedEditItem(null);
+                          }
+                          onAddClick(e);
+                        }}
+                      >
+                        Thêm
+                      </Button>
+                    )
                 )}
               </Stack>
             </Stack>

package/components/DataManagement/upload/UploadMultiFile.jsx

@@ -20,7 +20,8 @@ import {
   ListItemText,
   ListItemSecondaryAction,
   IconButton,
-  Avatar
+  Avatar,
+  Link
 } from "@mui/material";
 // utils
 import { bytesToSize, fData } from "../../../utils";
@@ -31,6 +32,7 @@ import FileUploadOutlinedIcon from "@mui/icons-material/FileUploadOutlined";
 // import { UploadIllustration } from '../../assets';
 
 // ----------------------------------------------------------------------
+let URL_APPLICATION = document.querySelector("#URL_APPLICATION").value;
 
 const DropZoneStyle = styled("div")(({ theme }) => ({
   outline: "none",
@@ -204,12 +206,14 @@ export default function UploadMultiFile({ error, showPreview = false, files, onR
                 {/* <Icon icon={fileFill} width={28} height={28} /> */}
                 <TextSnippetOutlinedIcon color="info" />
               </ListItemIcon>
-              <ListItemText
-                primary={isString(file) ? file : name}
-                secondary={isString(file) ? "" : size}
-                primaryTypographyProps={{ variant: "subtitle2" }}
-                secondaryTypographyProps={{ variant: "caption" }}
-              />
+              <Link href={URL_APPLICATION + file?.urlFile}>
+                <ListItemText
+                  primary={isString(file) ? file : name}
+                  secondary={isString(file) ? "" : size}
+                  primaryTypographyProps={{ variant: "subtitle2" }}
+                  secondaryTypographyProps={{ variant: "caption" }}
+                />
+              </Link>
               <ListItemSecondaryAction>
                 <IconButton edge="end" size="small" onClick={() => onRemove(file)}>
                   <CloseIcon />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trithuc-mvc-react",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"