diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue index 9c8b0b3..cf7d8aa 100644 --- a/src/pages/ReportPage.vue +++ b/src/pages/ReportPage.vue @@ -82,8 +82,12 @@ v-if="attendees !== undefined" :class=" nonAttendees !== undefined - ? 'col-12 col-sm-5 col-md-5 q-pa-md' - : 'col-12 col-md-8 col-lg-5' + ? printing + ? 'col-5 q-pa-md' + : 'col-12 col-sm-5 col-md-5 q-pa-md' + : printing + ? 'col-5' + : 'col-12 col-md-8 col-lg-5' " > ([]); const reportExportRef = ref(null); const weekdays = ref([0, 3]); +const printing = ref(false); const columns = computed(() => [ { @@ -268,10 +279,14 @@ function updateReport(dates: string[]) { } function printReport() { + printing.value = true; window.print(); + printing.value = false; } async function downloadPDF() { + printing.value = true; + const element = reportExportRef.value; if (!element) return; // Generate date string (YYYY-MM-DD) @@ -308,7 +323,8 @@ async function downloadPDF() { .save() .catch((error) => { console.error('PDF Generation failed:', error); - }); + }) + .finally(() => (printing.value = false)); }