Mobile POS Front End / web / paymentSummaryTemplate.html

<!DOCTYPE html>
        <meta charset="utf-8">
        <title>Mobile POS</title>

        <link href="css/bootstrap.css" rel="stylesheet">


        <div class="container">
            <img src="img/banner.png" />

        <div class="container">
            <div class="row">
                <div class="span12  " id="div_productExecuteSummary">
                    <Legend id="receiptId"> Order </Legend>
                    <table class="table table-bordered" id="table_productExecuteSummary">
                                <th >Item(Qty)</th>
                                <th>Total Price</th>


                    <h5 id="TotalPrice"> </h5>
            <div class="row">
                <div class="span12  " id="div_customerDetails">
                    <Legend > Deliver details </Legend>

                    <table class="table table-bordered" id="table_customerDetail">
                                <th class="span2" >Name </th>
                                <td  id="td_customerName"></td>
                                <th>Address </th>
                                <td  id="td_customerAddress"> </td>
                                <th>Tel </th>
                                <td  id="td_customerTel"> </td>
                                <th>Email </th>
                                <td  id="td_customerEmail"> </td>


            <p class="offset4">
                <small>Thank you for shopping with iFurniture.</small>


        <!-- jQuery via Google + local fallback, see -->
        <script src=""></script>

        <!-- Bootstrap JS: compiled and minified -->
        <script src="js/bootstrap.min.js"></script>
        <script src="js/json2.js"></script>

                var orderId = readCookie('orderId');
                var totalPrice = readCookie('grandTotal');
                $('#TotalPrice').text("Total: $"+totalPrice);
                //load recipt number 
                $('#receiptId').text("Receipt No - "+readCookie('receiptId'));
                //set customer delivery info   
                var customerDetail = $.parseJSON(readCookie('customerDetail'));

            function getProductDataFromCookieAndDisplay()
                var hehe = new Array();
                hehe = $.parseJSON(readCookie('shoppingCart'));
                    for(var i=0;i<hehe.length;i++)
                        console.log("productID =="+hehe[i].productId);
                        console.log("productQty =="+hehe[i].productQty);
                        console.log("productTotal ="+hehe[i].productTotal);
                        var productId = hehe[i].productId;
                        var productName = hehe[i].productName;
                        var productQty = hehe[i].productQty;
                        var productTotal = hehe[i].productTotal;
                        var productNameAndQty = productName+"("+productQty+")";
                        var tableDetailHeader ="<tr>";
                        var tableProductNameAndQty ="<td class=\""+productId+"\" id=\"productNameAndQty\">"+productNameAndQty+"</td>";
                        var tableProductTotal ="<td id=\"productTotal\">"+productTotal+"</td>";
                        var tableDetailFooter ="</tr>";
                        var entireTable = tableDetailHeader + tableProductNameAndQty + tableProductTotal +tableDetailFooter;
                        $("#table_productExecuteSummary > tbody:last").append(entireTable);
            function createCookie(name,value,days) {
                if (days) {
                    var date = new Date();
                    var expires = "; expires="+date.toGMTString();
                else var expires = "";
                document.cookie = name+"="+value+expires+"; path=/";
            function readCookie(name) {
                var nameEQ = name + "=";
                var ca = document.cookie.split(';');
                for(var i=0;i < ca.length;i++) {
                    var c = ca[i];
                    while (c.charAt(0)==' ') c = c.substring(1,c.length);
                    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
                return null;
            //  $(document).ready(function(){
            /*  Cookie checking code
                if(readCookie('login') ==null)
            //   });


Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.