APX-14289 : Observed issue with Print option. Print document shows incomplete data.

Author: Vinothkumar Rajendran

src/app/app.component.ts

@@ -296,9 +296,28 @@ export class AppComponent implements OnInit, OnDestroy {
       formattedArray.push(temp);
       lineNo++
     } while (lineNo < maxLine);
-    this.formatCopyPage(formattedArray,printFlag);
+    if(!printFlag){
+      this.formatCopyPage(formattedArray,printFlag);
+    }else{
+      this.formatPrintPage(formattedArray);
+    }
   }
 
+  formatPrintPage(formattedArray){
+      let printDetails = formattedArray;
+      let height = window.screen.availHeight-400;
+      let width = window.screen.availWidth-750;
+      const popupWindow = window.open('','',`height=${height},width=${width},top=${height/2},left=${width/2}`);
+      popupWindow.document.open();
+      popupWindow.document.write('<div class="copyWrapper crosshair" style="white-space: pre !important;"><pre>');
+      printDetails.forEach(element => {
+        popupWindow.document.write("<div>"+element +"</div>");
+      })
+      popupWindow.document.write('</pre></div>')
+      popupWindow.print();
+      popupWindow.close();
+  }
+
     formatCopyPage(formattedArray,printFlag){
     let divElement = document.createElement("div");
     let lineIdentifier = 0;

src/app/mini-components/transformations/modalpopup/modalpopup.component.html

@@ -1,19 +1,4 @@
 <div id="copyParentDiv" tabindex="10" >
-        <div class="container-fluid" *ngIf="printFlag">
-            <div class="row">
-                <div class="col-11 col-sm-11">
-                    <h5 class="modal-title" id="exampleModalLabel">Print Preview</h5>
-                </div>
-                <div class="col-1 col-sm-1">
-                    <sag-topnav-right right>
-                        <sag-topnav-item id="pop-up-print-icon" itemType="button" [disable]='false' title="Print"
-                            (click)="print()" itemId="print" itemName="" itemIcon="dlt-icon-print"
-                            itemStyle="color:white">
-                        </sag-topnav-item>
-                    </sag-topnav-right>
-                </div>
-            </div>
-        </div>
     <div id="copyDiv" class="copyWrapper crosshair" (mousedown)="handleMouseDown($event)" (mouseup)="handleMouseUp($event)" ></div>
     <div class="modal-footer unselectable" unselectable="on">
         <div class="container">

src/app/mini-components/transformations/modalpopup/modalpopup.component.ts

@@ -48,19 +48,8 @@ export class ModalpopupComponent implements OnInit {
       element.classList.add("copyTextCss");
     })
   }
-  // handleKeyDown(event){
-  //   if (event.ctrlKey && event.keyCode == 67){
-  //     console.log("handleKeyDown....", event);
-  //     this.clipboard.copy(this.copiedText.toString().replaceAll(",","\n"));
-  //   }
-  // }
 
-  print() {
-    window.print();
-  }
 
-  close() {
-  }
 
   handleMouseDown(event){
     this.initCall();