EVOLUTION-NINJA
Edit File: preview_part1.php
<?php //include("menu.php"); ?> <!-- BEGIN CONTENT --> <div id="myModal" class="reveal-performainvoice"> <div align="center"><h4><b><u>PERFORMA INVOICE</u></b></h4></div> <div style="background:#485b7f;width:17%;height:15%;float:right;"> <img src="<?php echo base_url(); ?>assets/img/logo-big.png" alt="logo" width="230" style="margin-top:5px;"> </div> <div id="alldatadisplay" style="width: 101%;height: 74%;overflow: scroll;"> <div style="float:left;"> <p><b>Phone : (080) 41888298</b></p> <p><b>Fax : (080) 25598299</b></p> <p><b>E-Mail : sales@swansilk.com</b></p> <p><b>Website : www.swansilk.com</b></p> </div> <br><br><br> <div id="performcontent"> </div> <div style="float:left;">SILK JACQUARD FRENCH SLYNGE 20-2044 CJ 1040 FABRIC</div> <div style="float:right;"><b><u>USD FOB BY AIR FREIGHT</u></b></div><br> <div style="float:left;">140 CMS ARTICLE NO: 1984</div><br> <table style="width:50%;" align="center"> <tr><td>APS PEACOCK BLUE</td><td>120.00 MTRS</td><td>32.00</td><td>2333.00</td></tr> </table></br> <div style="float:left;">SILK JACQUARD DAUPHIN SLYNGE 20-5406 CJ 1038 FABRIC</div> <div style="float:right;"><b><u>USD FOB BY AIR FREIGHT</u></b></div></br> <div style="float:left;" class-"pull-left">140 CMS ARTICLE NO: 1977</div></br> <table style="width:50%;" align="center"> <tr><td>ASP GREEN</td><td>120.00 MTRS</td><td>42.00</td><td>5040.00</td></tr> </table> <br><br><br><br> <table style="width:100%;border: 1px solid black;" > <tr><td rowspan="2">Total Qty : 300.00 MTRS</td><td>2333.00</td> <td>9480.00 USD</td></tr> <tr><td colspan="2">nine thousand four hundred eighty and xx/100</td></tr> </table></br> <div class="textbot"> <h4 style="text-align: center; text-transform: uppercase;">quantity plus or minus 100% allowed</h4> <h4 style="text-align: center; text-transform: uppercase;">all bank charges outside india are to the account of buyer</h4> </div> <table style="width:100%;border: 1px solid black;"> <tr><td style="text-transform: uppercase;" >e& o.e: cst:0055976-3 tin:29920016481</td></tr> </table> <div class="textbot" style="padding-top:20px;"> <P><strong>Deco-Textil</strong> "swan house" post box 25210.,40 4th cross,residency road banglore-560025,india phone:(080)41888298,fax:(080)25598299</P></br> <P><strong>BANKERS:</strong> STATE BANK OF INDIA, OVERSEAS BRANCH, SBI LHO CAMPUS, #65, St.MARK'S ROAD, BANGALORE-560001,INDIA.</P></br></br> <table style="width:75%;" align="center"> <tr><td><strong>Prepared by</strong></td><td><strong>Checked By</strong></td><td><strong>Director</td></strong></tr> </table> </div> </div> <a class="close-reveal-modal">×</a> </div> <div id="myModal1" class="reveal-performainvoice"> <div align="center"><h4><b><u>ORDER CONFIRMATION</u></b></h4></div> <div style="background:#485b7f;width:17%;height:15%;float:right;"> <img src="<?php echo base_url(); ?>assets/img/logo-big.png" alt="logo" width="230" style="margin-top:5px;"> </div> <div style="float:left;"> <b>DESIGNER FABRICS<br> 1360-QUEEN STREET, WEST TORONTO,ONT,M6K 1L7,<br> CANADA</b> </div> <br><br><br> <div id="alldatadisplay" style="width: 101%;height: 74%;overflow: scroll;"> <table style="width:100%" border="1"> <tr style="font-weight: bold;"> <td>TERMS OF PAYMENT:<br>Advance Payment</td> <td>DESTINATION:<br>OSLO,NORWAY</td> <td colspan="2">BUYER'S REFERENCE:<br>160617 / 20-06-2016</td> <td>ORDER DATE:<br><span id="dynamicorderdate"></span></td> <td>ORDER NO:<br><span id="dynamicoslnor"></span></td> </tr> </table> <br> <table border="1" style="width:100%"> <tr> <th>WIDTH / SIZE</th><th>QUALITY</th><th>COLOR</th><th>SKU No</th><th>QUANTITY</th><th>RATE/UNIT</th><th>PRICE</th> </tr> <tbody id="orderconfirm_dynamic"> <!--<tr> <td align="center">280 CMS</td> <td align="center" colspan="3">POLY JACQUARD FABRIC DES : PJ 3317<br>ARTICLE NO: D728<br>17J-258<br>14J-368<br>ROSEWOOD</td> <td align="center" colspan="3"><u>USD FOB BY AIR FREIGHT</u><br><br>120.00 YARDS 12.00 USD 1,440.00 USD<br>120.00 YARDS 12.00 USD 1,440.00 USD<br>120.00 YARDS 12.00 USD 1,440.00 USD</td> </tr> <tr> <td align="center">280 CMS</td> <td align="center" colspan="3">POLY JACQUARD FABRIC DES : PJ 3317<br>ARTICLE NO: D728<br>17J-258<br>14J-368<br>ROSEWOOD</td> <td align="center" colspan="3"><u>USD FOB BY AIR FREIGHT</u><br><br>120.00 YARDS 12.00 USD 1,440.00 USD<br>120.00 YARDS 12.00 USD 1,440.00 USD<br>120.00 YARDS 12.00 USD 1,440.00 USD</td> </tr> <tr> <td align="center">140 CMS</td> <td align="center" colspan="3">POLY METALLIC JACQUARD FABRIC DES : PJ 3954<br>ARTICLE NO: D875<br>GOLD</td> <td align="center" colspan="3"><u>USD FOB BY AIR FREIGHT</u><br><br>120.00 YARDS 12.00 USD 1,440.00 USD</td> </tr>--> </tbody> </table><br> <div> <div style="font-size:15px;font-weight:bold;float:left;">Total Quantity<br>960.00 YARDS</div> <div style="font-size:15px;font-weight:bold;float:right;margin-right:10%;">TOTAL VALUE 11,640.00 USD <br> eleven thousand six hundred forty and xx / 100</div> </div><br><br><br> <div style="font-size:15px;font-weight:bold" align="center"> QUANTITY PLUS OR MINUS 10% ALLOWED<br>ALL BANK CHARGES OUTSIDE INDIA ARE TO THE ACCOUNT OF BUYER </div><br> <table border="1" style="width:100%;height:15%;"> <tr> <th>DELIVERY DATE:- 16/01/2017</th> <th>BUYER'S SIGNATURE:</th> <th>SELLERS'S SIGNATURE:</th> </tr> </table> <table style="width:100%;border: 1px solid black;" > <tr><td rowspan="2">Total Qty : 300.00 MTRS</td><td>2333.00</td> <td>9480.00 USD</td></tr> <tr><td colspan="2">nine thousand four hundred eighty and xx/100</td></tr> </table></br> <div class="textbot" style="padding-top:20px;"> <P><strong>Deco-Textil</strong> "swan house" post box 25210.,40 4th cross,residency road banglore-560025,india phone:(080)41888298,fax:(080)25598299</P></br> <P><strong>BANKERS:</strong> STATE BANK OF INDIA, OVERSEAS BRANCH, SBI LHO CAMPUS, #65, St.MARK'S ROAD, BANGALORE-560001,INDIA.</P></br> </div> </div> <a class="close-reveal-modal">×</a> </div> <div id="myModal2" class="reveal-performainvoice"> <div align="center"><h4><b><u>ORDER INPUT DETAILS</u></b></h4></div> <div style="background:#485b7f;width:17%;height:10%;float:right;"> <img src="<?php echo base_url(); ?>assets/img/logo-big.png" alt="logo" width="230" style="margin-top:5px;"> </div> <div style="float:left;font-size:85%;margin-right:2%;"> <b>Deco-Textil</b><br> <b>"SWAN HOUSE" NO:40, 4th Cross, Residency Road,</b><br> <b>Bangalore - 560025</b> </div> <div style="float:left;font-size:85%;margin-right:25%;"> <b>Order Date :- PURCHASE O</b><br> <b>Order Rec Date :- 05/10/2016</b><br> <b>Ref / Source :- 05/10/2016</b> </div> <div style="float:left;font-size:85%;"> <b>Contract Type :- FOB</b><br> <b>Currency :- USD</b> </div> <br><br><br> <div id="alldatadisplay" style="width: 101%;height: 74%;overflow: scroll;"> <div id="subnumbersdynamic"></div> </div> <a class="close-reveal-modal">×</a> </div> <div class="page-content-wrapper"> <div class="page-content"> <!-- BEGIN PAGE HEADER--> <h3 class="page-title"> Transaction Input details </h3> <?php $this->load->view('templates/nav_menu'); ?> <form action="<?php echo base_url(); ?>marketing/transactions_order_input_demo" method="post" class="form-horizontal"> <b>To insert data click here:</b> <input type="submit" name="Insert" value="Insert" /><br><br> </form> <!-- END PAGE HEADER--> <!-- BEGIN DASHBOARD STATS --> <div class="portlet box blue-madison"> <div class="portlet-title"> <div class="caption"> <i class="fa fa-globe"></i>Transaction Input details </div> <div class="tools"> <!--<a href="javascript:;" class="reload"> </a>--> <?php //echo $this->load->view('templates/download_types'); ?> <a href="#" style="color: #fff;"> <i class="fa fa-file-pdf-o tooltips" data-container="body" data-placement="top" data-original-title="Export PDF" style="font-size: 20px;"></i> </a> <a href="#" style="color: #fff;"> <i class="fa fa-file-excel-o tooltips" data-container="body" data-placement="top" data-original-title="Export Excel" style="font-size: 20px;"></i> </a> <a href="#" style="color: #fff;"> <i class="fa fa-print tooltips" data-container="body" data-placement="top" data-original-title="Take Print" style="font-size: 20px;"></i> </a> </div> </div> <div class="portlet-body"> <table class="table table-striped table-bordered table-hover" id="sample_1"> <thead> <tr> <th> Sl.No.</th> <th> OSL No</th> <th> Fileno</th> <!-- <th> Party Name</th>--> <th> Mode Of Order</th> <th> Party Order No</th> <th> Performa Invoice</th> <th> Order Confirmation</th> <th> Order Input Details</th> <th>Confirmation</th> </tr> </thead> <tbody> <?php $count=1; foreach($getalldata as $getresult) { ?> <tr> <td><?php echo $count++; ?></td> <td><a href="<?php echo base_url()?>marketing/transactions_order_input_demo/<?php echo $getresult->id; ?>"><?php echo $getresult->oslNo; ?></a> <input type="hidden" id="hiddenoslnor<?php echo $getresult->id; ?>" value="<?php echo $getresult->oslNo; ?>"> <input type="hidden" id="hiddendcd<?php echo $getresult->id; ?>" value="<?php echo $getresult->orderDate; ?>"> </td> <td><?php echo $getresult->fileNo; ?></td> <!-- <td><?php // echo $getresult->party_name; ?></td>--> <td><?php echo $getresult->orderMode; ?></td> <td><?php echo $getresult->orderNo; ?></td> <td><a href="#" id="performainvoicepopupdata<?php echo $getresult->id; ?>" data-reveal-id="myModal" class="manag performainvoicedata" data-animation="fade">Preview</a></td> <td><a href="#" id="orderconfirmpopupdata<?php echo $getresult->id; ?>" data-reveal-id="myModal1" class="manag orderconfirmationdata" data-animation="fade">Preview</a></td> <td><a href="#" id="orderinputpopupdata<?php echo $getresult->id; ?>" data-reveal-id="myModal2" class="manag orderinputpopupdata" data-animation="fade">Preview</a></td> <td><input name="select_all" value="1" id="example-select-all" type="checkbox" style="margin-left: 50px;" /></td> </tr> <?php }?> </tbody> </table> </div> </div> <!-- END DASHBOARD STATS --> </div> </div> </div> <!-- End BEGIN CONTAINER --> <script src="https://code.jquery.com/jquery-1.7.js" integrity="sha256-fBiF7IYg9AoQ0EWUjT+fe4+cT3vS/x3ftIap8n6V4+M=" crossorigin="anonymous"></script> <!-- <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables_themeroller.css"> --> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.js"></script> <script> function fnFormatDetails(table_id, html) { var sOut = "<table id=\"sample_1_" + table_id + "\">"; sOut += html; sOut += "</table>"; return sOut; } var iTableCounter = 1; var oTable; var oInnerTable; var TableHtml; //Run On HTML Build $(document).ready(function () { TableHtml = $("#sample_1").html(); //Insert a 'details' column to the table var nCloneTh = document.createElement('th'); var nCloneTd = document.createElement('td'); nCloneTd.innerHTML = '<img src="http://i.imgur.com/SD7Dz.png">'; nCloneTd.className = "center"; $('#sample_1 thead tr').each(function () { this.insertBefore(nCloneTh, this.childNodes[0]); }); $('#sample_1 tbody tr').each(function () { this.insertBefore(nCloneTd.cloneNode(true), this.childNodes[0]); }); //Initialse DataTables, with no sorting on the 'details' column var oTable = $('#sample_1').dataTable({ "bJQueryUI": true, "colReorder": true, "sDom": 'Rlfrtip', "sPaginationType": "full_numbers", "aoColumnDefs": [ { "bSortable": false, "aTargets": [0] } ], "aaSorting": [[1, 'asc']] }); /* Add event listener for opening and closing details * Note that the indicator for showing which row is open is not controlled by DataTables, * rather it is done here */ $('#sample_1 tbody td img').live('click', function () { var nTr = $(this).parents('tr')[0]; if (oTable.fnIsOpen(nTr)) { /* This row is already open - close it */ this.src = "http://i.imgur.com/SD7Dz.png"; oTable.fnClose(nTr); } else { /* Open this row */ this.src = "http://i.imgur.com/d4ICC.png"; oTable.fnOpen(nTr, fnFormatDetails(iTableCounter, TableHtml), 'details'); oInnerTable = $("#sample_1_" + iTableCounter).dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers" }); iTableCounter = iTableCounter + 1; } }); }); </script> <!-- BEGIN FOOTER -->