Merge pull request #3949 from beganovich/v2-2907-pdf-zoom

Client portal changes & bug fixes

public/mix-manifest.json

@@ -1,6 +1,6 @@
 {
     "/js/app.js": "/js/app.js?id=baf7fef12d5e65c3d9ff",
-    "/css/app.css": "/css/app.css?id=01b783b731585b213487",
+    "/css/app.css": "/css/app.css?id=733876eca1ef8a36e2c3",
     "/js/clients/invoices/action-selectors.js": "/js/clients/invoices/action-selectors.js?id=d244486b16dc6f94a726",
     "/js/clients/invoices/payment.js": "/js/clients/invoices/payment.js?id=d7e708d66a9c769b4c6e",
     "/js/clients/payment_methods/authorize-ach.js": "/js/clients/payment_methods/authorize-ach.js?id=9e6495d9ae236b3cb5ad",
@@ -14,7 +14,7 @@
     "/js/clients/payments/sofort.js": "/js/clients/payments/sofort.js?id=ff4ad07a93bd9fb327c1",
     "/js/clients/quotes/action-selectors.js": "/js/clients/quotes/action-selectors.js?id=b6b33ab51b58b51e1212",
     "/js/clients/quotes/approve.js": "/js/clients/quotes/approve.js?id=1c5d76fb5f98bd49f6c8",
-    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=ba1182244cda0e0ffbeb",
+    "/js/clients/shared/pdf.js": "/js/clients/shared/pdf.js?id=86f3b8d82f809268b3de",
     "/js/setup/setup.js": "/js/setup/setup.js?id=c4cd098778bf824a3470",
     "/css/card-js.min.css": "/css/card-js.min.css?id=62afeb675235451543ad"
 }

resources/js/clients/shared/pdf.js

@@ -17,6 +17,12 @@ class PDF {
         this.maxPages = 1;
         this.currentScale = 1.75;
         this.currentScaleText = document.getElementById('zoom-level');
+
+        if (matchMedia('only screen and (max-width: 480px)').matches) {
+            this.currentScale = 0.5;
+        }
+
+        this.currentScaleText.textContent = this.currentScale * 100 + '%';
     }
 
     handlePreviousPage() {

resources/views/portal/ninja2020/components/general/footer.blade.php

@@ -1,7 +1,7 @@
 <footer class="bg-white px-4 py-5 shadow px-4 sm:px-6 md:px-8 flex justify-center border border-gray-200 justify-between items-center">
     <span class="text-sm text-gray-700">{{ ctrans('texts.footer_label', ['year' => date('Y')])  }}</span>
     @if(auth()->user()->user && !auth()->user()->user->account->isPaid())
-        <a href="#">
+        <a href="https://invoiceninja.com" target="_blank">
             <img class="h-8" src="{{ asset('images/invoiceninja-black-logo-2.png') }}" alt="Invoice Ninja Logo">
         </a>
     @endif

resources/views/portal/ninja2020/invoices/show.blade.php

@@ -78,7 +78,7 @@
         </section>
         <section class="flex items-center space-x-1">
             <div class="flex items-center mr-4 space-x-1">
-                <span class="text-gray-600 mr-2" id="zoom-level">175%</span>
+                <span class="text-gray-600 mr-2" id="zoom-level">100%</span>
                 <a href="#" id="zoom-in">
                     <svg class="text-gray-400 hover:text-gray-600 focus:outline-none focus:text-gray-600 cursor-pointer" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg>
                 </a>

resources/views/portal/ninja2020/invoices/show/fullscreen.blade.php

@@ -1,4 +1,4 @@
-@extends('portal.ninja2020.layout.clean')
+@extends('portal.ninja2020.layout.clean', ['custom_body_class' => 'overflow-y-hidden'])
 @section('meta_title', ctrans('texts.view_invoice'))
 
 @section('body')

resources/views/portal/ninja2020/layout/clean.blade.php

@@ -44,7 +44,7 @@
 
         <!-- Scripts -->
         <script src="{{ mix('js/app.js') }}" defer></script>
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
+        <script src="{{ asset('js/vendor/alpinejs/alpine.js') }}" defer></script>
 
         <!-- Fonts -->
         <link rel="dns-prefetch" href="https://fonts.gstatic.com">