Export Function

[kunkoala]

Created an export button that exports the current data shown on the esid dashboard as a PDF

Description

This PR creates an export function that exports the Heatmap, LineChart and relevant data based on the selected and reference data. The export button can be found on the TopBar (Hamburger) menu, and the user could choose between PDF and .csv export format.

Related Issues

Design Decisions

Performance & Quality

Checklist

I, the author of this PR checked the following requirements for good software quality:

• The code is properly formatted (I ran the formatter)
• The code is written with our software quality standards (I ran the linter)
• The code is written using our code style
• Extensive in source documentation has been added
• Unit and/or integration tests have been added
• All texts have been internationalized with at least the following languages:
  • English
  • German
• I tried addressing all new accessibility problems displayed in the console and documented if they can't be fixed
• I attached performance measurements to prevent performance degradation
• I added the changes to the next release section of the changelog

I, the reviewer checked the following things:

• I ran the software once and tried all new and related functionality to this PR
• I looked at all new and changed lines of code and commented on possible problems
• I read the added documentation and checked if it is understandable and clear
• I checked the added tests for completeness
• I checked the internationalized strings for spelling errors
• I checked the performance metrics for problems or unexplained degradation
• I checked that the changes are noted in the changelog

[github-actions]

Test Results

0 tests  ±0   0 ✅ ±0   0s ⏱️ ±0s
0 suites ±0   0 💤 ±0 
0 files   ±0   0 ❌ ±0 

Results for commit c03ab46. ± Comparison against base commit 15cfc5b.

♻️ This comment has been updated with latest results.

[NXXR]

Looks great 👍
some small suggestions:

[NXXR]

why do you use the raw svg string here hardcoded? can't we take the logo from our assets?

[kunkoala]

I received this error in the console when i import the pdf and use ContentImage type from pdfmake:

Uncaught (in promise) Invalid image: File 'assets/logo/logo-200x66.png' not found in virtual file system
Images dictionary should contain dataURL entries (or local file paths in node.js)

If SVG, somehow only the raw data works, maybe something to do with how pdfmake library processes content image / svg.

When importing from the asset directly using "import" I received this error in the console:

Uncaught (in promise) Error: SVGMeasure: Error: Non-whitespace before first tag.
Line: 0
Column: 1
Char: /
    parseSVG svgMeasure.js:21
    measureSVG svgMeasure.js:36
    measureSVG docMeasure.js:212

You could check out the docs for pdfmake here:
https://pdfmake.github.io/docs/0.1/document-definition-object/svgs/
https://pdfmake.github.io/docs/0.1/document-definition-object/images/

[NXXR]

try importing the svg explicitly
You should be able to import the logo either
with ?url to get the asset as a URL which should satisfy the error message,
or with ?raw to get the raw svg path which should be the same as your hardcoded version 🤔

Vite is crazy convenient :D

[kunkoala]

Ahh thanks it worked :D