Custom sales invoice

by Lubos Hasko

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div style="font-size: 12px; color: #000; position: relative">
    <img style="position: absolute; width: 25%; right: 0px; top: 80px"...

JavaScript

ko.applyBindings({
    Seller: "00000",
    SellerLogoUrl: "business-logo?FileID=75977cda-074d-4d63-a2ff-f73b0a816e55",
    SellerContactDetails: ["1313 Webfoot Walk", "Duckburg", "Calisota"],
    DueDate: "",
    IssueDate: "8/08/2014",
    Number: "2",
    SalesQuoteNumber: "",
    PurchaseOrderNumber: "",
    Customer: "PHILLSENGG.PVT.LTD",
    CustomerTelephone: "022 25103545",
    CustomerMobile: "041 41422424",
    CustomerEmail: "",
    CustomerBusinessIdentifier: "TIN 445554454",
    CustomerAddressLines: ["1, Saw Mills Compund,", "Wikroli (WEST)", "Mumbai 400086", "Phone 022 25103545"],
    Summary: "Attention to Mr. LAXMAN:",
    Notes: [""],
    LineItems: [{
        Description: ["ENKLO 68 Special Lube"],
        Qty: "20",
        UnitPrice: "10.00",
        Discount: "",
        Tax: "VAT 12.5%",
        LineTotal: "200.00"
    }, {
        Description: ["ENKLO 15W40"],
        Qty: "15",
        UnitPrice: "100.00",
        Discount: "",
        Tax: "VAT 12.5%",
        LineTotal: "1,500.00"
    }],
    LineItemsIncludeTax: false,
    Subtotal: "1,700.00",
    TaxComponents: [{
        Name: "VAT 12.5%",
        Amount: "212.50"
    }],
    Rounding: "- 0.50",
    Total: "1,912.00",
    AmountReceived: "0.00",
    BalanceDue: "1,912.00",
    BalanceDueInWords: "One Thousand Nine Hundred and Twelve"
});