feat: allow invoices download as csv

dashboard/src/utils.js

@@ -206,5 +206,22 @@ export function validateSubdomain(subdomain) {
 	return null;
 }
 
+export function downloadAsCSV(data, filename) {
+	if (!data || data.length === 0) return;
+	let result = [];
+	result[0] = Object.keys(data[0]);
+	data.forEach(row => {
+		result.push(Object.values(row));
+	});
+	const csv = result.map(row => Object.values(row).join(',')).join('\n');
+	const blob = new Blob([csv], { type: 'text/csv' });
+	const url = window.URL.createObjectURL(blob);
+	const a = document.createElement('a');
+	a.href = url;
+	a.download = filename;
+	a.click();
+	window.URL.revokeObjectURL(url);
+}
+
 export { utils };
 export { default as dayjs } from './utils/dayjs';

dashboard/src2/components/InvoiceTable.vue

@@ -1,5 +1,14 @@
 <template>
 	<div>
+		<div class="flex justify-end">
+			<Button
+				icon-left="download"
+				class="shrink-0"
+				@click="$resources.downloadInvoice.submit"
+			>
+				<span class="text-sm">Download as CSV</span>
+			</Button>
+		</div>
 		<div v-if="doc" class="overflow-x-auto">
 			<table
 				class="text w-full border-separate border-spacing-y-2 text-base font-normal text-gray-900"
@@ -132,6 +141,7 @@
 </template>
 <script>
 import { getPlans } from '../data/plans';
+import { downloadAsCSV } from '../../src/utils';
 
 export default {
 	name: 'InvoiceTable',
@@ -143,6 +153,20 @@ export default {
 				doctype: 'Invoice',
 				name: this.invoiceId
 			};
+		},
+		downloadInvoice() {
+			return {
+				url: 'press.api.billing.fetch_invoice_items',
+				makeParams() {
+					return {
+						invoice: this.invoiceId
+					};
+				},
+				onSuccess(data) {
+					let filename = `${this.invoiceId}.csv`;
+					downloadAsCSV(data, filename);
+				}
+			};
 		}
 	},
 	computed: {

press/api/billing.py

@@ -643,3 +643,22 @@ def total_unpaid_amount():
 		)[0]
 		or 0
 	) + negative_balance
+
+
+@frappe.whitelist()
+def fetch_invoice_items(invoice):
+	return frappe.get_all(
+		"Invoice Item",
+		{"parent": invoice, "parenttype": "Invoice"},
+		[
+			"document_type",
+			"document_name",
+			"rate",
+			"quantity",
+			"amount",
+			"plan",
+			"description",
+			"discount",
+			"site",
+		],
+	)