QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-17 21:00:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

added footer html to tables

Browse Source
This commit is contained in:
Tim Chamberlain
2023-04-19 12:12:58 -05:00
parent eca6c5c8b3
commit 05c92921d4
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -6,7 +6,7 @@
"@auth0/auth0-react": "1.10.2", "@auth0/auth0-react": "1.10.2",
"@emotion/react": "11.7.1", "@emotion/react": "11.7.1",
"@emotion/styled": "11.6.0", "@emotion/styled": "11.6.0",
"@kingsrook/qqq-frontend-core": "1.0.56", "@kingsrook/qqq-frontend-core": "1.0.57",
"@mui/icons-material": "5.4.1", "@mui/icons-material": "5.4.1",
"@mui/material": "5.11.1", "@mui/material": "5.11.1",
"@mui/styles": "5.11.1", "@mui/styles": "5.11.1",

1
src/qqq/components/widgets/DashboardWidgets.tsx
View File

@ -225,6 +225,7 @@ function DashboardWidgets({widgetMetaDataList, tableName, entityPrimaryKey, omit
widgetMetaData={widgetMetaData} widgetMetaData={widgetMetaData}
widgetData={widgetData[i]} widgetData={widgetData[i]}
reloadWidgetCallback={(data) => reloadWidget(i, data)} reloadWidgetCallback={(data) => reloadWidget(i, data)}
footerHTML={widgetData[i]?.footerHTML}
isChild={areChildren} isChild={areChildren}
> >
<TableCard <TableCard

9
src/qqq/components/widgets/Widget.tsx
View File

@ -26,7 +26,8 @@ import Button from "@mui/material/Button";
import Card from "@mui/material/Card"; import Card from "@mui/material/Card";
import Icon from "@mui/material/Icon"; import Icon from "@mui/material/Icon";
import Typography from "@mui/material/Typography"; import Typography from "@mui/material/Typography";
import React, {useEffect, useState} from "react"; import parse from "html-react-parser";
import React, {useState} from "react";
import {Link, useNavigate} from "react-router-dom"; import {Link, useNavigate} from "react-router-dom";
import colors from "qqq/components/legacy/colors"; import colors from "qqq/components/legacy/colors";
import DropdownMenu, {DropdownOption} from "qqq/components/widgets/components/DropdownMenu"; import DropdownMenu, {DropdownOption} from "qqq/components/widgets/components/DropdownMenu";
@ -54,6 +55,7 @@ interface Props
children: JSX.Element; children: JSX.Element;
reloadWidgetCallback?: (params: string) => void; reloadWidgetCallback?: (params: string) => void;
isChild?: boolean; isChild?: boolean;
footerHTML?: string;
storeDropdownSelections?: boolean; storeDropdownSelections?: boolean;
} }
@ -398,6 +400,11 @@ function Widget(props: React.PropsWithChildren<Props>): JSX.Element
) )
) )
} }
{
props?.footerHTML && (
<Box mt={1} ml={3} mr={3} mb={2} sx={{fontWeight: 300, color: "#7b809a", display: "flex", alignContent: "flex-end", fontSize: "14px"}}>{parse(props.footerHTML)}</Box>
)
}
</Box>; </Box>;
return props.widgetMetaData?.isCard ? <Card sx={{marginTop: props.widgetMetaData?.icon ? 2 : 0, width: "100%"}} className={fullScreenWidgetClassName}>{widgetContent}</Card> : widgetContent; return props.widgetMetaData?.isCard ? <Card sx={{marginTop: props.widgetMetaData?.icon ? 2 : 0, width: "100%"}} className={fullScreenWidgetClassName}>{widgetContent}</Card> : widgetContent;