Last active
October 4, 2024 18:47
-
-
Save maxkostinevich/c26bfb09450341ad37c1bd6c2cc51bb2 to your computer and use it in GitHub Desktop.
PDFMake.js - Invoice Markup
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Invoice markup | |
| // Author: Max Kostinevich | |
| // BETA (no styles) | |
| // http://pdfmake.org/playground.html | |
| // playground requires you to assign document definition to a variable called dd | |
| // CodeSandbox Example: https://codesandbox.io/s/pdfmake-invoice-oj81y | |
| var dd = { | |
| header: { | |
| columns: [ | |
| { text: 'HEADER LEFT', style: 'documentHeaderLeft' }, | |
| { text: 'HEADER CENTER', style: 'documentHeaderCenter' }, | |
| { text: 'HEADER RIGHT', style: 'documentHeaderRight' } | |
| ] | |
| }, | |
| footer: { | |
| columns: [ | |
| { text: 'FOOTER LEFT', style: 'documentFooterLeft' }, | |
| { text: 'FOOTER CENTER', style: 'documentFooterCenter' }, | |
| { text: 'FOOTER RIGHT', style: 'documentFooterRight' } | |
| ] | |
| }, | |
| content: [ | |
| // Header | |
| { | |
| columns: [ | |
| { | |
| image: 'data:image/png;base64,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', | |
| width: 150 | |
| }, | |
| [ | |
| { | |
| text: 'INVOICE', | |
| style: 'invoiceTitle', | |
| width: '*' | |
| }, | |
| { | |
| stack: [ | |
| { | |
| columns: [ | |
| { | |
| text:'Invoice #', | |
| style:'invoiceSubTitle', | |
| width: '*' | |
| }, | |
| { | |
| text:'00001', | |
| style:'invoiceSubValue', | |
| width: 100 | |
| } | |
| ] | |
| }, | |
| { | |
| columns: [ | |
| { | |
| text:'Date Issued', | |
| style:'invoiceSubTitle', | |
| width: '*' | |
| }, | |
| { | |
| text:'June 01, 2016', | |
| style:'invoiceSubValue', | |
| width: 100 | |
| } | |
| ] | |
| }, | |
| { | |
| columns: [ | |
| { | |
| text:'Due Date', | |
| style:'invoiceSubTitle', | |
| width: '*' | |
| }, | |
| { | |
| text:'June 05, 2016', | |
| style:'invoiceSubValue', | |
| width: 100 | |
| } | |
| ] | |
| }, | |
| ] | |
| } | |
| ], | |
| ], | |
| }, | |
| // Billing Headers | |
| { | |
| columns: [ | |
| { | |
| text: 'Billing From', | |
| style:'invoiceBillingTitle', | |
| }, | |
| { | |
| text: 'Billing To', | |
| style:'invoiceBillingTitle', | |
| }, | |
| ] | |
| }, | |
| // Billing Details | |
| { | |
| columns: [ | |
| { | |
| text: 'Your Name \n Your Company Inc.', | |
| style: 'invoiceBillingDetails' | |
| }, | |
| { | |
| text: 'Client Name \n Client Company', | |
| style: 'invoiceBillingDetails' | |
| }, | |
| ] | |
| }, | |
| // Billing Address Title | |
| { | |
| columns: [ | |
| { | |
| text: 'Address', | |
| style: 'invoiceBillingAddressTitle' | |
| }, | |
| { | |
| text: 'Address', | |
| style: 'invoiceBillingAddressTitle' | |
| }, | |
| ] | |
| }, | |
| // Billing Address | |
| { | |
| columns: [ | |
| { | |
| text: '9999 Street name 1A \n New-York City NY 00000 \n USA', | |
| style: 'invoiceBillingAddress' | |
| }, | |
| { | |
| text: '1111 Other street 25 \n New-York City NY 00000 \n USA', | |
| style: 'invoiceBillingAddress' | |
| }, | |
| ] | |
| }, | |
| // Line breaks | |
| '\n\n', | |
| // Items | |
| { | |
| table: { | |
| // headers are automatically repeated if the table spans over multiple pages | |
| // you can declare how many rows should be treated as headers | |
| headerRows: 1, | |
| widths: [ '*', 40, 'auto', 40, 'auto', 80 ], | |
| body: [ | |
| // Table Header | |
| [ | |
| { | |
| text: 'Product', | |
| style: 'itemsHeader' | |
| }, | |
| { | |
| text: 'Qty', | |
| style: [ 'itemsHeader', 'center'] | |
| }, | |
| { | |
| text: 'Price', | |
| style: [ 'itemsHeader', 'center'] | |
| }, | |
| { | |
| text: 'Tax', | |
| style: [ 'itemsHeader', 'center'] | |
| }, | |
| { | |
| text: 'Discount', | |
| style: [ 'itemsHeader', 'center'] | |
| }, | |
| { | |
| text: 'Total', | |
| style: [ 'itemsHeader', 'center'] | |
| } | |
| ], | |
| // Items | |
| // Item 1 | |
| [ | |
| [ | |
| { | |
| text: 'Item 1', | |
| style:'itemTitle' | |
| }, | |
| { | |
| text: 'Item Description', | |
| style:'itemSubTitle' | |
| } | |
| ], | |
| { | |
| text:'1', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text:'$999.99', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text:'0%', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text: '0%', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text: '$999.99', | |
| style:'itemTotal' | |
| } | |
| ], | |
| // Item 2 | |
| [ | |
| [ | |
| { | |
| text: 'Item 2', | |
| style:'itemTitle' | |
| }, | |
| { | |
| text: 'Item Description', | |
| style:'itemSubTitle' | |
| } | |
| ], | |
| { | |
| text:'1', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text:'$999.99', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text:'0%', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text: '0%', | |
| style:'itemNumber' | |
| }, | |
| { | |
| text: '$999.99', | |
| style:'itemTotal' | |
| } | |
| ], | |
| // END Items | |
| ] | |
| }, // table | |
| // layout: 'lightHorizontalLines' | |
| }, | |
| // TOTAL | |
| { | |
| table: { | |
| // headers are automatically repeated if the table spans over multiple pages | |
| // you can declare how many rows should be treated as headers | |
| headerRows: 0, | |
| widths: [ '*', 80 ], | |
| body: [ | |
| // Total | |
| [ | |
| { | |
| text:'Subtotal', | |
| style:'itemsFooterSubTitle' | |
| }, | |
| { | |
| text:'$2000.00', | |
| style:'itemsFooterSubValue' | |
| } | |
| ], | |
| [ | |
| { | |
| text:'Tax 21%', | |
| style:'itemsFooterSubTitle' | |
| }, | |
| { | |
| text: '$523.13', | |
| style:'itemsFooterSubValue' | |
| } | |
| ], | |
| [ | |
| { | |
| text:'TOTAL', | |
| style:'itemsFooterTotalTitle' | |
| }, | |
| { | |
| text: '$2523.93', | |
| style:'itemsFooterTotalValue' | |
| } | |
| ], | |
| ] | |
| }, // table | |
| layout: 'lightHorizontalLines' | |
| }, | |
| // Signature | |
| { | |
| columns: [ | |
| { | |
| text:'', | |
| }, | |
| { | |
| stack: [ | |
| { | |
| text: '_________________________________', | |
| style:'signaturePlaceholder' | |
| }, | |
| { | |
| text: 'Your Name', | |
| style:'signatureName' | |
| }, | |
| { | |
| text: 'Your job title', | |
| style:'signatureJobTitle' | |
| } | |
| ], | |
| width: 180 | |
| }, | |
| ] | |
| }, | |
| { | |
| text: 'NOTES', | |
| style:'notesTitle' | |
| }, | |
| { | |
| text: 'Some notes goes here \n Notes second line', | |
| style:'notesText' | |
| } | |
| ], | |
| styles: { | |
| // Document Header | |
| documentHeaderLeft: { | |
| fontSize: 10, | |
| margin: [5,5,5,5], | |
| alignment:'left' | |
| }, | |
| documentHeaderCenter: { | |
| fontSize: 10, | |
| margin: [5,5,5,5], | |
| alignment:'center' | |
| }, | |
| documentHeaderRight: { | |
| fontSize: 10, | |
| margin: [5,5,5,5], | |
| alignment:'right' | |
| }, | |
| // Document Footer | |
| documentFooterLeft: { | |
| fontSize: 10, | |
| margin: [5,5,5,5], | |
| alignment:'left' | |
| }, | |
| documentFooterCenter: { | |
| fontSize: 10, | |
| margin: [5,5,5,5], | |
| alignment:'center' | |
| }, | |
| documentFooterRight: { | |
| fontSize: 10, | |
| margin: [5,5,5,5], | |
| alignment:'right' | |
| }, | |
| // Invoice Title | |
| invoiceTitle: { | |
| fontSize: 22, | |
| bold: true, | |
| alignment:'right', | |
| margin:[0,0,0,15] | |
| }, | |
| // Invoice Details | |
| invoiceSubTitle: { | |
| fontSize: 12, | |
| alignment:'right' | |
| }, | |
| invoiceSubValue: { | |
| fontSize: 12, | |
| alignment:'right' | |
| }, | |
| // Billing Headers | |
| invoiceBillingTitle: { | |
| fontSize: 14, | |
| bold: true, | |
| alignment:'left', | |
| margin:[0,20,0,5], | |
| }, | |
| // Billing Details | |
| invoiceBillingDetails: { | |
| alignment:'left' | |
| }, | |
| invoiceBillingAddressTitle: { | |
| margin: [0,7,0,3], | |
| bold: true | |
| }, | |
| invoiceBillingAddress: { | |
| }, | |
| // Items Header | |
| itemsHeader: { | |
| margin: [0,5,0,5], | |
| bold: true | |
| }, | |
| // Item Title | |
| itemTitle: { | |
| bold: true, | |
| }, | |
| itemSubTitle: { | |
| italics: true, | |
| fontSize: 11 | |
| }, | |
| itemNumber: { | |
| margin: [0,5,0,5], | |
| alignment: 'center', | |
| }, | |
| itemTotal: { | |
| margin: [0,5,0,5], | |
| bold: true, | |
| alignment: 'center', | |
| }, | |
| // Items Footer (Subtotal, Total, Tax, etc) | |
| itemsFooterSubTitle: { | |
| margin: [0,5,0,5], | |
| bold: true, | |
| alignment:'right', | |
| }, | |
| itemsFooterSubValue: { | |
| margin: [0,5,0,5], | |
| bold: true, | |
| alignment:'center', | |
| }, | |
| itemsFooterTotalTitle: { | |
| margin: [0,5,0,5], | |
| bold: true, | |
| alignment:'right', | |
| }, | |
| itemsFooterTotalValue: { | |
| margin: [0,5,0,5], | |
| bold: true, | |
| alignment:'center', | |
| }, | |
| signaturePlaceholder: { | |
| margin: [0,70,0,0], | |
| }, | |
| signatureName: { | |
| bold: true, | |
| alignment:'center', | |
| }, | |
| signatureJobTitle: { | |
| italics: true, | |
| fontSize: 10, | |
| alignment:'center', | |
| }, | |
| notesTitle: { | |
| fontSize: 10, | |
| bold: true, | |
| margin: [0,50,0,3], | |
| }, | |
| notesText: { | |
| fontSize: 10 | |
| }, | |
| center: { | |
| alignment:'center', | |
| }, | |
| }, | |
| defaultStyle: { | |
| columnGap: 20, | |
| } | |
| } |
Read line 4...
Best answer on the internet goes too.... @vipex ! 2 words 1 number job done!
Thanks for the markup.
thanks! very helpful
thank you so much
Thanks
Thank you :)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
How we can run this ?