Added preloader to pdf viewer

public/css/style.css

@@ -3328,4 +3328,13 @@ body.forced-masking #mask {
 .note-container .summary-container p {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
+}
+.pdf-form-preloader {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.pdf-form-preloader i {
+    font-size: 35px;
+    color: #9e9e9e;
 }

resources/views/app/pdf/viewer.blade.php

@@ -35,6 +35,7 @@
                         this.page = 1;
 
                         $(this.parent).find('>canvas').remove();
+                        this.preloader(true);
 
                         let self = this;
                         let url = _url;
@@ -54,12 +55,19 @@
                             alert(reason.message);
                         });
                     },
+                    preloader: function(show){
+                        var form = this.parent;
+                        if(show){
+                            form.addClass('pdf-form-preloader').html('<div id="pdf-vw-preloader"><i class="fas fa-circle-notch fa-spin"></i></div>');
+                        }else{
+                            form.removeClass('pdf-form-preloader').find('#pdf-vw-preloader').remove();
+                        }
+                    },
                     render: function () {
 
                         let self = this;
-
                         self.loadedPDF.getPage(self.page).then(function (page) {
-
+                            self.preloader(false);
                             // create canvas
                             let canvasElement = $('<canvas/>')
                                 .addClass('pdf-viewer-page')