EVOLUTION-NINJA
Edit File: preview.php
<html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <script type="text/javascript" src="<?php echo base_url('assets/js/jquery-3.2.1.min.js');?>"></script> <script src="<?php echo base_url('assets/js/bootstrap.min.js');?>"></script> <title>Deco-Textil</title> </head> <script> $(document).ready(function() { <?php foreach($ram as $w){ $case=$w->status; }?> var z= '<?php echo $case; ?>'; // alert(z); // return; if(z==1){ $("#ap").hide(); $("#re").hide(); $("#ad").hide(); $("#rd").hide(); alert (pend); }else if(z==2){ $("#ap").show(); $("#ad").show(); $("#re").hide(); $("#rd").hide(); alert (appr); }else if(z==0){ $("#ap").hide(); $("#ad").hide(); $("#re").show(); $("#rd").show(); alert (rej); } }); </script> <body id="print_report"> <div class="mid-wrk"> <div class="mid-work"> <div class="row" style="text-align: right;"> <button class="btn btn-success btn-lg" type="button" id="booking_print" style="margin-top: 13px; right:100px; padding-top: 2px; padding-bottom: 1px; padding-left: 15px;padding-right: 15px;background: rgb(72,91,127);color: white; font-size: 22px;position:absolute;" onclick="print()"> Print </button> <span class="close-right" ><a href="<?php echo base_url('quality_check?prop_id=1');?>" style="font-size: 22px;border: 1px solid;padding-bottom: 8px; margin-top: 10%; text-decoration: none; padding-top: 1px;padding-right: 12px; padding-left: 12px;background: rgb(72,91,127);color: white;margin-top:10%;text-decoration:none;position:absolute;right:0; margin-right: 24px;margin-top: 13px;">Back</a></span> </div> <div class="content-wrapper" > <div class="row"> <div class="col-sm-4"> <img src="<?php echo base_url('assets/img/preview_logo.png');?>" class="img-responsive" style=";width:157px !important;margin-right: 12px;"> </div> </div> <section class="body-middle"> <h3 style="text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:underline;">Color Quality Approval</h3> <?php foreach($ram as $w){ $case=$w->status; if($case==0){ $man="Rejected"; }else if($case==1){ $man="Pending"; }else if($case==2){ $man="Approved"; }?> <h3 style="text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:underline;"><?php echo $man; ?></h3> <?php } ?> <div class="clearfix"></div> <div class="table table-responsive"><br/> <table border="1" class="table table-bordered table-striped table-hover table-condensed table-responsive" style="margin-top:10px;border-spacing:0 !important;"> <tr> <td style="width: 5%;">Case#</td> <td style="width: 15%;">Product Type</td> <td style="width: 12%;">Order#</td> <td style="width: 15%;">Product Name</td> <td style="width: 15%;">Shade</td> <td style="width: 15%;">From User</td> <td style="width: 15%;">To User</td> <td style="width: 20%;">Required Before</td> <td style="width: 20%;" id="ap">Approved Date</td> <td style="width: 20%;" id="re">Rejected Date</td> </tr> <?php foreach($ram as $w){ ?> <tr style="height:30px;"> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->case_no; ?></td> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->product; ?></td> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->order_no; ?></td> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->article; ?></td> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->shade; ?></td> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->from; ?></td> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->to; ?></td> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php $day=$w->required_before; $new=date("d-m-Y",strtotime($day)); echo $new; ?></td> <td id="ad" style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->approved_date;?></td> <td id="rd" style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->rejected_date;?></td> </tr> <?php } ?> </table> <table class="table table-bordered table-striped table-hover table-condensed table-responsive" style="margin-top:10px;border-spacing:0 !important;"> <tr> <td style="width: 18%;">Remarks</td> </tr> <?php foreach($ram as $w){ ?> <tr style="height:30px;"> <td style="border-bottom:1px solid transparent !important;border-top:1px solid transparent !important;border-right:1px solid transparent !important;"> <?php echo $w->remarks; ?></td> </tr> <?php } ?> </table> </div> </div> </section> </div> </div> </body> <!--<script>--> <!-- $(document).ready(function() {--> <!-- $("#ap").hide();--> <!-- $("#re").hide();--> <!-- $("#ad").hide();--> <!-- $("#rd").hide();--> <!-- });--> <!-- </script>--> <script> function print(){ var divToPrint=document.getElementById("print_report"); newWin= window.open(""); newWin.document.write(divToPrint.outerHTML); newWin.print(); newWin.close(); } </script> <style> .close-right { text-align:right; } @media only screen and (min-width:320px) and (max-width:640px) { .mid-work{ width:900px; } .mid-wrk{ overflow-x:auto; padding-top:30px; } } </style> <!--<link rel="stylesheet" href="<?php echo base_url('assets/css/code_jquery.min.css');?>">--> <!--<script src="<?php echo base_url('assets/js/jquery-ui.min.js'); ?>" type="text/javascript"></script>--> <!--<link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url('assets/css/jquery-ui.min.css'); ?>" />--> </html>