Pdf Sales
This commit is contained in:
efrilm
parent
0dc6e967bb
commit
8ac6ff6d14
@ -61,15 +61,15 @@ export class PDFExportSalesService {
|
||||
yPos = this.addReportTitle(pdf, salesData.profitLoss, yPos, pageWidth, marginLeft, marginRight)
|
||||
|
||||
// Section 1: Ringkasan
|
||||
checkPageBreak(60)
|
||||
checkPageBreak(50)
|
||||
yPos = this.addRingkasanSection(pdf, salesData.profitLoss, yPos, pageWidth, marginLeft, marginRight, checkPageBreak)
|
||||
|
||||
// Section 2: Invoice Summary
|
||||
checkPageBreak(50)
|
||||
checkPageBreak(40)
|
||||
yPos = this.addInvoiceSection(pdf, salesData.profitLoss, yPos, pageWidth, marginLeft, marginRight, checkPageBreak)
|
||||
|
||||
// Section 3: Payment Methods
|
||||
checkPageBreak(120)
|
||||
checkPageBreak(80)
|
||||
yPos = this.addPaymentMethodsSection(
|
||||
pdf,
|
||||
salesData.paymentAnalytics,
|
||||
@ -81,7 +81,7 @@ export class PDFExportSalesService {
|
||||
)
|
||||
|
||||
// Section 4: Category Summary
|
||||
checkPageBreak(120)
|
||||
checkPageBreak(80)
|
||||
yPos = this.addCategorySection(
|
||||
pdf,
|
||||
salesData.categoryAnalytics,
|
||||
@ -93,7 +93,7 @@ export class PDFExportSalesService {
|
||||
)
|
||||
|
||||
// Section 5: Product Summary
|
||||
checkPageBreak(150)
|
||||
checkPageBreak(100)
|
||||
yPos = this.addProductSection(
|
||||
pdf,
|
||||
salesData.productAnalytics,
|
||||
@ -142,7 +142,7 @@ export class PDFExportSalesService {
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Ringkasan section
|
||||
* Add Ringkasan section - SAMAKAN DENGAN PAYMENT METHODS STYLE
|
||||
*/
|
||||
private static addRingkasanSection(
|
||||
pdf: any,
|
||||
@ -155,12 +155,12 @@ export class PDFExportSalesService {
|
||||
): number {
|
||||
let yPos = startY
|
||||
|
||||
// Section title
|
||||
pdf.setFontSize(16)
|
||||
// Section title - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFontSize(14)
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setTextColor(102, 45, 145)
|
||||
pdf.text('Ringkasan', marginLeft, yPos)
|
||||
yPos += 10
|
||||
yPos += 12
|
||||
|
||||
// Reset text color
|
||||
pdf.setTextColor(0, 0, 0)
|
||||
@ -192,11 +192,11 @@ export class PDFExportSalesService {
|
||||
yPos += 8
|
||||
})
|
||||
|
||||
return yPos + 10
|
||||
return yPos + 20
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Invoice section
|
||||
* Add Invoice section - SAMAKAN DENGAN PAYMENT METHODS STYLE
|
||||
*/
|
||||
private static addInvoiceSection(
|
||||
pdf: any,
|
||||
@ -209,12 +209,12 @@ export class PDFExportSalesService {
|
||||
): number {
|
||||
let yPos = startY
|
||||
|
||||
// Section title
|
||||
pdf.setFontSize(16)
|
||||
// Section title - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFontSize(14)
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setTextColor(102, 45, 145)
|
||||
pdf.text('Invoice', marginLeft, yPos)
|
||||
yPos += 10
|
||||
yPos += 12
|
||||
|
||||
// Reset formatting
|
||||
pdf.setTextColor(0, 0, 0)
|
||||
@ -242,11 +242,11 @@ export class PDFExportSalesService {
|
||||
yPos += 8
|
||||
})
|
||||
|
||||
return yPos + 15
|
||||
return yPos + 20
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Payment Methods section
|
||||
* Add Payment Methods section - ORIGINAL STYLE (3 jam lu bikin ini!)
|
||||
*/
|
||||
private static addPaymentMethodsSection(
|
||||
pdf: any,
|
||||
@ -363,11 +363,11 @@ export class PDFExportSalesService {
|
||||
align: 'right'
|
||||
})
|
||||
|
||||
return yPos + 25
|
||||
return yPos + 20
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Category section
|
||||
* Add Category section - SAMAKAN DENGAN PAYMENT METHODS STYLE
|
||||
*/
|
||||
private static addCategorySection(
|
||||
pdf: any,
|
||||
@ -380,12 +380,12 @@ export class PDFExportSalesService {
|
||||
): number {
|
||||
let yPos = startY
|
||||
|
||||
// Section title
|
||||
pdf.setFontSize(16)
|
||||
// Section title - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFontSize(14)
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setTextColor(102, 45, 145)
|
||||
pdf.text('Ringkasan Kategori', marginLeft, yPos)
|
||||
yPos += 15
|
||||
yPos += 12
|
||||
|
||||
// Reset formatting
|
||||
pdf.setTextColor(0, 0, 0)
|
||||
@ -395,26 +395,26 @@ export class PDFExportSalesService {
|
||||
const colWidths = [50, 30, 25, 35] // Name, Products, Qty, Revenue
|
||||
let currentX = marginLeft
|
||||
|
||||
// Table header
|
||||
// Table header - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFillColor(240, 240, 240)
|
||||
pdf.rect(marginLeft, yPos - 3, tableWidth, 12, 'F')
|
||||
pdf.rect(marginLeft, yPos, tableWidth, 10, 'F')
|
||||
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setFontSize(10)
|
||||
pdf.setFontSize(9)
|
||||
|
||||
const headers = ['Nama', 'Total Produk', 'Qty', 'Pendapatan']
|
||||
currentX = marginLeft
|
||||
|
||||
headers.forEach((header, index) => {
|
||||
if (index === 0) {
|
||||
pdf.text(header, currentX + 2, yPos + 3)
|
||||
pdf.text(header, currentX + 2, yPos + 6)
|
||||
} else {
|
||||
pdf.text(header, currentX + colWidths[index] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(header, currentX + colWidths[index] / 2, yPos + 6, { align: 'center' })
|
||||
}
|
||||
currentX += colWidths[index]
|
||||
})
|
||||
|
||||
yPos += 15
|
||||
yPos += 12
|
||||
|
||||
// Calculate summaries
|
||||
const categorySummary = {
|
||||
@ -423,67 +423,67 @@ export class PDFExportSalesService {
|
||||
totalQuantity: categoryAnalytics.data?.reduce((sum, item) => sum + (item?.total_quantity || 0), 0) || 0
|
||||
}
|
||||
|
||||
// Table rows
|
||||
// Table rows - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFont('helvetica', 'normal')
|
||||
pdf.setFontSize(9)
|
||||
|
||||
categoryAnalytics.data?.forEach((category, index) => {
|
||||
if (checkPageBreak(12)) yPos = 20
|
||||
|
||||
// Row background (alternating)
|
||||
if (index % 2 === 1) {
|
||||
pdf.setFillColor(250, 250, 250)
|
||||
pdf.rect(marginLeft, yPos - 3, tableWidth, 10, 'F')
|
||||
}
|
||||
if (checkPageBreak(10)) yPos = 20
|
||||
|
||||
currentX = marginLeft
|
||||
pdf.setFont('helvetica', 'normal')
|
||||
pdf.setFontSize(9)
|
||||
pdf.setTextColor(0, 0, 0)
|
||||
|
||||
// Category name
|
||||
pdf.text(category.category_name, currentX + 2, yPos + 2)
|
||||
pdf.text(category.category_name, currentX + 2, yPos + 5)
|
||||
currentX += colWidths[0]
|
||||
|
||||
// Product count
|
||||
pdf.text(category.product_count.toString(), currentX + colWidths[1] - 2, yPos + 2, { align: 'right' })
|
||||
pdf.text(category.product_count.toString(), currentX + colWidths[1] / 2, yPos + 5, { align: 'center' })
|
||||
currentX += colWidths[1]
|
||||
|
||||
// Quantity
|
||||
pdf.text(category.total_quantity.toString(), currentX + colWidths[2] - 2, yPos + 2, { align: 'right' })
|
||||
pdf.text(category.total_quantity.toString(), currentX + colWidths[2] / 2, yPos + 5, { align: 'center' })
|
||||
currentX += colWidths[2]
|
||||
|
||||
// Revenue
|
||||
pdf.text(this.formatCurrency(category.total_revenue), currentX + colWidths[3] - 2, yPos + 2, { align: 'right' })
|
||||
pdf.text(this.formatCurrency(category.total_revenue), currentX + colWidths[3] - 2, yPos + 5, { align: 'right' })
|
||||
|
||||
// Draw bottom border line - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setDrawColor(230, 230, 230)
|
||||
pdf.setLineWidth(0.3)
|
||||
pdf.line(marginLeft, yPos + 8, marginLeft + tableWidth, yPos + 8)
|
||||
|
||||
yPos += 10
|
||||
})
|
||||
|
||||
// Table footer (Total)
|
||||
if (checkPageBreak(12)) yPos = 20
|
||||
|
||||
pdf.setFillColor(220, 220, 220)
|
||||
pdf.rect(marginLeft, yPos - 3, tableWidth, 12, 'F')
|
||||
// Table footer (Total) - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFillColor(245, 245, 245) // Lighter gray
|
||||
pdf.rect(marginLeft, yPos, tableWidth, 10, 'F')
|
||||
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setFontSize(10)
|
||||
pdf.setFontSize(9)
|
||||
|
||||
currentX = marginLeft
|
||||
pdf.text('TOTAL', currentX + 2, yPos + 3)
|
||||
pdf.text('TOTAL', currentX + 2, yPos + 6)
|
||||
currentX += colWidths[0]
|
||||
|
||||
pdf.text(categorySummary.productCount.toString(), currentX + colWidths[1] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(categorySummary.productCount.toString(), currentX + colWidths[1] / 2, yPos + 6, { align: 'center' })
|
||||
currentX += colWidths[1]
|
||||
|
||||
pdf.text(categorySummary.totalQuantity.toString(), currentX + colWidths[2] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(categorySummary.totalQuantity.toString(), currentX + colWidths[2] / 2, yPos + 6, { align: 'center' })
|
||||
currentX += colWidths[2]
|
||||
|
||||
pdf.text(this.formatCurrency(categorySummary.totalRevenue), currentX + colWidths[3] - 2, yPos + 3, {
|
||||
pdf.text(this.formatCurrency(categorySummary.totalRevenue), currentX + colWidths[3] - 2, yPos + 6, {
|
||||
align: 'right'
|
||||
})
|
||||
|
||||
return yPos + 25
|
||||
return yPos + 20
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Product section with category grouping
|
||||
* Add Product section - SAMAKAN DENGAN PAYMENT METHODS STYLE
|
||||
*/
|
||||
private static addProductSection(
|
||||
pdf: any,
|
||||
@ -494,14 +494,14 @@ export class PDFExportSalesService {
|
||||
marginRight: number,
|
||||
checkPageBreak: (space: number) => boolean
|
||||
): number {
|
||||
let yPos = startY
|
||||
let yPos = startY // Hapus extra spacing, biar sama dengan section lain
|
||||
|
||||
// Section title
|
||||
pdf.setFontSize(16)
|
||||
// Section title - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFontSize(14)
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setTextColor(102, 45, 145)
|
||||
pdf.text('Ringkasan Item', marginLeft, yPos)
|
||||
yPos += 15
|
||||
yPos += 12
|
||||
|
||||
// Reset formatting
|
||||
pdf.setTextColor(0, 0, 0)
|
||||
@ -511,26 +511,26 @@ export class PDFExportSalesService {
|
||||
const colWidths = [60, 20, 20, 30, 30] // Product, Qty, Order, Revenue, Average
|
||||
let currentX = marginLeft
|
||||
|
||||
// Table header
|
||||
// Table header - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFillColor(240, 240, 240)
|
||||
pdf.rect(marginLeft, yPos - 3, tableWidth, 12, 'F')
|
||||
pdf.rect(marginLeft, yPos, tableWidth, 10, 'F')
|
||||
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setFontSize(10)
|
||||
pdf.setFontSize(9)
|
||||
|
||||
const headers = ['Produk', 'Qty', 'Order', 'Pendapatan', 'Rata Rata']
|
||||
currentX = marginLeft
|
||||
|
||||
headers.forEach((header, index) => {
|
||||
if (index === 0) {
|
||||
pdf.text(header, currentX + 2, yPos + 3)
|
||||
pdf.text(header, currentX + 2, yPos + 6)
|
||||
} else {
|
||||
pdf.text(header, currentX + colWidths[index] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(header, currentX + colWidths[index] / 2, yPos + 6, { align: 'center' })
|
||||
}
|
||||
currentX += colWidths[index]
|
||||
})
|
||||
|
||||
yPos += 15
|
||||
yPos += 12
|
||||
|
||||
// Group products by category
|
||||
const groupedProducts =
|
||||
@ -553,6 +553,8 @@ export class PDFExportSalesService {
|
||||
totalOrders: productAnalytics.data?.reduce((sum, item) => sum + (item?.order_count || 0), 0) || 0
|
||||
}
|
||||
|
||||
// Table rows - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setFont('helvetica', 'normal')
|
||||
pdf.setFontSize(9)
|
||||
|
||||
// Render grouped products
|
||||
@ -562,105 +564,108 @@ export class PDFExportSalesService {
|
||||
const categoryProducts = groupedProducts[categoryName]
|
||||
|
||||
// Check page break for category header
|
||||
if (checkPageBreak(15)) yPos = 20
|
||||
if (checkPageBreak(10)) yPos = 20
|
||||
|
||||
// Category header
|
||||
pdf.setFillColor(230, 230, 230)
|
||||
pdf.rect(marginLeft, yPos - 3, tableWidth, 12, 'F')
|
||||
// Category header - SAMA STYLE SEPERTI PAYMENT METHODS TAPI WARNA LEBIH SOFT
|
||||
pdf.setFillColor(248, 248, 248) // Warna lebih soft
|
||||
pdf.rect(marginLeft, yPos, tableWidth, 10, 'F')
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setFontSize(9)
|
||||
pdf.setTextColor(102, 45, 145)
|
||||
pdf.text(categoryName.toUpperCase(), marginLeft + 2, yPos + 3)
|
||||
pdf.text(categoryName.toUpperCase(), marginLeft + 2, yPos + 6)
|
||||
pdf.setTextColor(0, 0, 0)
|
||||
yPos += 12
|
||||
yPos += 10 // Kurangi jarak, langsung ke 10px seperti row normal
|
||||
|
||||
// Category products
|
||||
categoryProducts.forEach((item, index) => {
|
||||
if (checkPageBreak(10)) yPos = 20
|
||||
|
||||
// Row background (alternating within category)
|
||||
if (index % 2 === 1) {
|
||||
pdf.setFillColor(250, 250, 250)
|
||||
pdf.rect(marginLeft, yPos - 2, tableWidth, 8, 'F')
|
||||
}
|
||||
|
||||
pdf.setFont('helvetica', 'normal')
|
||||
currentX = marginLeft
|
||||
pdf.setFont('helvetica', 'normal')
|
||||
pdf.setFontSize(9)
|
||||
pdf.setTextColor(0, 0, 0)
|
||||
|
||||
// Product name (indented and truncated if needed)
|
||||
const productName =
|
||||
item.product_name.length > 45 ? item.product_name.substring(0, 42) + '...' : item.product_name
|
||||
|
||||
pdf.text(productName, currentX + 5, yPos + 2) // Indented for products
|
||||
pdf.text(` ${productName}`, currentX + 2, yPos + 5) // Indented for products
|
||||
currentX += colWidths[0]
|
||||
|
||||
// Quantity
|
||||
pdf.text(item.quantity_sold.toString(), currentX + colWidths[1] - 2, yPos + 2, { align: 'right' })
|
||||
pdf.text(item.quantity_sold.toString(), currentX + colWidths[1] / 2, yPos + 5, { align: 'center' })
|
||||
currentX += colWidths[1]
|
||||
|
||||
// Order count
|
||||
pdf.text((item.order_count || 0).toString(), currentX + colWidths[2] - 2, yPos + 2, { align: 'right' })
|
||||
pdf.text((item.order_count || 0).toString(), currentX + colWidths[2] / 2, yPos + 5, { align: 'center' })
|
||||
currentX += colWidths[2]
|
||||
|
||||
// Revenue
|
||||
pdf.text(this.formatCurrency(item.revenue), currentX + colWidths[3] - 2, yPos + 2, { align: 'right' })
|
||||
pdf.text(this.formatCurrency(item.revenue), currentX + colWidths[3] - 2, yPos + 5, { align: 'right' })
|
||||
currentX += colWidths[3]
|
||||
|
||||
// Average price
|
||||
pdf.text(this.formatCurrency(item.average_price), currentX + colWidths[4] - 2, yPos + 2, { align: 'right' })
|
||||
pdf.text(this.formatCurrency(item.average_price), currentX + colWidths[4] - 2, yPos + 5, { align: 'right' })
|
||||
|
||||
yPos += 8
|
||||
// Draw bottom border line - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.setDrawColor(230, 230, 230)
|
||||
pdf.setLineWidth(0.3)
|
||||
pdf.line(marginLeft, yPos + 8, marginLeft + tableWidth, yPos + 8)
|
||||
|
||||
yPos += 10
|
||||
})
|
||||
|
||||
// Category subtotal
|
||||
// Category subtotal - WARNA LEBIH SOFT
|
||||
if (checkPageBreak(10)) yPos = 20
|
||||
|
||||
const categoryTotalQty = categoryProducts.reduce((sum, item) => sum + (item.quantity_sold || 0), 0)
|
||||
const categoryTotalOrders = categoryProducts.reduce((sum, item) => sum + (item.order_count || 0), 0)
|
||||
const categoryTotalRevenue = categoryProducts.reduce((sum, item) => sum + (item.revenue || 0), 0)
|
||||
|
||||
pdf.setFillColor(200, 200, 200)
|
||||
pdf.rect(marginLeft, yPos - 2, tableWidth, 10, 'F')
|
||||
pdf.setFillColor(240, 240, 240) // Sama dengan table header, lebih soft
|
||||
pdf.rect(marginLeft, yPos, tableWidth, 10, 'F')
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setFontSize(9)
|
||||
|
||||
currentX = marginLeft
|
||||
pdf.text(`Subtotal ${categoryName}`, currentX + 5, yPos + 3)
|
||||
pdf.text(`Subtotal ${categoryName}`, currentX + 2, yPos + 6)
|
||||
currentX += colWidths[0]
|
||||
|
||||
pdf.text(categoryTotalQty.toString(), currentX + colWidths[1] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(categoryTotalQty.toString(), currentX + colWidths[1] / 2, yPos + 6, { align: 'center' })
|
||||
currentX += colWidths[1]
|
||||
|
||||
pdf.text(categoryTotalOrders.toString(), currentX + colWidths[2] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(categoryTotalOrders.toString(), currentX + colWidths[2] / 2, yPos + 6, { align: 'center' })
|
||||
currentX += colWidths[2]
|
||||
|
||||
pdf.text(this.formatCurrency(categoryTotalRevenue), currentX + colWidths[3] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(this.formatCurrency(categoryTotalRevenue), currentX + colWidths[3] - 2, yPos + 6, { align: 'right' })
|
||||
|
||||
yPos += 15
|
||||
yPos += 10 // Kurangi spacing dari 15 ke 10
|
||||
})
|
||||
|
||||
// Grand total
|
||||
if (checkPageBreak(12)) yPos = 20
|
||||
// Grand total - SAMA SEPERTI PAYMENT METHODS FOOTER
|
||||
if (checkPageBreak(10)) yPos = 20
|
||||
|
||||
pdf.setFillColor(180, 180, 180)
|
||||
pdf.rect(marginLeft, yPos - 3, tableWidth, 12, 'F')
|
||||
pdf.setFillColor(245, 245, 245) // Lighter gray - SAMA SEPERTI PAYMENT METHODS
|
||||
pdf.rect(marginLeft, yPos, tableWidth, 10, 'F')
|
||||
|
||||
pdf.setFont('helvetica', 'bold')
|
||||
pdf.setFontSize(10)
|
||||
pdf.setFontSize(9)
|
||||
|
||||
currentX = marginLeft
|
||||
pdf.text('TOTAL KESELURUHAN', currentX + 2, yPos + 3)
|
||||
pdf.text('TOTAL KESELURUHAN', currentX + 2, yPos + 6)
|
||||
currentX += colWidths[0]
|
||||
|
||||
pdf.text(productSummary.totalQuantitySold.toString(), currentX + colWidths[1] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(productSummary.totalQuantitySold.toString(), currentX + colWidths[1] / 2, yPos + 6, { align: 'center' })
|
||||
currentX += colWidths[1]
|
||||
|
||||
pdf.text(productSummary.totalOrders.toString(), currentX + colWidths[2] - 2, yPos + 3, { align: 'right' })
|
||||
pdf.text(productSummary.totalOrders.toString(), currentX + colWidths[2] / 2, yPos + 6, { align: 'center' })
|
||||
currentX += colWidths[2]
|
||||
|
||||
pdf.text(this.formatCurrency(productSummary.totalRevenue), currentX + colWidths[3] - 2, yPos + 3, {
|
||||
pdf.text(this.formatCurrency(productSummary.totalRevenue), currentX + colWidths[3] - 2, yPos + 6, {
|
||||
align: 'right'
|
||||
})
|
||||
|
||||
return yPos + 20
|
||||
return yPos + 25
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user