.

VaKeR CYBER ARMY
Server : Apache
System : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64
User : vapecompany ( 2719)
PHP Version : 7.4.33
Disable Function : NONE
Directory : /home/vapecompany/demo.vapecompany.com.bd/resources/views/backend/product/
Upload File :
Current File : /home/vapecompany/demo.vapecompany.com.bd/resources/views/backend/product/product_barcode.blade.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Barcode</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" media='all'>
    <link rel="stylesheet" href="{{url('public/css/print.min.css')}}" >

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
    <style>
        .amdmaininvoice table {
            border-collapse: collapse;
            width: 100%;
        }

        .amdmaininvoice td, .amdmaininvoice th {
            border: 1px solid #d3d3d3;
            text-align: left;
            padding: 8px;
        }

        .amdmaininvoice tr:nth-child(even) {
            background-color: #d3d3d3;
        }
        .app-bg-color {
    background: #f0f2f7 !important;
}
.page {
    margin: 10px 0;
    text-align: center;
}
        .barcode-container {
    padding: 10px 0;
    border: 1px solid #d9d9d9;
    height: 100%;
}
    </style>

</head>

<body style="margin:0;padding:0; font-family: 'Open Sans', sans-serif; font-size:14px;">
<div class="amd-wrapper" style="margin:0 auto; padding:0; max-width:1024px; width:100%; background:#fff;">

    <table style="width:100%; border-collapse: collapse; margin:auto; padding:0;">
        <tbody>
        
        </tbody>
    </table>

    <div id="barcode" class="modal-body app-bg-color p-3">
        <div class="bg-white rounded p-3" id="printJS_barcode">
            <div class="page full-a4" style=" margin: 10px 0;text-align: center;">
                <div class="row equal">
                    @for($n = 0; $n < $quantity; $n++)
                    <div class="mb-4 col-3">
                        <div class="barcode-container" style="padding: 10px 0;border: 1px solid #d9d9d9;
    height: 100%;">
                            <h4 style="margin: 0px; padding: 0px;">{{$product->product->product_name}}</h4> 
                            <span class="limit-title" style="margin: 0px; padding: 0px 3px;">{{$product->product->product_code}}</span> <br> <!----> 
                            
                        <div>
                            @php
                            echo '<img src="data:image/png;base64,' . DNS1D::getBarcodePNG('4', 'C128',3,33) . '" alt="barcode"   />';
                            @endphp
                        <!--  <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAeAQMAAADenIS7AAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAB5JREFUGJVjOHD+/JnzB878OX/g/BkQm2FUYOQIAACK1oEGtul3jQAAAABJRU5ErkJggg==" alt="barcode">  -->
                        </div>
                    </div>
                </div>
               @endfor
                

                       

                     
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer"><button type="button" class="btn btn-primary app-color">Cancel</button> <button type="button" class="btn btn-primary app-color" onclick="printDiv()">Print</button></div>
</div>

<script type="text/javascript">
    function printDiv() { 
        printJS({
            printable: 'printJS_barcode', 
            type: 'html', 
            css: 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css',
            targetStyles: ['*'] 
        });

        // var divContents = document.getElementById("printJS_barcode").innerHTML; 
        // var a = window.open('', '', 'height=100%, width=auto'); 
        // a.document.write('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"><html>'); 
        // a.document.write('<body >'); 
        // a.document.write(divContents); 
        // a.document.write('</body></html>'); 
        // a.document.close(); 
        // a.print(); 
        // let printContents, popupWin;
        // printContents = document.getElementById('printJS_barcode').innerHTML;
        // popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
        // popupWin.document.open();
        // popupWin.document.write(`
        //   <html>
        //     <head>
        //     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
        //     </head>
        //     <style>

        //     </style>
        // <body onload="window.close();window.print();">${printContents}</body>
        //   </html>`
        // );
        // popupWin.document.close();
    } 

</script>
</body>
</html>
VaKeR 2022