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

Some final adjustments for widget reload & export

Browse Source
This commit is contained in:
darin.kelkhoff
2023-05-19 09:14:42 -05:00
parent 65652f04f0
commit 75268b6b3c
4 changed files with 57 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/qqq/components/widgets/tables/TableWidget.tsx
View File

@ -56,9 +56,22 @@ function download(filename: string, text: string)
function TableWidget(props: Props): JSX.Element
{
const [isExportDisabled, setIsExportDisabled] = useState(true);
const rows = props.widgetData?.rows;
const columns = props.widgetData?.columns;
useEffect(() =>
{
let isExportDisabled = true;
if (props.widgetData && columns && rows && rows.length > 0)
{
isExportDisabled = false;
}
setIsExportDisabled(isExportDisabled);
}, [props.widgetMetaData, props.widgetData]);
const exportCallback = () =>
{
if (props.widgetData && rows && columns)
@ -101,40 +114,15 @@ function TableWidget(props: Props): JSX.Element
console.log(csv);
const fileName = props.widgetData.label + "-" + ValueUtils.formatDateTimeISO8601(new Date()) + ".csv";
const fileName = (props.widgetData.label ?? props.widgetMetaData.label) + " " + ValueUtils.formatDateTimeForFileName(new Date()) + ".csv";
download(fileName, csv);
}
else
{
alert("Error exporting widget data.");
alert("There is no data available to export.");
}
};
const [exportDataButton, setExportDataButton] = useState(new ExportDataButton(() => exportCallback(), true));
const [isExportDisabled, setIsExportDisabled] = useState(true);
const [componentLeft, setComponentLeft] = useState([exportDataButton])
useEffect(() =>
{
if (props.widgetData && columns && rows && rows.length > 0)
{
console.log("Setting export disabled false")
setIsExportDisabled(false);
}
else
{
console.log("Setting export disabled true")
setIsExportDisabled(true);
}
}, [props.widgetData])
useEffect(() =>
{
console.log("Setting new export button with disabled=" + isExportDisabled)
setComponentLeft([new ExportDataButton(() => exportCallback(), isExportDisabled)]);
}, [isExportDisabled])
return (
<Widget
widgetMetaData={props.widgetMetaData}
@ -142,7 +130,7 @@ function TableWidget(props: Props): JSX.Element
reloadWidgetCallback={(data) => props.reloadWidgetCallback(data)}
footerHTML={props.widgetData?.footerHTML}
isChild={props.isChild}
labelAdditionalComponentsLeft={componentLeft}
labelAdditionalComponentsLeft={props.widgetMetaData?.showExportButton ? [new ExportDataButton(() => exportCallback(), isExportDisabled)] : []}
>
<TableCard
noRowsFoundHTML={props.widgetData?.noRowsFoundHTML}