Print View Issue For Ipad

unknown
1 parent 515f0110
Showing 1 changed file with 39 additions and 28 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -627,7 +627,6 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
     $rootScope.lexiconLanguageArray = [];
     $rootScope.lexiconLanguageArray.push({ id: "1", language: "English" });
     $(document).ready(function () {
-
         $rootScope.isLexiconTabClicked = true;
         $rootScope.lexiconData = function () {
@@ -4468,38 +4467,50 @@ function ($rootScope, Modules, $log, $location, $timeout, DataService, Authentic
     });
     function PrintDivContentByID(id) {
+       
         if (id == 'printBoxPor') {
             $("#printPSOptions").val("100%");
             ResizeImage(1);
         }
         var contents = document.getElementById(id).innerHTML;
-
-        var frame1 = $('<iframe />');
-        frame1[0].name = "frame1";
-        frame1.css({ "position": "absolute", "top": "-1000000px" });
-        $("body").append(frame1);
-
-        var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
-
-        frameDoc.document.open();
-        //Create a new HTML document.
-        frameDoc.document.write('<html><head><title></title>');//Print Preview
-        frameDoc.document.write('</head><body>');
-        //Append the external CSS file.
-        frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />');
-        frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />');
-        //Append the DIV contents.
-        frameDoc.document.write(contents);
-        frameDoc.document.write('</body></html>');
-        frameDoc.document.close();
-
-        setTimeout(function () {
-            window.frames["frame1"].focus();
-            window.frames["frame1"].print();
-            frame1.remove();
-        }, 320);
-
-        console.log('close')
+        // code for printng in ipads
+        var $ua = navigator.userAgent;
+        if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
+            $("#canvasDiv").append("<img id='exportlogo' class='img-responsive'  src='content/images/adam-logo-small.png'/>");
+            html2canvas($("#canvasDiv"), {
+                onrendered: function (canvas) {
+                    var imgsrc = canvas.toDataURL("image/png");
+                    var printContent = '<div id="img1"><img src="' + imgsrc + '" id="newimg1" style="margin:auto;top:0px;left:0px;right:0px;position:absolute;border:1px solid #ccc;" /></div>';
+                    var newPrintWindow = window.open();
+                    $(newPrintWindow.document.body).html(printContent);
+                    newPrintWindow.print();
+                }
+            });
+        }
+        else {
+            var frame1 = $('<iframe />');
+            frame1[0].name = "frame1";
+            frame1.css({ "position": "absolute", "top": "-1000000px" });
+            $("body").append(frame1);
+            var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
+            frameDoc.document.open();
+            //Create a new HTML document.
+            frameDoc.document.write('<html><head><title></title>');//Print Preview
+            frameDoc.document.write('</head><body>');
+            //Append the external CSS file.
+            frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />');
+            frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />');
+            //Append the DIV contents.
+            frameDoc.document.write(contents);
+            frameDoc.document.write('</body></html>');
+            frameDoc.document.close();
+            setTimeout(function () {
+                window.frames["frame1"].focus();
+                window.frames["frame1"].print();
+                frame1.remove();
+            }, 320);
+        }
+        console.log('close');
     }
     $(document).on('click', '#jsPanel-1 .jsglyph-remove', function () {