From 6f1838d412e76df4bbbf70936e5fd3ed31e25da6 Mon Sep 17 00:00:00 2001
From: Marek Fraczyk <mareksmakosz@gmail.com>
Date: Tue, 16 Feb 2021 17:57:23 +0200
Subject: [PATCH] print invoice, don't print invoice controls and footer

---
 src/components/invoices/InvoiceControls.vue | 8 +++++---
 src/views/dashboard/Dashboard.vue           | 2 +-
 src/views/dashboard/Invoice.vue             | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/invoices/InvoiceControls.vue b/src/components/invoices/InvoiceControls.vue
index 1ae7d81..161d9ae 100644
--- a/src/components/invoices/InvoiceControls.vue
+++ b/src/components/invoices/InvoiceControls.vue
@@ -23,7 +23,7 @@
                     <template slot="button-content">
                         <i class="material-icons">more_vert</i>
                     </template>
-                    <b-dropdown-item :href="invoice.pdf_url" target="_blank">Download PDF</b-dropdown-item>
+                    <b-dropdown-item-button @click="print">Download PDF</b-dropdown-item-button>
                     <b-dropdown-item-button @click="deleteInvoice">Delete</b-dropdown-item-button>
                 </b-dropdown>
             </div>
@@ -34,13 +34,12 @@
 <script>
 import { mapGetters } from 'vuex';
 import NotificationService from '@/services/notification.service';
-import { BDropdown, BDropdownItem, BDropdownItemButton } from 'bootstrap-vue';
+import { BDropdown, BDropdownItemButton } from 'bootstrap-vue';
 import AppSelect from '@/components/form/AppSelect';
 
 export default {
   components: {
     BDropdown,
-    BDropdownItem,
     BDropdownItemButton,
     AppSelect,
   },
@@ -72,6 +71,9 @@ export default {
     updateProp(props) {
       this.$store.dispatch('invoices/updateInvoice', props);
     },
+    print() {
+      window.print();
+    },
   },
 };
 </script>
diff --git a/src/views/dashboard/Dashboard.vue b/src/views/dashboard/Dashboard.vue
index 373c601..84b18f1 100644
--- a/src/views/dashboard/Dashboard.vue
+++ b/src/views/dashboard/Dashboard.vue
@@ -6,7 +6,7 @@
                     <transition name="fade" mode="out-in">
                         <router-view/>
                     </transition>
-                    <footer class="col-12 d-flex justify-content-between align-items-center text-secondary px-0">
+                    <footer class="col-12 d-flex justify-content-between align-items-center text-secondary px-0 mt-3 d-print-none">
                         <button class="btn btn-sm text-secondary" @click="toggleTheme">
                             Lights {{ theme === 'dark' ? 'on' : 'off' }}
                             <i class="material-icons material-icons-round md-14 align-text-bottom ml-1">
diff --git a/src/views/dashboard/Invoice.vue b/src/views/dashboard/Invoice.vue
index d9bc218..314a55c 100644
--- a/src/views/dashboard/Invoice.vue
+++ b/src/views/dashboard/Invoice.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-if="team">
-        <InvoiceControls/>
+        <InvoiceControls class="d-print-none"/>
         <InvoiceForm/>
     </div>
 </template>