mirror of
https://github.com/Sternenlabor/fabaccess-sticker-generator.git
synced 2025-03-12 06:51:41 +01:00
25 lines
1.1 KiB
JavaScript
25 lines
1.1 KiB
JavaScript
import SVGRenderer from '/src/SVGRenderer.mjs'
|
|
import PNGRenderer from '/src/PNGRenderer.mjs'
|
|
import PDFRenderer from '/src/PDFRenderer.mjs'
|
|
|
|
// Get references to the custom elements
|
|
const box = document.querySelector('fabaccess-preview-box')
|
|
const form = document.querySelector('fabaccess-settings-form')
|
|
|
|
form.addEventListener('change', (e) => {
|
|
SVGRenderer.optimizeForPrint = e.detail.optimizeForPrint
|
|
box.setAttribute('value', e.detail.machineID)
|
|
box.setAttribute('size', e.detail.size)
|
|
box.update()
|
|
})
|
|
|
|
// Add click event listeners to the buttons
|
|
document.querySelector('#download-qr-code-svg').addEventListener('click', () => SVGRenderer.downloadSVG(form.machineID, form.size))
|
|
document.querySelector('#download-qr-code-png').addEventListener('click', () => PNGRenderer.downloadPNG(form.machineID, form.size))
|
|
document.querySelector('#add-qr-code-to-page').addEventListener('click', () => PDFRenderer.addToPDF(form.machineID, form.size))
|
|
document.querySelector('#download-pdf').addEventListener('click', () => PDFRenderer.downloadPDF())
|
|
|
|
// Initialize the preview box
|
|
box.setAttribute('value', form.machineID)
|
|
box.setAttribute('size', form.size)
|