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

QQQ-26 switch from a-href to open exports, to do a little window.open instead

Browse Source
This commit is contained in:
darin.kelkhoff
2022-07-19 15:57:44 -05:00
parent 8a33207966
commit f502d62f73
1 changed files with 25 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/qqq/pages/entity-list/index.tsx
View File

@ -400,6 +400,9 @@ function EntityList({table}: Props): JSX.Element
} }
}); });
///////////////////////
// zero-pad function //
///////////////////////
const zp = (value: number): string => (value < 10 ? `0${value}` : `${value}`); const zp = (value: number): string => (value < 10 ? `0${value}` : `${value}`);
////////////////////////////////////// //////////////////////////////////////
@ -408,16 +411,29 @@ function EntityList({table}: Props): JSX.Element
const d = new Date(); const d = new Date();
const dateString = `${d.getFullYear()}-${zp(d.getMonth())}-${zp(d.getDate())} ${zp(d.getHours())}${zp(d.getMinutes())}`; const dateString = `${d.getFullYear()}-${zp(d.getMonth())}-${zp(d.getDate())} ${zp(d.getHours())}${zp(d.getMinutes())}`;
const filename = `${tableMetaData.label} Export ${dateString}.${format}`; const filename = `${tableMetaData.label} Export ${dateString}.${format}`;
const url = `/data/${tableMetaData.name}/export/${filename}?filter=${JSON.stringify(buildQFilter())}&fields=${visibleFields.join(",")}`; const url = `/data/${tableMetaData.name}/export/${filename}?filter=${encodeURIComponent(JSON.stringify(buildQFilter()))}&fields=${visibleFields.join(",")}`;
//////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////
// create an 'a' tag and click it // // open a window (tab) with a little page that says the file is being generated. //
//////////////////////////////////// // then have that page load the url for the export. //
const a = document.createElement("a"); // If there's an error, it'll appear in that window. else, the file will download. //
a.href = url; //////////////////////////////////////////////////////////////////////////////////////
a.download = filename; const exportWindow = window.open("", "_blank");
a.target = "_blank"; exportWindow.document.write(`<html lang="en">
a.click(); <head>
<style>
* { font-family: "Roboto","Helvetica","Arial",sans-serif; }
</style>
<title>${filename}</title>
<script>
setTimeout(() =>
{
window.location.href="${url}";
}, 1);
</script>
</head>
<body>Generating file <u>${filename}</u> with ${totalRecords.toLocaleString()} records...</body>
</html>`);
/////////////////////////////////////////// ///////////////////////////////////////////
// Hide the export menu after the export // // Hide the export menu after the export //