From ddd8bcc4625bf9ef22a4faf15d6569333e8b30e1 Mon Sep 17 00:00:00 2001 From: Spythere Date: Tue, 28 Jan 2025 18:51:28 +0100 Subject: [PATCH] chore: changed print dialog file name --- src/App.vue | 7 +++++++ src/components/Timetable/TimetableSelect.vue | 11 ++++++++++- 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/src/App.vue b/src/App.vue index bb9360f..2ab63fd 100644 --- a/src/App.vue +++ b/src/App.vue @@ -11,9 +11,16 @@ import MainContainer from './components/App/MainContainer.vue'; import { onMounted } from 'vue'; import { useApiStore } from './stores/api.store'; +const originalDcumentTitle = document.title; + const apiStore = useApiStore(); onMounted(() => { apiStore.setupAPIData(); }); + +// Resetting after print dialog is closed +window.addEventListener('afterprint', () => { + document.title = originalDcumentTitle; +}); diff --git a/src/components/Timetable/TimetableSelect.vue b/src/components/Timetable/TimetableSelect.vue index 1125373..3b4d399 100644 --- a/src/components/Timetable/TimetableSelect.vue +++ b/src/components/Timetable/TimetableSelect.vue @@ -46,10 +46,19 @@ function selectTrain() { globalStore.selectedTrain = globalStore.activeTimetableTrains.find((train) => train.id == selectedTrainId.value) ?? null; - if (globalStore.selectedTrain != null) globalStore.generatedDate = new Date(); + if (globalStore.selectedTrain != null) { + globalStore.generatedDate = new Date(); + } } function openPrintingWindow() { + if (globalStore.selectedTrain != null) { + const date = `${globalStore.generatedDate!.toLocaleDateString('pl-PL').replace(/\./g, '-')}--${globalStore.generatedDate!.toLocaleTimeString('pl-PL').replace(/:/g, '-')}`; + + document.title = `${globalStore.selectedTrain.driverName} ; ${globalStore.selectedTrain.timetable!.category} ${globalStore.selectedTrain.trainNo} + ${globalStore.selectedTrain.timetable?.route.replace('|', ' - ')} ; ${date}`; + } + window.print(); }