EVOLUTION-NINJA

Edit File: preview_part1.php

<?php  //include("menu.php"); ?>

<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  &nbsp;&nbsp;&nbsp; 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  &nbsp;&nbsp;&nbsp; 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">&#215;</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">

</tbody>
</table><br>

<div>
<div style="font-size:15px;font-weight:bold;float:left;">Total Quantity<br>960.00 &nbsp; YARDS</div>

<div style="font-size:15px;font-weight:bold;float:right;margin-right:10%;">TOTAL VALUE &nbsp;&nbsp; 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">&#215;</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">&#215;</a>
</div>
<div class="page-content-wrapper">
<div class="page-content">

<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>


<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">

<?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-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> 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->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>

</div>
</div>
</div>

<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="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>