parent
586acdc03e
commit
acdf10d7bc
@ -0,0 +1,34 @@ |
||||
<%- include('../../partials/Amazon/InvoiceHeader')%> |
||||
<%- include('../../partials/Amazon/ItemsTableHeader')%> |
||||
<% var ren=1; InvoiceDetail.forEach((item)=> { %> |
||||
<tr> |
||||
<td> |
||||
<%= ren++ %> |
||||
</td> |
||||
<td> |
||||
<%= item.ItemId %> |
||||
</td> |
||||
<td> |
||||
<%= item.ItemDescription %> |
||||
</td> |
||||
<td> |
||||
<%= item.ItemQuantityUnitOfMeasure %> |
||||
</td> |
||||
<td> |
||||
<%= item.CountryOfOrigin %> |
||||
</td> |
||||
<td> |
||||
<%= item.Quantity %> |
||||
</td> |
||||
<td> |
||||
<%= item.WeightValue %> |
||||
</td> |
||||
<td> |
||||
<%= item.ActualUnitCostMonetaryAmount %> |
||||
</th> |
||||
<td> |
||||
<%= item.TotalUnitValueMonetaryAmount %> |
||||
</td> |
||||
</tr> |
||||
<% }) %> |
||||
<%- include('../../partials/Amazon/InvoiceFooter')%> |
@ -0,0 +1,34 @@ |
||||
<!-- <tfoot> |
||||
<tr> |
||||
<td></td> |
||||
<td></td> |
||||
<td></td> |
||||
<td></td> |
||||
<td class="bolder"=>TOTAL QTY</td> |
||||
<td class="bolder" style="font-size:17px;"><%= InvoiceDetail.length %></td> |
||||
<th colspan="2" style="text-align: right;">TOTAL USD $</th> |
||||
<td class="bolder" style="font-size:17px;"><%= InvoiceHeader.TotalInvoiceValueMonetaryAmount %></td> |
||||
</tr> |
||||
</tfoot> --> |
||||
</table> |
||||
<table width="100%"> |
||||
<tr> |
||||
<td width="60%"> </td> |
||||
<td width="40%"> |
||||
<table width="100%" style="text-align:right"> |
||||
<tr class="bolder"> |
||||
<td>Total Qty:</td> |
||||
<td style="font-size:18px"><% |
||||
var TotalWeight=0; |
||||
InvoiceDetail.forEach((item)=> { TotalWeight=TotalWeight+item.WeightValue }); %> |
||||
<%= TotalWeight.toString().substring(0,7) %> |
||||
</td> |
||||
<td>TOTAL USD$:</td> |
||||
<td style="font-size:18px"><%= InvoiceHeader.TotalInvoiceValueMonetaryAmount %></td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
|
||||
</html> |
@ -0,0 +1,129 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" |
||||
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> |
||||
<style> |
||||
.bolder { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
.frame { |
||||
border-color: 3px black; |
||||
} |
||||
</style> |
||||
</head> |
||||
<table border='0' cellpadding='0' cellspacing='0' width='100%'> |
||||
<tr> |
||||
<td width='70%'> |
||||
<table width='100%' style='font-size: 12px;' cellpadding='0' cellspacing='0'> |
||||
<tr> |
||||
<td> |
||||
<center> |
||||
<div class="card" style="width: 90%; padding-left: 20px; text-align: left;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">SELLER</span> <br> |
||||
<%= SellerL1 %> <br> |
||||
<%= SellerL2 %> <br> |
||||
<%= SellerL3 %> |
||||
</div> |
||||
</div> |
||||
</center> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td> |
||||
<center> |
||||
<div class="card" style="width: 90%; padding-left: 20px; text-align: left;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">BILLER</span> <br> |
||||
<%= BillerL1 %> <br> |
||||
<%= BillerL2 %> <br> |
||||
<%= BillerL3 %> |
||||
</div> |
||||
</div> |
||||
</center> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
<td width='50%'> |
||||
<table cellpadding='0' cellspacing='0' width='100%' style="padding-top:50px"> |
||||
<tr> |
||||
<td> |
||||
<!-- <table cellpadding='0' cellspacing='0' width='100%'> |
||||
<tr> |
||||
<td> |
||||
<center> |
||||
<div class="card" style="width: 100%; padding-left: 20px; text-align: left; ; font-size:12px;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">Date:</span> <br> |
||||
<%= InvoiceHeader.CommercialInvoiceDate %> |
||||
</div> |
||||
</div> |
||||
</center> |
||||
</td> |
||||
<td> |
||||
<center> |
||||
<div class="card" style="width: 90%; padding-left: 20px; text-align: left; font-size:12px;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">Invoice No:</span> <br> |
||||
<%= InvoiceHeader.InvoiceNumber %> |
||||
</div> |
||||
</div> |
||||
</center> |
||||
</td> |
||||
</tr> |
||||
</table> --> |
||||
<center> |
||||
<div class="card" style="width: 100%; padding-left: 20px; text-align: left; font-size:12px;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">Invoice No:</span> <br> |
||||
<%= InvoiceHeader.InvoiceNumber %> |
||||
</div> |
||||
</div> |
||||
</center> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td> |
||||
<center> |
||||
<div class="card" style="width: 100%; padding-left: 20px; text-align: left; font-size:12px;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">Amazon Shipment Reference Id:</span> <br> |
||||
<%= AmazonShipmentReferenceId %> |
||||
</div> |
||||
</div> |
||||
</center> |
||||
</td> |
||||
</tr> |
||||
<tr> |
||||
<td> |
||||
<div class="row justify-content-start"> |
||||
<div class="col-6"> |
||||
<div class="card" style="width: 100%; padding-left: 20px; text-align: left; ; font-size:12px;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">Date:</span> <br> |
||||
<%= InvoiceHeader.CommercialInvoiceDate %> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-6"> |
||||
<div class="card" style="width: 100%; padding-left: 20px; text-align: left; font-size:12px;"> |
||||
<div class="card-body"> |
||||
<span style="font-size:15px; font-weight:bold;">Incoterms:</span> <br> |
||||
<%= InvoiceHeader.Incoterms %> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</td> |
||||
</tr> |
||||
</table> |
||||
</td> |
||||
</tr> |
||||
</table> |
@ -0,0 +1,38 @@ |
||||
<%- include('../Amazon/partials/header')%> |
||||
<%- include('../Amazon/partials/tableHeader')%> |
||||
<tbody> |
||||
<% |
||||
var ren=1; |
||||
InvoiceDetail.forEach((item)=> { %> |
||||
<tr> |
||||
<td> |
||||
<%= ren++ %> |
||||
</td> |
||||
<td> |
||||
<%= item.ItemId %> |
||||
</td> |
||||
<td> |
||||
<%= item.ItemDescription %> |
||||
</td> |
||||
<td> |
||||
<%= item.ItemQuantityUnitOfMeasure %> |
||||
</td> |
||||
<td> |
||||
<%= item.CountryOfOrigin %> |
||||
</td> |
||||
<td> |
||||
<%= item.Quantity %> |
||||
</td> |
||||
<td> |
||||
<%= item.WeightValue %> |
||||
</td> |
||||
<td> |
||||
<%= item.ActualUnitCostMonetaryAmount %> |
||||
</td> |
||||
<td> |
||||
<%= item.TotalUnitValueMonetaryAmount %> |
||||
</td> |
||||
</tr> |
||||
<% }) %> |
||||
</tbody> |
||||
<%- include('../Amazon/partials/footer')%> |
@ -0,0 +1,14 @@ |
||||
<table width='100%' class='table table-striped table-sm' style="font-size:12px"> |
||||
<thead> |
||||
<tr> |
||||
<th>Ord</th> |
||||
<th>ASIN#</th> |
||||
<th>Description of Goods</th> |
||||
<th>Unit Meas.</th> |
||||
<th>Country of Origin</th> |
||||
<th>Qty Shipped</th> |
||||
<th>Unit Net Weight Kg</th> |
||||
<th>Unit Cost USD</th> |
||||
<th>Total Value USD</th> |
||||
</tr> |
||||
</thead> |
Loading…
Reference in new issue