Pdfmake - Invoice Template

invoice.js

// try here http://pdfmake.org/playground.html

  var dd = {
    pageMargins: 0,
    content: [
      {
        table: {
          widths: ['35%', '*'],
          body: [
            [
              {
                image: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAAAAAAAD/4QAuRXhpZgAATU0AKgAAAAgAAkAAAAMAAAABAIsAAEABAAEAAAABAAAAAAAAAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wAARCAC9AdoDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2WiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiqM+nPNO0gnZQew7UAXqKzf7Jk/wCflv1o/smT/n5b9aANKis3+yZP+flv1o/smT/n5b9aANKis3+yZP8An5b9aP7Jk/5+W/WgDSorN/smT/n5b9aP7Jk/5+W/WgDSorN/smT/AJ+W/Wj+yZP+flv1oA0qKzf7Jk/5+W/Wj+yZP+flv1oA0qKzf7Jk/wCflv1o/smT/n5b9aANKis3+yZP+flv1o/smT/n5b9aANKis3+yZP8An5b9aP7Jk/5+W/WgDSorN/smT/n5b9aP7Jk/5+W/WgDSorN/smT/AJ+W/Wj+yZP+flv1oA0qKzf7Jk/5+W/Wj+yZP+flv1oA0qKzf7Jk/wCflv1o/smT/n5b9aANKis3+yZP+flv1o/smT/n5b9aANKis3+yZP8An5b9aP7Jk/5+W/WgDSorN/smT/n5b9aP7Jk/5+W/WgDSorN/smT/AJ+W/Wj+yZP+flv1oA0qKzf7Jk/5+W/Wj+yZP+flv1oA0qKzf7Jk/wCflv1o/smT/n5b9aANKis3+yZP+flv1o/smT/n5b9aANKis3+yZP8An5b9aP7Jk/5+W/WgDSorN/smT/n5b9aP7Jk/5+W/WgDSorN/smT/AJ+W/Wj+yZP+flv1oA0qKzf7Jk/5+W/Wj+yZP+flv1oA0qKzf7Jk/wCflv1o/smT/n5b9aANKis3+yZP+flv1o/smT/n5b9aANKis3+yZP8An5b9aP7Jk/5+W/WgDSorN/smT/n5b9aT+ypOP9Jb9aANOigcAD0ooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAoJwCfSikb7jfSgCsupW7OEDHcTgcVarnLb/AI/Iv+ug/nXR0AFFFFABTZJEiXc7BR6k1HdXK2sJduT2HrWLme/nxyzH8loA031a3U4G5vcCkXV4D1V1/DNMi0eIAeYzM3fHFOk0iEqdjMp7c5oAtRXEU65jcN7VLXPTQS2MwySD/Cw71rWF79qQq+BIvX3oAt0UVFcTpbRF3PA6Ad6AJSccnpVaTULePgyAn0HNZM1z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oAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiqFzphnnaTziuewFAF+isz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xz/wA/Dfl/9egDTorM/sc/8/Dfl/8AXo/sc/8APw35f/XoA06KzP7HP/Pw35f/AF6P7HP/AD8N+X/16ANOisz+xz/z8N+X/wBej+xzkf6Q35f/AF6ANOigDAA9KKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP/9k=",
                width: 100,
                alignment: 'center',
                margin: [0, 60, 0, 60],
                fillColor: '#D8E0EF',
              },
              {
                fillColor: '#E5E5E5',
                margin: [12, 6],
                columns: [
                  {
                    stack: [
                      {
                        columns: [
                          {
                            text: 'From',
                            color: '#aaaaab',
                            bold: true,
                            fontSize: 10,
                            alignment: 'left',
                            margin: [0, 20, 0, 5],
                          },
                          {
                            text: 'To',
                            color: '#aaaaab',
                            bold: true,
                            fontSize: 10,
                            alignment: 'left',
                            margin: [0, 20, 0, 5],
                          },
                        ],
                      },
                      {
                        columns: [
                          {
                            text: 'Example Technologies LLC',
                            bold: true,
                            color: '#333333',
                            alignment: 'left',
                          },
                          {
                            text: `Test Tech LLC`,
                            bold: true,
                            color: '#333333',
                            alignment: 'left',
                          },
                        ],
                      },
                      {
                        columns: [
                          {
                            text: 'Address',
                            color: '#aaaaab',
                            fontSize: 10,
                            bold: true,
                            margin: [0, 7, 0, 3],
                          },
                          {
                            text: 'Address',
                            color: '#aaaaab',
                            fontSize: 10,
                            bold: true,
                            margin: [0, 7, 0, 3],
                          },
                        ],
                      },
                      {
                        columns: [
                          {
                            text: '6010 W. Lorem Ipsum,\n Texas, USA - 75024',
                          },
                          {
                            text: '6010 W. Lorem Ipsum,\n Texas, USA - 75024',
                          },
                        ],
                      },
                    ]
                  },
                ],
              },
            ]
          ]
        },
        layout: 'noBorders'
      },
      {
        table: {
          widths: ['25%', '*', '*', '*', '*'],
          body: [
            [
              {
                text: "INVOICE",
                alignment: 'center',
                fontSize: 26,
                bold: true,
                margin: [30, 20, 0, 0],
              },
              {
                text: "",
                alignment: 'left',
                fontSize: 11,
                margin: [0, 20, 0, 20],
              },
              {
                text: "",
                alignment: 'left',
                fontSize: 11,
                margin: [0, 20, 0, 20],
              },
              {
                text: [{ text: `Invoice No.\n`, color: '#aaaaab', bold: true }, { text: `123716`, color: '#333333', bold: true, fontSize: 13 }],
                alignment: 'left',
                fontSize: 11,
                margin: [0, 20, 0, 20],
              },
              {
                text: [{ text: `Date\n`, color: '#aaaaab', bold: true }, { text: `12/23/2021`, color: '#333333', bold: true, fontSize: 13 }],
                alignment: 'left',
                fontSize: 11,
                margin: [0, 20, 0, 20],
              },
            ]
          ]
        },
        layout: 'lightHorizontalLines'
      },
      {
        table: {
          headerRows: 1,
          widths: ['25%', '20%', '35%', '20%'],
          body: [
            [
              {
                text: 'Item',
                fillColor: '#D8E0EF',
                border: [true, true, true, true],
                margin: [20, 15, 10, 15],
                textTransform: 'uppercase',
                alignment: 'left',
                bold: true,
              },
              {
                text: 'Quantity',
                border: [true, true, true, true],
                alignment: 'right',
                fillColor: '#D8E0EF',
                margin: [20, 15, 20, 15],
                textTransform: 'uppercase',
                bold: true,
              },
              {
                text: 'Price/Unit',
                border: [true, true, true, true],
                alignment: 'right',
                fillColor: '#D8E0EF',
                margin: [20, 15, 20, 15],
                textTransform: 'uppercase',
                bold: true,
              },
              {
                text: 'Total',
                border: [true, true, true, true],
                alignment: 'right',
                fillColor: '#D8E0EF',
                margin: [20, 15, 20, 15],
                textTransform: 'uppercase',
                bold: true,
              },
            ],
            [
              {
                text: 'Item 1',
                border: [true, true, true, true],
                margin: [20, 15, 10, 15],
                alignment: 'left',
              },
              {
                text: "12",
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: `$2`,
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                border: [true, true, true, true],
                text: `$24`,
                alignment: 'right',
                margin: [20, 15, 20, 15],
              },
            ],
            [
              {
                text: 'Item 2',
                border: [true, true, true, true],
                margin: [20, 15, 10, 15],
                alignment: 'left',
                fillColor: "#E5E5E5"
              },
              {
                text: `1`,
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
                fillColor: "#E5E5E5"
              },
              {
                text: `$100`,
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
                fillColor: "#E5E5E5"
              },
              {
                border: [true, true, true, true],
                text: `$100`,
                fillColor: "#E5E5E5",
                alignment: 'right',
                margin: [20, 15, 20, 15],
              },
            ],
            [
              {
                text: 'Item 3',
                border: [true, true, true, true],
                margin: [20, 15, 10, 15],
                alignment: 'left',
              },
              {
                text: `10`,
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: `$1`,
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                border: [true, true, true, true],
                text: `$10`,
                alignment: 'right',
                margin: [20, 15, 20, 15],
              },
            ],
            [
              {
                text: 'Item 4',
                border: [true, true, true, true],
                margin: [20, 15, 10, 15],
                alignment: 'left',
                fillColor: "#E5E5E5"
              },
              {
                text: "10",
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
                fillColor: "#E5E5E5"
              },
              {
                text: `$10`,
                border: [true, true, true, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
                fillColor: "#E5E5E5"
              },
              {
                border: [true, true, true, true],
                text: `$100`,
                alignment: 'right',
                margin: [20, 15, 20, 15],
                fillColor: "#E5E5E5"
              },
            ],
            [
              {
                text: '',
                border: [true, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: '',
                border: [false, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: 'Payment Subtotal',
                border: [false, true, true, true],
                margin: [10, 15, 20, 15],
                alignment: 'right',
                bold: true,
              },
              {
                border: [true, true, true, true],
                text: `$234`,
                alignment: 'right',
                margin: [20, 15, 20, 15],
                bold: true,
              },
            ],
            [
              {
                text: '',
                border: [true, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: '',
                border: [false, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: `Applicable Tax (2%)`,
                border: [false, true, true, true],
                margin: [10, 15, 20, 15],
                alignment: 'right',
                fillColor: '#E5E5E5',
                bold: true,
              },
              {
                border: [true, true, true, true],
                text: `$4.68`,
                alignment: 'right',
                fillColor: '#E5E5E5',
                margin: [20, 15, 20, 15],
                bold: true,
              },
            ],
            [
              {
                text: '',
                border: [true, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: '',
                border: [false, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: `Payment Processing Fee (2%)`,
                border: [false, true, true, true],
                margin: [10, 15, 20, 15],
                alignment: 'right',
                bold: true,
              },
              {
                border: [true, true, true, true],
                text: `$4.77`,
                alignment: 'right',
                margin: [20, 15, 20, 15],
                bold: true,
              },
            ],
            [
              {
                text: '',
                border: [true, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: '',
                border: [false, false, false, true],
                margin: [20, 15, 20, 15],
                alignment: 'right',
              },
              {
                text: 'Total Amount',
                border: [false, true, true, true],
                margin: [10, 15, 20, 15],
                alignment: 'right',
                fillColor: '#D8E0EF',
                bold: true,
              },
              {
                border: [true, true, true, true],
                text: `$243.45`,
                alignment: 'right',
                fillColor: '#D8E0EF',
                margin: [20, 15, 20, 15],
                bold: true,
              },
            ],
          ],
        },
        layout: 'noBorders'
      },
      '\n',
      {
        table: {
          widths: ['*', '*'],
          body: [
            [
              {
                margin: [20, 50, 0, 3],
                text: 'NOTE:\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit mauris arcu, ut egestas velit blandit sit amet. Integer vel urna nibh. Donec aliquet convallis massa, eget egestas augue sagittis sit amet.',
                style: 'notesTitle',
              },
              {
                image: "data:image/png;base64,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",
                width: 100,
                alignment: 'center',
                margin: [0, 60, 0, 60],
              },
            ],
          ]
        },
        layout: 'noBorders'
      },
    ],
    styles: {
      notesTitle: {
        fontSize: 10,
        bold: true,
        margin: [20, 50, 0, 3],
      },
      notesText: {
        fontSize: 10,
        margin: [20, 10]
      },
    },
    defaultStyle: {
      columnGap: 20,
      //font: 'Quicksand',
    },
  }

Invoice Preview: