![](\"../assets/images/logos/logo-full-name.svg\"\r\n){kind=logo}
\r\n \r\n ![](\"../assets/images/error-page-binoculars.png\"\r\n)
\r\n ![\"Loading](\"../assets/images/loading-animation.svg\")
\r\n \r\n Para usuarios m\\u00F3viles. Si esta p\\u00E1gina est\\u00E1 en blanco, revise sus documentos o descargue la carpeta para los documentos PDF.
'\r\n : 'For mobile users. If this page is blank, check your documents or download folder for the PDF documents.
';\r\n\r\n windowReference.window.document.write(mobileUsersMessage);\r\n\r\n html2canvas(dashboardElement, {\r\n width: dashboardElement.clientWidth + 30,\r\n onclone: (element) => {\r\n // Explicitly assign width and height to svg elements so\r\n // they can be properly displayed in browser PDF viewer\r\n const svgElements = element.body.getElementsByTagName('svg');\r\n Array.from(svgElements).forEach((svgElement) => {\r\n const bBox = svgElement.getBBox();\r\n svgElement.setAttribute('width', bBox.width);\r\n svgElement.setAttribute('height', bBox.height);\r\n });\r\n }\r\n }).then((canvas) => {\r\n const pdf = new jsPDF('p', 'px', [canvas.height, canvas.width]);\r\n const img = canvas.toDataURL('image/jpeg');\r\n pdf.addImage(img, 'JPEG', 15, 15);\r\n\r\n pdf.addPage('a3', 'l');\r\n\r\n // Get table data for PDF tables\r\n const tableColumns = [];\r\n const tableRows = [];\r\n for (var i = 0; i < widgetTables.length; i++) {\r\n // Get table columns\r\n const cols = [];\r\n const titles = widgetTables[i].columns.map(c => c.title);\r\n cols.push(titles);\r\n\r\n tableColumns.push(cols);\r\n\r\n // Get table data\r\n const rows = [];\r\n const tableData = Object.values(widgetTables[i].tableData);\r\n for (var j = 0; j < tableData.length; j++) {\r\n const row = Object.values(tableData[j]);\r\n if (typeof row[0] === 'string') {\r\n let dataAnchorTagCell = row[0].match(/>(.*)', '').replace('<', ''); // Extract the data cell value\r\n }\r\n\r\n rows.push(row);\r\n }\r\n\r\n tableRows.push(rows);\r\n }\r\n\r\n // Create PDF tables\r\n for (var l = 0; l < widgetTables.length; l++) {\r\n const columns = tableColumns[l]; // [['col 1', 'col 2', ...]]\r\n const rows = tableRows[l]; // [['data 1', 'data 2'], ['data 1', 'data 2'], ...]\r\n\r\n pdf.autoTable({\r\n theme: 'grid',\r\n head: columns,\r\n body: rows,\r\n didParseCell: (table) => {\r\n if (table.section === 'head') {\r\n table.cell.styles.fillColor = '#f7f7f8';\r\n table.cell.styles.textColor = '#333333';\r\n }\r\n }\r\n });\r\n }\r\n\r\n windowReference.location = pdf.output('bloburl');\r\n }).catch(() => {\r\n const errorMessage = store.getters.useSpanishLocale ? 'Lo sentimos, se produjo un error al descargar este panel en PDF. Int\\u00E9ntalo de nuevo.' : 'Sorry, something went wrong downloading this dashboard to PDF. Please try again.';\r\n alert(errorMessage);\r\n });\r\n }\r\n else {\r\n html2canvas(dashboardElement, {\r\n width: dashboardElement.clientWidth + 30,\r\n onclone: (element) => {\r\n // Explicitly assign width and height to svg elements so\r\n // they can be properly displayed in browser PDF viewer\r\n const svgElements = element.body.getElementsByTagName('svg');\r\n Array.from(svgElements).forEach((svgElement) => {\r\n const bBox = svgElement.getBBox();\r\n svgElement.setAttribute('width', bBox.width);\r\n svgElement.setAttribute('height', bBox.height);\r\n });\r\n }\r\n }).then((canvas) => {\r\n const pdf = new jsPDF('p', 'px', [canvas.height, canvas.width]);\r\n const img = canvas.toDataURL('image/jpeg');\r\n pdf.addImage(img, 'JPEG', 15, 15);\r\n\r\n pdf.addPage('a3', 'l');\r\n\r\n // Get table data for PDF tables\r\n const tableColumns = [];\r\n const tableRows = [];\r\n for (var i = 0; i < widgetTables.length; i++) {\r\n // Get table columns\r\n const cols = [];\r\n const titles = widgetTables[i].columns.map(c => c.title);\r\n cols.push(titles);\r\n\r\n tableColumns.push(cols);\r\n\r\n // Get table data\r\n const rows = [];\r\n const tableData = Object.values(widgetTables[i].tableData);\r\n for (var j = 0; j < tableData.length; j++) {\r\n const row = Object.values(tableData[j]);\r\n if (typeof row[0] === 'string') {\r\n let dataAnchorTagCell = row[0].match(/>(.*)', '').replace('<', ''); // Extract the data cell value\r\n }\r\n\r\n rows.push(row);\r\n }\r\n\r\n tableRows.push(rows);\r\n }\r\n\r\n // Create PDF tables\r\n for (var l = 0; l < widgetTables.length; l++) {\r\n const columns = tableColumns[l]; // [['col 1', 'col 2', ...]]\r\n const rows = tableRows[l]; // [['data 1', 'data 2'], ['data 1', 'data 2'], ...]\r\n\r\n pdf.autoTable({\r\n theme: 'grid',\r\n head: columns,\r\n body: rows,\r\n didParseCell: (table) => {\r\n if (table.section === 'head') {\r\n table.cell.styles.fillColor = '#f7f7f8';\r\n table.cell.styles.textColor = '#333333';\r\n }\r\n }\r\n });\r\n }\r\n\r\n pdf.save(store.getters.useSpanishLocale ? fileName + ' - Tablero' : fileName + ' - Dashboard' + '.pdf');\r\n }).catch(() => {\r\n const errorMessage = store.getters.useSpanishLocale ? 'Lo sentimos, se produjo un error al descargar este panel en PDF. Int\\u00E9ntalo de nuevo.' : 'Sorry, something went wrong downloading this dashboard to PDF. Please try again.';\r\n alert(errorMessage);\r\n });\r\n } \r\n },\r\n generateWidgetPdf(widgetElement, fileName) { \r\n window.scrollTo(0, 0);\r\n\r\n // Mobile/Tablets\r\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {\r\n const windowReference = window.open('about:blank', '_blank');\r\n const mobileUsersMessage = store.getters.useSpanishLocale\r\n ? 'Para usuarios m\\u00F3viles. Si esta p\\u00E1gina est\\u00E1 en blanco, revise sus documentos o descargue la carpeta para los documentos PDF.
'\r\n : 'For mobile users. If this page is blank, check your documents or download folder for the PDF documents.
';\r\n\r\n windowReference.window.document.write(mobileUsersMessage);\r\n\r\n html2canvas(widgetElement, {\r\n width: widgetElement.clientWidth + 30,\r\n onclone: (element) => {\r\n // Explicitly assign width and height to svg element so\r\n // it can be properly displayed in browser PDF viewer\r\n const svgElements = element.body.getElementsByTagName('svg');\r\n Array.from(svgElements).forEach((svgElement) => {\r\n const bBox = svgElement.getBBox();\r\n svgElement.setAttribute('width', bBox.width);\r\n svgElement.setAttribute('height', bBox.height);\r\n });\r\n }\r\n }).then((canvas) => {\r\n const pdf = new jsPDF('p', 'px', [canvas.height, canvas.width]);\r\n const img = canvas.toDataURL('image/jpeg');\r\n pdf.addImage(img, 'JPEG', 15, 15);\r\n\r\n windowReference.location = pdf.output('bloburl');\r\n }).catch(() => {\r\n const errorMessage = store.getters.useSpanishLocale ? 'Lo sentimos, se produjo un error al descargar este widget en PDF. Int\\u00E9ntalo de nuevo.' : 'Sorry, something went wrong downloading this widget to PDF. Please try again.';\r\n alert(errorMessage);\r\n });\r\n }\r\n else {\r\n html2canvas(widgetElement, {\r\n width: widgetElement.clientWidth + 30,\r\n onclone: (element) => {\r\n // Explicitly assign width and height to svg element so\r\n // it can be properly displayed in browser PDF viewer\r\n const svgElements = element.body.getElementsByTagName('svg');\r\n Array.from(svgElements).forEach((svgElement) => {\r\n const bBox = svgElement.getBBox();\r\n svgElement.setAttribute('width', bBox.width);\r\n svgElement.setAttribute('height', bBox.height);\r\n });\r\n }\r\n }).then((canvas) => {\r\n const pdf = new jsPDF('p', 'px', [canvas.height, canvas.width]);\r\n const img = canvas.toDataURL('image/jpeg');\r\n pdf.addImage(img, 'JPEG', 15, 15);\r\n\r\n pdf.save(fileName + '.pdf');\r\n }).catch(() => {\r\n const errorMessage = store.getters.useSpanishLocale ? 'Lo sentimos, se produjo un error al descargar este widget en PDF. Int\\u00E9ntalo de nuevo.' : 'Sorry, something went wrong downloading this widget to PDF. Please try again.';\r\n alert(errorMessage);\r\n });\r\n }\r\n }\r\n }\r\n}","\r\n![](\"../../assets/images/icons/external-link-blue.svg\"\r\n){kind=icon}
\r\n \r\n | \r\n | \r\n | \r\n ![](\"../../assets/images/icons/add-icon.svg\"){kind=icon} \r\n | \r\n
|---|---|---|
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n | |
| \r\n | \r\n \r\n | \r\n
![](\"../assets/images/error-page-binoculars.png\")
\r\n