mirror of
https://github.com/itflow-org/itflow
synced 2026-02-28 02:44:53 +00:00
Moved pdfmake js directly into invoice and quote to avoid the multiple windows and multi queries
This commit is contained in:
419
invoice.php
419
invoice.php
@@ -65,6 +65,7 @@ if(isset($_GET['invoice_id'])){
|
||||
$company_email = $row['company_email'];
|
||||
$company_website = $row['company_website'];
|
||||
$company_logo = $row['company_logo'];
|
||||
$company_logo_base64 = base64_encode(file_get_contents($row['company_logo']));
|
||||
|
||||
$sql_history = mysqli_query($mysqli,"SELECT * FROM history WHERE invoice_id = $invoice_id ORDER BY history_id DESC");
|
||||
|
||||
@@ -76,6 +77,7 @@ if(isset($_GET['invoice_id'])){
|
||||
$amount_paid = $row['amount_paid'];
|
||||
|
||||
$balance = $invoice_amount - $amount_paid;
|
||||
$balance = number_format($balance,2);
|
||||
|
||||
//check to see if overdue
|
||||
if($invoice_status !== "Paid" AND $invoice_status !== "Draft" AND $invoice_status !== "Cancelled"){
|
||||
@@ -150,7 +152,7 @@ if(isset($_GET['invoice_id'])){
|
||||
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#addInvoiceRecurringModal<?php echo $invoice_id; ?>">Recurring</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#" onclick="window.print();">Print</a>
|
||||
<a class="dropdown-item" target="_blank" href="post.php?download_invoice=<?php echo $invoice_id; ?>">Download</a>
|
||||
<a class="dropdown-item" href="#" onclick="pdfMake.createPdf(docDefinition).download('<?php echo "$invoice_date-$company_name-$client_name-Invoice-$invoice_prefix$invoice_number.pdf"; ?>');">Download PDF</a>
|
||||
<a class="dropdown-item" href="post.php?email_invoice=<?php echo $invoice_id; ?>">Send Email</a>
|
||||
|
||||
<a class="dropdown-item" target="_blank" href="guest_view_invoice.php?invoice_id=<?php echo "$invoice_id&url_key=$invoice_url_key"; ?>">Guest URL</a>
|
||||
@@ -269,9 +271,9 @@ if(isset($_GET['invoice_id'])){
|
||||
<td><?php echo $item_name; ?></td>
|
||||
<td><?php echo $item_description; ?></td>
|
||||
<td class="text-center"><?php echo $item_quantity; ?></td>
|
||||
<td class="text-right text-monospace">$<?php echo number_format($item_price,2); ?></td>
|
||||
<td class="text-right text-monospace">$<?php echo number_format($item_tax,2); ?></td>
|
||||
<td class="text-right text-monospace">$<?php echo number_format($item_total,2); ?></td>
|
||||
<td class="text-right">$<?php echo number_format($item_price,2); ?></td>
|
||||
<td class="text-right">$<?php echo number_format($item_tax,2); ?></td>
|
||||
<td class="text-right">$<?php echo number_format($item_total,2); ?></td>
|
||||
</tr>
|
||||
|
||||
<?php
|
||||
@@ -342,23 +344,23 @@ if(isset($_GET['invoice_id'])){
|
||||
<tbody>
|
||||
<tr class="border-bottom">
|
||||
<td>Subtotal</td>
|
||||
<td class="text-right text-monospace">$<?php echo number_format($sub_total,2); ?></td>
|
||||
<td class="text-right">$<?php echo number_format($sub_total,2); ?></td>
|
||||
</tr>
|
||||
<?php if($total_tax > 0){ ?>
|
||||
<tr class="border-bottom">
|
||||
<td>Tax</td>
|
||||
<td class="text-right text-monospace">$<?php echo number_format($total_tax,2); ?></td>
|
||||
<td class="text-right">$<?php echo number_format($total_tax,2); ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<?php if($amount_paid > 0){ ?>
|
||||
<tr class="border-bottom">
|
||||
<td><div class="text-success">Paid to Date</div></td>
|
||||
<td class="text-right text-monospace text-success">$<?php echo number_format($amount_paid,2); ?></td>
|
||||
<td class="text-right text-success">$<?php echo number_format($amount_paid,2); ?></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
<tr class="border-bottom">
|
||||
<td><strong>Balance Due</strong></td>
|
||||
<td class="text-right text-monospace"><strong>$<?php echo number_format($balance,2); ?></strong></td>
|
||||
<td class="text-right"><strong>$<?php echo number_format($balance,2); ?></strong></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -484,6 +486,407 @@ include("footer.php");
|
||||
|
||||
?>
|
||||
|
||||
<script src='plugins/pdfmake/pdfmake.js'></script>
|
||||
<script src='plugins/pdfmake/vfs_fonts.js'></script>
|
||||
|
||||
<script>
|
||||
|
||||
// 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 docDefinition = {
|
||||
info: {
|
||||
title: '<?php echo "$company_name - Invoice"; ?>',
|
||||
author: '<?php echo $company_name; ?>'
|
||||
},
|
||||
|
||||
|
||||
footer: {
|
||||
columns: [
|
||||
|
||||
{ text: '<?php echo $config_invoice_footer; ?>', style: 'documentFooterCenter' },
|
||||
|
||||
]
|
||||
},
|
||||
|
||||
watermark: {text: '<?php echo $invoice_status; ?>', color: 'grey', opacity: 0.3, bold: true, italics: false},
|
||||
|
||||
content: [
|
||||
// Header
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
image: '<?php echo "data:image;base64,$company_logo_base64"; ?>',
|
||||
width: 120
|
||||
},
|
||||
|
||||
[
|
||||
{
|
||||
text: 'INVOICE',
|
||||
style: 'invoiceTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
stack: [
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Invoice #',
|
||||
style:'invoiceSubTitle',
|
||||
width: '*'
|
||||
|
||||
},
|
||||
{
|
||||
text:'<?php echo "$invoice_prefix$invoice_number"; ?>',
|
||||
style:'invoiceSubValue',
|
||||
width: 100
|
||||
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Date Issued',
|
||||
style:'invoiceSubTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
text:'<?php echo $invoice_date ?>',
|
||||
style:'invoiceSubValue',
|
||||
width: 100
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text:'Due Date',
|
||||
style:'invoiceSubTitle',
|
||||
width: '*'
|
||||
},
|
||||
{
|
||||
text:'<?php echo $invoice_due ?>',
|
||||
style:'invoiceSubValue',
|
||||
width: 100
|
||||
}
|
||||
]
|
||||
},
|
||||
]
|
||||
}
|
||||
],
|
||||
],
|
||||
},
|
||||
// Billing Headers
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text: '<?php echo $company_name; ?>',
|
||||
style:'invoiceBillingTitle',
|
||||
|
||||
},
|
||||
{
|
||||
text: '<?php echo $client_name; ?>',
|
||||
style:'invoiceBillingTitle',
|
||||
|
||||
},
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
columns: [
|
||||
{
|
||||
text: '<?php echo $company_address; ?> \n <?php echo "$company_city $company_state $company_zip"; ?> \n \n <?php echo $company_phone; ?> \n <?php echo $company_website; ?>',
|
||||
style: 'invoiceBillingAddress'
|
||||
},
|
||||
{
|
||||
text: '<?php echo $client_address; ?> \n <?php echo "$client_city $client_state $client_zip"; ?> \n \n <?php echo $client_email; ?> \n <?php echo $client_phone; ?>',
|
||||
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', '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: 'Total',
|
||||
style: [ 'itemsHeader', 'center']
|
||||
}
|
||||
],
|
||||
// Items
|
||||
<?php
|
||||
$total_tax = 0;
|
||||
$sub_total = 0;
|
||||
|
||||
$sql_invoice_items = mysqli_query($mysqli,"SELECT * FROM invoice_items WHERE invoice_id = $invoice_id ORDER BY item_id ASC");
|
||||
|
||||
while($row = mysqli_fetch_array($sql_invoice_items)){
|
||||
$item_name = $row['item_name'];
|
||||
$item_description = $row['item_description'];
|
||||
$item_quantity = $row['item_quantity'];
|
||||
$item_price = $row['item_price'];
|
||||
$item_subtotal = $row['item_price'];
|
||||
$item_tax = $row['item_tax'];
|
||||
$item_total = $row['item_total'];
|
||||
$tax_id = $row['tax_id'];
|
||||
$total_tax = $item_tax + $total_tax;
|
||||
$total_tax = number_format($total_tax,2);
|
||||
$sub_total = $item_price * $item_quantity + $sub_total;
|
||||
$sub_total = number_format($sub_total, 2);
|
||||
echo "
|
||||
|
||||
// Item 1
|
||||
[
|
||||
[
|
||||
{
|
||||
text: '$item_name',
|
||||
style:'itemTitle'
|
||||
},
|
||||
{
|
||||
text: '$item_description',
|
||||
style:'itemSubTitle'
|
||||
|
||||
}
|
||||
],
|
||||
{
|
||||
text:'$item_quantity',
|
||||
style:'itemNumber'
|
||||
},
|
||||
{
|
||||
text:'$$item_price',
|
||||
style:'itemNumber'
|
||||
},
|
||||
{
|
||||
text:'$$item_tax',
|
||||
style:'itemNumber'
|
||||
},
|
||||
{
|
||||
text: '$$item_total',
|
||||
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:'$<?php echo $sub_total; ?>',
|
||||
style:'itemsFooterSubValue'
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text:'Tax',
|
||||
style:'itemsFooterSubTitle'
|
||||
},
|
||||
{
|
||||
text: '$<?php echo $total_tax; ?>',
|
||||
style:'itemsFooterSubValue'
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text:'TOTAL',
|
||||
style:'itemsFooterTotalTitle'
|
||||
},
|
||||
{
|
||||
text: '$<?php echo $invoice_amount; ?>',
|
||||
style:'itemsFooterTotalValue'
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text:'Paid',
|
||||
style:'itemsFooterSubTitle'
|
||||
},
|
||||
{
|
||||
text: '$<?php echo $amount_paid; ?>',
|
||||
style:'itemsFooterSubValue'
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text:'Balance',
|
||||
style:'itemsFooterSubTitle'
|
||||
},
|
||||
{
|
||||
text: '$<?php echo $balance; ?>',
|
||||
style:'itemsFooterSubValue'
|
||||
}
|
||||
],
|
||||
]
|
||||
}, // table
|
||||
layout: 'lightHorizontalLines'
|
||||
},
|
||||
{
|
||||
text: 'NOTES',
|
||||
style:'notesTitle'
|
||||
},
|
||||
{
|
||||
text: '<?php ?>',
|
||||
style:'notesText'
|
||||
}
|
||||
],
|
||||
styles: {
|
||||
|
||||
// Document Footer
|
||||
documentFooterCenter: {
|
||||
fontSize: 10,
|
||||
margin: [5,5,5,5],
|
||||
alignment:'center'
|
||||
},
|
||||
// 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',
|
||||
},
|
||||
notesTitle: {
|
||||
fontSize: 10,
|
||||
bold: true,
|
||||
margin: [0,50,0,3],
|
||||
},
|
||||
notesText: {
|
||||
fontSize: 10
|
||||
},
|
||||
center: {
|
||||
alignment:'center',
|
||||
},
|
||||
},
|
||||
defaultStyle: {
|
||||
columnGap: 20,
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
var products = [
|
||||
|
||||
Reference in New Issue
Block a user