From 09c1446c06043f71967380e94acdff4193807b0b Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Sun, 28 Jan 2024 11:39:00 +0100
Subject: [PATCH] fixed pdf export

---
 vue/package.json                              |  1 -
 .../ShoppingListView/ShoppingListView.vue     | 50 +++++++++++--------
 vue/src/components/Buttons/DownloadPDF.vue    |  8 +--
 vue/src/components/ShoppingLineItem.vue       |  4 +-
 4 files changed, 31 insertions(+), 32 deletions(-)

diff --git a/vue/package.json b/vue/package.json
index 4f56ee31b..6f37951c2 100644
--- a/vue/package.json
+++ b/vue/package.json
@@ -23,7 +23,6 @@
     "babel-loader": "^9.1.0",
     "bootstrap-vue": "^2.23.1",
     "core-js": "^3.29.1",
-    "html2pdf.js": "^0.10.1",
     "lodash": "^4.17.21",
     "mavon-editor": "^2.10.4",
     "moment": "^2.29.4",
diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index bcaa58dae..1549c1ca4 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -7,7 +7,7 @@
         <div class="row">
             <div class="col-12 col-xl-8 offset-xl-2">
                 <div class="row float-top w-100">
-                    <div class="col-auto no-gutter ml-auto">
+                    <div class="col-auto no-gutter ml-auto d-print-none">
                         <b-button variant="link" @click="useShoppingListStore().undoChange()"><i class="fas fa-undo"></i>
                         </b-button>
 
@@ -37,16 +37,17 @@
                     <!-- shopping list tab -->
                     <b-tab active>
                         <template #title>
-                            <i v-if="!shopping_list_store.currently_updating && useShoppingListStore().autosync_has_focus"
-                               class="fas fa-shopping-cart fa-fw"></i>
-                            <i v-if="!shopping_list_store.currently_updating && !useShoppingListStore().autosync_has_focus"
-                               class="fas fa-eye-slash"></i>
-                            <b-spinner v-if="shopping_list_store.currently_updating" type="border" small
-                                       style="width: 1.25em!important; height: 1.25em!important;"></b-spinner>
-                            <span class="d-none d-md-inline-block ml-1">
-                        {{ $t('Shopping_list') + ` (${shopping_list_store.total_unchecked_food})` }}
-                    </span>
-
+                            <div class="d-print-none">
+                                <i v-if="!shopping_list_store.currently_updating && useShoppingListStore().autosync_has_focus"
+                                   class="fas fa-shopping-cart fa-fw"></i>
+                                <i v-if="!shopping_list_store.currently_updating && !useShoppingListStore().autosync_has_focus"
+                                   class="fas fa-eye-slash"></i>
+                                <b-spinner v-if="shopping_list_store.currently_updating" type="border" small
+                                           style="width: 1.25em!important; height: 1.25em!important;"></b-spinner>
+                                <span class="d-none d-md-inline-block ml-1">
+                                    {{ $t('Shopping_list') + ` (${shopping_list_store.total_unchecked_food})` }}
+                                </span>
+                            </div>
                         </template>
 
                         <b-row class="d-lg-block d-print-none d-none pr-1 pl-1 mb-3 mt-3">
@@ -77,7 +78,7 @@
                                     }}</span>
                                         <span v-else>{{ c.name }}</span>
                                     </b-button>
-                                    <b-button
+                                    <b-button class="d-print-none "
                                         :class="{'btn-success':(c.count_unchecked > 0), 'btn-warning': (c.count_unchecked <= 0)}"
                                         @click="checkGroup(c, (c.count_unchecked > 0))">
                                         <i class="fas fa-fw"
@@ -95,10 +96,13 @@
                     <!-- --------------------------------------- recipe tab -->
                     <b-tab :title="$t('Recipes')">
                         <template #title>
-                            <i class="fas fa-book fa-fw"></i>
-                            <span class="d-none d-md-inline-block ml-1">{{
-                                    $t('Recipes') + ` (${Object.keys(shopping_list_store.getAssociatedRecipes()).length})`
-                                }}</span>
+                            <div class="d-print-none">
+                                <i class="fas fa-book fa-fw"></i>
+                                <span class="d-none d-md-inline-block ml-1">{{
+                                        $t('Recipes') + ` (${Object.keys(shopping_list_store.getAssociatedRecipes()).length})`
+                                    }}</span>
+                            </div>
+
                         </template>
 
                         <b-row class="d-lg-block d-print-none d-none pr-1 pl-1 mb-3 mt-3">
@@ -137,10 +141,10 @@
                     <!-- --------------------------------------- supermarkets tab -->
                     <b-tab>
                         <template #title>
-                            <i class="fas fa-store-alt fa-fw"></i>
-                            <span class="d-none d-md-inline-block ml-1">{{
-                                    $t('Supermarkets') + ` (${shopping_list_store.supermarkets.length})`
-                                }}</span>
+                            <div class="d-print-none">
+                                <i class="fas fa-store-alt fa-fw"></i>
+                                <span class="d-none d-md-inline-block ml-1">{{ $t('Supermarkets') + ` (${shopping_list_store.supermarkets.length})` }}</span>
+                            </div>
                         </template>
                         <div class="container p-0">
                             <div class="row">
@@ -339,8 +343,10 @@
                     <!-- --------------------------------------- settings tab -->
                     <b-tab>
                         <template #title>
-                            <i class="fas fa-user-cog fa-fw"></i>
-                            <span class="d-none d-md-inline-block ml-1">{{ $t('Settings') }}</span>
+                            <div class="d-print-none">
+                                <i class="fas fa-user-cog fa-fw"></i>
+                                <span class="d-none d-md-inline-block ml-1">{{ $t('Settings') }}</span>
+                            </div>
                         </template>
                         <div class="row justify-content-center">
                             <div class="col-12 col-md-8">
diff --git a/vue/src/components/Buttons/DownloadPDF.vue b/vue/src/components/Buttons/DownloadPDF.vue
index fd7560f9e..ce9ea6265 100644
--- a/vue/src/components/Buttons/DownloadPDF.vue
+++ b/vue/src/components/Buttons/DownloadPDF.vue
@@ -6,7 +6,6 @@
 </template>
 
 <script>
-import html2pdf from "html2pdf.js"
 
 export default {
     name: "DownloadPDF",
@@ -20,12 +19,7 @@ export default {
     },
     methods: {
         downloadFile() {
-            const doc = document.querySelector(this.dom)
-            var options = {
-                margin: 1,
-                filename: this.name,
-            }
-            html2pdf().from(doc).set(options).save()
+            window.print()
         },
     },
 }
diff --git a/vue/src/components/ShoppingLineItem.vue b/vue/src/components/ShoppingLineItem.vue
index 5ac7bab30..fbc9957f5 100644
--- a/vue/src/components/ShoppingLineItem.vue
+++ b/vue/src/components/ShoppingLineItem.vue
@@ -23,8 +23,8 @@
                 <span v-if="info_row"><small class="text-muted">{{ info_row }}</small></span>
             </div>
             <b-button variant="success" @click="useShoppingListStore().setEntriesCheckedState(entries, !is_checked)"
-                      :class="{'btn-success': !is_checked, 'btn-warning': is_checked}">
-                <i class="fa-fw fas" :class="{'fa-check': !is_checked , 'fa-cart-plus': is_checked }"></i>
+                      :class="{'btn-success': !is_checked, 'btn-warning': is_checked}" >
+                <i class="d-print-none fa-fw fas" :class="{'fa-check': !is_checked , 'fa-cart-plus': is_checked }"></i>
             </b-button>
         </b-button-group>
         <div class="swipe-action bg-primary justify-content-end">