Last active
March 28, 2019 08:06
-
-
Save casperbakker/410239169309f8ee1c0298c0411e6b18 to your computer and use it in GitHub Desktop.
Picqer purchase order PDF HTML
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
<!doctype html> | |
<html lang="en"> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
</head> | |
<body class="purchaseorder-pdf"> | |
<div id="header"> | |
<div class="barcode barcode-purchaseorder"><img src="example.png"></div> | |
<div class="document-title">Purchase order {purchaseorderid}</div> | |
</div> | |
<div id="footer"> | |
<div class="page-number"></div> | |
</div> | |
<div id="background"><img src="example-background.png"></div> | |
<div id="document"> | |
<div id="documenthead"> | |
<div id="metadata"> | |
<table> | |
<tr class="metadata-purchaseorderid"> | |
<th>Purchase order</th> | |
<td>{purchaseorderid}</td> | |
</tr> | |
<tr class="metadata-warehouse"> | |
<th>Warehouse</th> | |
<td>{warehouse name}</td> | |
</tr> | |
<tr class="metadata-date"> | |
<th>Date</th> | |
<td>01-01-2019</td> | |
</tr> | |
<tr class="metadata-delivery-date"> | |
<th>Expected delivery date</th> | |
<td>01-01-2019</td> | |
</tr> | |
<tr class="metadata-supplier-orderid"> | |
<th>Order number supplier</th> | |
<td>{order number supplier}</td> | |
</tr> | |
</table> | |
</div> | |
<div id="address"> | |
Example company B.V.<br> | |
Dorpsstraat 21<br> | |
3928 AM Utrecht<br> | |
Nederland | |
</div> | |
</div> | |
<div class="content"> | |
<div class="template-custom-html-start">{template-start-text}</div> | |
<div class="purchaseorder-remarks"> | |
<div class="purchaseorder-remarks-heading">Remarks</div> | |
<div>{remarks}</div> | |
</div> | |
<div id="products" class="products"> | |
<table> | |
<thead> | |
<tr> | |
<th class="column-productcode-supplier">Supplier</th> | |
<th class="column-productcode">Product code</th> | |
<th class="column-name">Name</th> | |
<th class="right column-amount">Amount</th> | |
<th class="right column-price">Price</th> | |
<th class="right column-total-price">Total</th> | |
</tr> | |
</thead> | |
<tbody> | |
<tr> | |
<td class="column-productcode-supplier">{productcode supplier}</td> | |
<td class="column-productcode">{productcode}</td> | |
<td class="column-name"> | |
<div class="name">{name}</div> | |
<span class="productfield">{productfield-title}: {value}}</span> | |
</td> | |
<td class="right column-amount">{amount}</td> | |
<td class="right column-price">{price}</td> | |
<td class="right column-total-price">{total price}</td> | |
</tr> | |
</tbody> | |
<tfoot> | |
<tr> | |
<td colspan="3" class="align-right"><strong>Total:</strong></td> | |
<td id="totalamount" class="align-right nowrap column-amount">{total amount}</td> | |
<td class="column-price"></td> | |
<td id="totalprice" class="align-right nowrap column-total-price">{total price}</td> | |
</tr> | |
</tfoot> | |
</table> | |
</div> | |
<div class="template-custom-html-end">{template-end-text}</div> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment