diff options
author | Iván Ávalos <avalos@disroot.org> | 2022-01-10 02:19:29 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2022-01-10 02:19:29 -0600 |
commit | 7f7c56cbb4ecf1d3f3657283cbe7de2637504fff (patch) | |
tree | 7676696d2efd49ac1d4c12fd5bbaaa8a81970845 /modern/src/reports/RouteReportPage.js | |
parent | af914cebb36ecb1207681255bd1adbab0481e149 (diff) | |
download | etbsa-traccar-web-7f7c56cbb4ecf1d3f3657283cbe7de2637504fff.tar.gz etbsa-traccar-web-7f7c56cbb4ecf1d3f3657283cbe7de2637504fff.tar.bz2 etbsa-traccar-web-7f7c56cbb4ecf1d3f3657283cbe7de2637504fff.zip |
Copied code from old UI in order to fix downloads in mobile app
Diffstat (limited to 'modern/src/reports/RouteReportPage.js')
-rw-r--r-- | modern/src/reports/RouteReportPage.js | 37 |
1 files changed, 34 insertions, 3 deletions
diff --git a/modern/src/reports/RouteReportPage.js b/modern/src/reports/RouteReportPage.js index 361e7c0..55f6657 100644 --- a/modern/src/reports/RouteReportPage.js +++ b/modern/src/reports/RouteReportPage.js @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React, { useState, useRef } from 'react'; import { Paper } from '@material-ui/core'; import { DataGrid } from '@material-ui/data-grid'; import { useTheme } from '@material-ui/core/styles'; @@ -11,6 +11,9 @@ import { useAttributePreference, usePreference } from '../common/preferences'; import { useTranslation } from '../LocalizationProvider'; const Filter = ({ setItems }) => { + const inputElement = useRef(); + const [data, setData] = useState({url: '', filename: ''}); + const handleSubmit = async (deviceId, from, to, mail, headers) => { const query = new URLSearchParams({ deviceId, from, to, mail, @@ -22,13 +25,41 @@ const Filter = ({ setItems }) => { if (contentType === 'application/json') { setItems(await response.json()); } else { - window.location.assign(window.URL.createObjectURL(await response.blob())); + // Copied from /web/app/view/ReportController.js (but without Ext) + const disposition = response.headers.get('content-disposition'); + const filename = disposition.slice(disposition.indexOf('=') + 1, disposition.length); + const blob = new Blob([await response.blob()], { type: contentType }); + if (typeof window.navigator.msSaveBlob !== 'undefined') { + // IE workaround + window.navigator.msSaveBlob(blob, filename); + } else { + const url = window.URL || window.webkitURL; + const downloadUrl = url.createObjectURL(blob); + if (filename) { + setData({url: downloadUrl, filename: filename}); + setTimeout(() => { + inputElement.current.click(); + }, 100); + } + setTimeout(() => { + url.revokeObjectURL(downloadUrl); + }, 100); + } } } } }; - return <ReportFilter handleSubmit={handleSubmit} />; + return ( + <> + <a style={{display: 'none'}} + href={data.url} + download={data.filename} + ref={inputElement} + /> + <ReportFilter handleSubmit={handleSubmit} /> + </> + ); }; |