modal_print_home_view

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../../favicon.ico">

    <title>Print Invoice</title>

    <!-- Bootstrap core CSS -->
    <link href="<?php echo base_url('bootstrap/css/bootstrap.min.css');?>" rel="stylesheet">
    <link href="<?php echo base_url('bootstrap/fa/css/font-awesome.css');?>" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="<?php echo base_url('bootstrap/css/navbar-top-fixed.css');?>" rel="stylesheet">
    <link href="<?php echo base_url('bootstrap/css/print-bootstrap.css');?>" rel="stylesheet">
  </head>

  <body>

<div class="noprint">

    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <a class="navbar-brand" href="<?php echo base_url();?>">Ozs</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="<?php echo base_url();?>">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="<?php echo site_url('invoice');?>">Daftar Invoice </a>
          </li>
        </ul>
      </div>
    </nav>

</div> <!--end noprint-->

    <main role="main" class="container">

      <?php
      if(isset($page)){
          $this->load->view($page);

      } else {

    echo '<div class="jumbotron">
        <h1>Contoh Dialog Print Dengan Modal Bootstrap</h1>
        <p class="lead">Script kali ini adalah contoh script membuat dialog print dengan bootstrap, pada umumnya jika menggunakan modal  bootstrap untuk mencetak maka seluruh halaman web akan tercetak, kali ini dengan sedikit sentuhan CSS maka area yang akan dicetak hanya area modal bootstrap saja, sedangkan halaman utama tidak akan dicetak.</p>
        <p>More Comment ??...<br/>
        Log : http://ozs.web.id<br/>
        FB : https://www.facebook.com/oyazhuryachna<br/>
        Mail : [email protected]<br/>
        WA : please japri to mail or FB ...
        </p>
      </div>';

      }


      ?>


    </main>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="<?php echo base_url('bootstrap/js/popper.min.js');?>"></script>
    <script src="<?php echo base_url('bootstrap/js/jquery-3.2.1.slim.min.js');?>"></script>
    <script src="<?php echo base_url('bootstrap/js/bootstrap.min.js');?>"></script>
    <script src="<?php echo base_url('bootstrap/filestyle/src/bootstrap-filestyle.js');?>"></script>

    <script>
    $(document).ready(function() {
            // ketika tombol detail ditekan
        $('.detail-invoice').on("click", function(){
        // ambil nilai id dari link print
        var DataInvoce= this.id;

        var datanya = DataInvoce.split("|");


        $("#IsiModal").html('<h1 style="margin-bottom:-30px;"><span class="fa fa-shopping-cart"></span> OZS Mart</h1><br>Jalan Raya Siliwangi Kuningan<hr/><table width="100%" style="font-size:14px"><tr><td width="150">No. Invoce</td><td width="10">:</td><td>'+datanya[0]+'</td></tr><tr><td>Tanggal Pembelian</td><td>:</td><td>'+datanya[1]+'</td></tr><tr><td>Kepada Yth.</td><td>:</td><td>'+datanya[2]+'</td></tr><tr valign="top"><td colspan="2">&nbsp;</td><td>'+datanya[3]+'</td></tr></table> <hr/>'+datanya[5]+'<hr/><div style="text-align:right"><b>Total : Rp. '+datanya[4]+'</b></div>');
        });

    });
    </script>


  </body>
</html>