accounting Reports
This commit is contained in:
@@ -36,10 +36,22 @@
|
||||
<i class="ti ti-search me-1"></i>Run
|
||||
</button>
|
||||
</div>
|
||||
<div class="col ms-auto d-flex align-items-end justify-content-end">
|
||||
<button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
|
||||
<i class="ti ti-printer me-1"></i>Print
|
||||
</button>
|
||||
<div class="col-auto">
|
||||
<div class="dropdown">
|
||||
<a href="#" role="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ti ti-download me-1"></i>Export
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end p-0" style="min-width:160px;">
|
||||
<div class="d-flex gap-3 align-items-center border-bottom px-3 py-3">
|
||||
<i class="ti ti-download"></i><div><h4 class="mb-0 small">Export</h4></div>
|
||||
</div>
|
||||
<div class="p-3 d-flex flex-column gap-1 small lh-lg">
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('csv')"><i class="ti ti-file-type-csv me-2"></i>CSV</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('xlsx')"><i class="ti ti-file-type-xls me-2"></i>Excel</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('pdf')"><i class="ti ti-file-type-pdf me-2"></i>PDF</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -56,6 +68,7 @@
|
||||
<?php require '../include_ending.php'; ?>
|
||||
|
||||
<script>
|
||||
var export_data = [];
|
||||
var now = new Date();
|
||||
document.getElementById('f_as_of').value =
|
||||
now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0') + '-' + String(now.getDate()).padStart(2,'0');
|
||||
@@ -83,8 +96,9 @@
|
||||
function load_report() {
|
||||
var as_of = document.getElementById('f_as_of').value;
|
||||
var dept = document.getElementById('f_department').value || '0';
|
||||
if (!as_of) { alert('Select a date.'); return; }
|
||||
if (!as_of) { bootbox.alert('Select a date.'); return; }
|
||||
|
||||
export_data = [];
|
||||
document.getElementById('bs_body').innerHTML =
|
||||
'<div class="col-12"><div class="card p-5 text-center text-muted"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</div></div>';
|
||||
|
||||
@@ -94,8 +108,7 @@
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
action: 'read',
|
||||
as_of_date: as_of,
|
||||
department_id: dept,
|
||||
data: { as_of_date: as_of, department_id: dept },
|
||||
onSuccess: function(res) {
|
||||
var d = res.output;
|
||||
var rows = d.rows || [];
|
||||
@@ -103,6 +116,24 @@
|
||||
var assets = rows.filter(function(r){ return r.account_type === 'asset'; });
|
||||
var liabilities = rows.filter(function(r){ return r.account_type === 'liability'; });
|
||||
var equity = rows.filter(function(r){ return r.account_type === 'equity'; });
|
||||
export_data = [];
|
||||
assets.forEach(function(r) {
|
||||
export_data.push({ section:'Asset', code:r.account_code, account:r.account_name,
|
||||
debit:r.total_debit, credit:r.total_credit,
|
||||
net: parseFloat(r.total_debit) - parseFloat(r.total_credit) });
|
||||
});
|
||||
liabilities.forEach(function(r) {
|
||||
export_data.push({ section:'Liability', code:r.account_code, account:r.account_name,
|
||||
debit:r.total_debit, credit:r.total_credit,
|
||||
net: parseFloat(r.total_credit) - parseFloat(r.total_debit) });
|
||||
});
|
||||
equity.forEach(function(r) {
|
||||
export_data.push({ section:'Equity', code:r.account_code, account:r.account_name,
|
||||
debit:r.total_debit, credit:r.total_credit,
|
||||
net: parseFloat(r.total_credit) - parseFloat(r.total_debit) });
|
||||
});
|
||||
export_data.push({ section:'Equity', code:'—', account:'Retained Earnings (Cumulative P&L)',
|
||||
debit:'', credit:'', net: parseFloat(d.retained_earnings) || 0 });
|
||||
|
||||
function sum_net(items, type) {
|
||||
return items.reduce(function(s, r) {
|
||||
@@ -165,7 +196,34 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
function export_report(format) {
|
||||
if (export_data.length === 0) { bootbox.alert('No data to export. Run the report first.'); return; }
|
||||
var as_of = document.getElementById('f_as_of').value;
|
||||
var filename = 'balance_sheet_' + as_of;
|
||||
if (format === 'csv') {
|
||||
alasql('SELECT * INTO CSV("' + filename + '.csv",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'xlsx') {
|
||||
alasql('SELECT * INTO XLSX("' + filename + '.xlsx",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'pdf') {
|
||||
var { jsPDF } = window.jspdf;
|
||||
var doc = new jsPDF();
|
||||
doc.setFontSize(11);
|
||||
doc.text('Balance Sheet As of ' + as_of, 14, 14);
|
||||
doc.autoTable({
|
||||
startY: 20,
|
||||
head: [['Section','Code','Account','Debit','Credit','Net']],
|
||||
body: export_data.map(function(r){ return [r.section,r.code,r.account,r.debit,r.credit,r.net]; }),
|
||||
styles: { fontSize: 8 },
|
||||
headStyles: { fillColor: [41,128,185] },
|
||||
});
|
||||
doc.save(filename + '.pdf');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.8.2/jspdf.plugin.autotable.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<!-- Filters -->
|
||||
<div class="card p-4 mb-4">
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-2">
|
||||
<label class="form-label mb-1 small">Account</label>
|
||||
<select id="f_account" class="form-select form-select-sm">
|
||||
<option value="">— Select account —</option>
|
||||
@@ -46,10 +46,22 @@
|
||||
<i class="ti ti-search me-1"></i>Run
|
||||
</button>
|
||||
</div>
|
||||
<div class="col ms-auto d-flex align-items-end justify-content-end">
|
||||
<button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
|
||||
<i class="ti ti-printer me-1"></i>Print
|
||||
</button>
|
||||
<div class="col-auto">
|
||||
<div class="dropdown">
|
||||
<a href="#" role="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ti ti-download me-1"></i>Export
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end p-0" style="min-width:160px;">
|
||||
<div class="d-flex gap-3 align-items-center border-bottom px-3 py-3">
|
||||
<i class="ti ti-download"></i><div><h4 class="mb-0 small">Export</h4></div>
|
||||
</div>
|
||||
<div class="p-3 d-flex flex-column gap-1 small lh-lg">
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('csv')"><i class="ti ti-file-type-csv me-2"></i>CSV</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('xlsx')"><i class="ti ti-file-type-xls me-2"></i>Excel</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('pdf')"><i class="ti ti-file-type-pdf me-2"></i>PDF</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -92,6 +104,7 @@
|
||||
<?php require '../include_ending.php'; ?>
|
||||
|
||||
<script>
|
||||
var export_data = [];
|
||||
var now = new Date();
|
||||
var curMonth = now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0');
|
||||
document.getElementById('f_from').value = curMonth + '-01';
|
||||
@@ -103,6 +116,8 @@
|
||||
url: server_url + 'accounting/api/engine/account.php',
|
||||
autoPrepare: true,
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
queueLock: false,
|
||||
action: 'read',
|
||||
onSuccess: function(res) {
|
||||
var opts = '<option value="">— Select account —</option>';
|
||||
@@ -139,9 +154,10 @@
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var dept = document.getElementById('f_department').value || '0';
|
||||
if (!code) { alert('Select an account.'); return; }
|
||||
if (!from || !to) { alert('Select both dates.'); return; }
|
||||
if (!code) { bootbox.alert('Select an account.'); return; }
|
||||
if (!from || !to) { bootbox.alert('Select both dates.'); return; }
|
||||
|
||||
export_data = [];
|
||||
document.getElementById('glm_tbody').innerHTML =
|
||||
'<tr><td colspan="8" class="text-center text-muted py-5"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</td></tr>';
|
||||
document.getElementById('glm_tfoot').innerHTML = '';
|
||||
@@ -152,10 +168,7 @@
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
action: 'read',
|
||||
account_code: code,
|
||||
from_date: from,
|
||||
to_date: to,
|
||||
department_id: dept,
|
||||
data: { account_code: code, from_date: from, to_date: to, department_id: dept },
|
||||
onSuccess: function(res) {
|
||||
var d = res.output;
|
||||
var rows = d.rows || [];
|
||||
@@ -175,12 +188,14 @@
|
||||
var running = parseFloat(d.opening_balance) || 0;
|
||||
var total_dr = 0, total_cr = 0;
|
||||
var html = '';
|
||||
export_data.push({ date:'Opening Balance', period:'', department:'', reference:'', description:'', debit:'', credit:'', balance: running });
|
||||
rows.forEach(function(r) {
|
||||
var dr = parseFloat(r.debit) || 0;
|
||||
var cr = parseFloat(r.credit) || 0;
|
||||
running += dr - cr;
|
||||
total_dr += dr;
|
||||
total_cr += cr;
|
||||
export_data.push({ date:r.entry_date||'', period:r.period||'', department:r.dept_code||'', reference:r.reference||'', description:r.line_description||r.gl_description||'', debit:dr||'', credit:cr||'', balance:running });
|
||||
var bal_color = running >= 0 ? '' : 'text-danger';
|
||||
html += '<tr>' +
|
||||
'<td class="small">' + escape_html(r.entry_date || '—') + '</td>' +
|
||||
@@ -204,7 +219,36 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
function export_report(format) {
|
||||
if (export_data.length === 0) { bootbox.alert('No data to export. Run the report first.'); return; }
|
||||
var code = document.getElementById('f_account').value;
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var filename = 'gl_movement_' + code + '_' + from + '_' + to;
|
||||
if (format === 'csv') {
|
||||
alasql('SELECT * INTO CSV("' + filename + '.csv",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'xlsx') {
|
||||
alasql('SELECT * INTO XLSX("' + filename + '.xlsx",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'pdf') {
|
||||
var { jsPDF } = window.jspdf;
|
||||
var doc = new jsPDF({ orientation: 'landscape' });
|
||||
doc.setFontSize(11);
|
||||
doc.text('GL Movement ' + code + ' ' + from + ' to ' + to, 14, 14);
|
||||
doc.autoTable({
|
||||
startY: 20,
|
||||
head: [['Date','Period','Department','Reference','Description','Debit','Credit','Balance']],
|
||||
body: export_data.map(function(r){ return [r.date,r.period,r.department,r.reference,r.description,r.debit,r.credit,r.balance]; }),
|
||||
styles: { fontSize: 7 },
|
||||
headStyles: { fillColor: [41,128,185] },
|
||||
});
|
||||
doc.save(filename + '.pdf');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.8.2/jspdf.plugin.autotable.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -40,10 +40,22 @@
|
||||
<i class="ti ti-search me-1"></i>Run
|
||||
</button>
|
||||
</div>
|
||||
<div class="col ms-auto d-flex align-items-end justify-content-end">
|
||||
<button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
|
||||
<i class="ti ti-printer me-1"></i>Print
|
||||
</button>
|
||||
<div class="col-auto">
|
||||
<div class="dropdown">
|
||||
<a href="#" role="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ti ti-download me-1"></i>Export
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end p-0" style="min-width:160px;">
|
||||
<div class="d-flex gap-3 align-items-center border-bottom px-3 py-3">
|
||||
<i class="ti ti-download"></i><div><h4 class="mb-0 small">Export</h4></div>
|
||||
</div>
|
||||
<div class="p-3 d-flex flex-column gap-1 small lh-lg">
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('csv')"><i class="ti ti-file-type-csv me-2"></i>CSV</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('xlsx')"><i class="ti ti-file-type-xls me-2"></i>Excel</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('pdf')"><i class="ti ti-file-type-pdf me-2"></i>PDF</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -59,6 +71,7 @@
|
||||
<?php require '../include_ending.php'; ?>
|
||||
|
||||
<script>
|
||||
var export_data = [];
|
||||
var now = new Date();
|
||||
var curMonth = now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0');
|
||||
document.getElementById('f_from').value = curMonth + '-01';
|
||||
@@ -88,8 +101,9 @@
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var dept = document.getElementById('f_department').value || '0';
|
||||
if (!from || !to) { alert('Select both dates.'); return; }
|
||||
if (!from || !to) { bootbox.alert('Select both dates.'); return; }
|
||||
|
||||
export_data = [];
|
||||
document.getElementById('pl_body').innerHTML =
|
||||
'<div class="card p-5 text-center text-muted"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</div>';
|
||||
|
||||
@@ -99,14 +113,24 @@
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
action: 'read',
|
||||
from_date: from,
|
||||
to_date: to,
|
||||
department_id: dept,
|
||||
data: { from_date: from, to_date: to, department_id: dept },
|
||||
onSuccess: function(res) {
|
||||
var d = res.output;
|
||||
var rows = d.rows || [];
|
||||
var revenues = rows.filter(function(r){ return r.account_type === 'revenue'; });
|
||||
var expenses = rows.filter(function(r){ return r.account_type === 'expense'; });
|
||||
export_data = [];
|
||||
revenues.forEach(function(r) {
|
||||
export_data.push({ section:'Revenue', code:r.account_code, account:r.account_name,
|
||||
debit:r.total_debit, credit:r.total_credit,
|
||||
net: parseFloat(r.total_credit) - parseFloat(r.total_debit) });
|
||||
});
|
||||
expenses.forEach(function(r) {
|
||||
export_data.push({ section:'Expense', code:r.account_code, account:r.account_name,
|
||||
debit:r.total_debit, credit:r.total_credit,
|
||||
net: parseFloat(r.total_debit) - parseFloat(r.total_credit) });
|
||||
});
|
||||
export_data.push({ section:'', code:'', account:'Net Profit / (Loss)', debit:'', credit:'', net: d.net_profit });
|
||||
|
||||
function section_rows(items, is_revenue) {
|
||||
if (items.length === 0) return '<tr><td colspan="3" class="text-muted small ps-4">No entries.</td></tr>';
|
||||
@@ -154,7 +178,35 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
function export_report(format) {
|
||||
if (export_data.length === 0) { bootbox.alert('No data to export. Run the report first.'); return; }
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var filename = 'pl_statement_' + from + '_' + to;
|
||||
if (format === 'csv') {
|
||||
alasql('SELECT * INTO CSV("' + filename + '.csv",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'xlsx') {
|
||||
alasql('SELECT * INTO XLSX("' + filename + '.xlsx",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'pdf') {
|
||||
var { jsPDF } = window.jspdf;
|
||||
var doc = new jsPDF();
|
||||
doc.setFontSize(11);
|
||||
doc.text('Profit & Loss Statement ' + from + ' to ' + to, 14, 14);
|
||||
doc.autoTable({
|
||||
startY: 20,
|
||||
head: [['Section','Code','Account','Debit','Credit','Net']],
|
||||
body: export_data.map(function(r){ return [r.section,r.code,r.account,r.debit,r.credit,r.net]; }),
|
||||
styles: { fontSize: 8 },
|
||||
headStyles: { fillColor: [41,128,185] },
|
||||
});
|
||||
doc.save(filename + '.pdf');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.8.2/jspdf.plugin.autotable.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -40,10 +40,22 @@
|
||||
<i class="ti ti-search me-1"></i>Run
|
||||
</button>
|
||||
</div>
|
||||
<div class="col ms-auto d-flex align-items-end justify-content-end">
|
||||
<button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
|
||||
<i class="ti ti-printer me-1"></i>Print
|
||||
</button>
|
||||
<div class="col-auto">
|
||||
<div class="dropdown">
|
||||
<a href="#" role="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ti ti-download me-1"></i>Export
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end p-0" style="min-width:160px;">
|
||||
<div class="d-flex gap-3 align-items-center border-bottom px-3 py-3">
|
||||
<i class="ti ti-download"></i><div><h4 class="mb-0 small">Export</h4></div>
|
||||
</div>
|
||||
<div class="p-3 d-flex flex-column gap-1 small lh-lg">
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('csv')"><i class="ti ti-file-type-csv me-2"></i>CSV</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('xlsx')"><i class="ti ti-file-type-xls me-2"></i>Excel</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('pdf')"><i class="ti ti-file-type-pdf me-2"></i>PDF</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -80,6 +92,7 @@
|
||||
|
||||
<script>
|
||||
var type_labels = { asset:'Asset', liability:'Liability', equity:'Equity', revenue:'Revenue', expense:'Expense' };
|
||||
var export_data = [];
|
||||
|
||||
// Default: current month date range
|
||||
var now = new Date();
|
||||
@@ -111,8 +124,9 @@
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var dept = document.getElementById('f_department').value || '0';
|
||||
if (!from || !to) { alert('Select both dates.'); return; }
|
||||
if (!from || !to) { bootbox.alert('Select both dates.'); return; }
|
||||
|
||||
export_data = [];
|
||||
document.getElementById('tb_tbody').innerHTML =
|
||||
'<tr><td colspan="9" class="text-center text-muted py-5"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</td></tr>';
|
||||
document.getElementById('tb_tfoot').innerHTML = '';
|
||||
@@ -123,9 +137,7 @@
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
action: 'read',
|
||||
from_date: from,
|
||||
to_date: to,
|
||||
department_id: dept,
|
||||
data: { from_date: from, to_date: to, department_id: dept },
|
||||
onSuccess: function(res) {
|
||||
var d = res.output;
|
||||
var rows = d.rows || [];
|
||||
@@ -135,6 +147,14 @@
|
||||
document.getElementById('tb_tfoot').innerHTML = '';
|
||||
return;
|
||||
}
|
||||
export_data = rows.map(function(r) {
|
||||
return {
|
||||
code: r.account_code, account: r.account_name, type: type_labels[r.account_type] || r.account_type,
|
||||
bf_debit: r.opening_debit, bf_credit: r.opening_credit,
|
||||
period_debit: r.period_debit, period_credit: r.period_credit,
|
||||
cf_debit: r.closing_debit, cf_credit: r.closing_credit,
|
||||
};
|
||||
});
|
||||
var html = '';
|
||||
rows.forEach(function(r) {
|
||||
html += '<tr>' +
|
||||
@@ -163,7 +183,35 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
function export_report(format) {
|
||||
if (export_data.length === 0) { bootbox.alert('No data to export. Run the report first.'); return; }
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var filename = 'trial_balance_' + from + '_' + to;
|
||||
if (format === 'csv') {
|
||||
alasql('SELECT * INTO CSV("' + filename + '.csv",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'xlsx') {
|
||||
alasql('SELECT * INTO XLSX("' + filename + '.xlsx",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'pdf') {
|
||||
var { jsPDF } = window.jspdf;
|
||||
var doc = new jsPDF({ orientation: 'landscape' });
|
||||
doc.setFontSize(11);
|
||||
doc.text('Trial Balance ' + from + ' to ' + to, 14, 14);
|
||||
doc.autoTable({
|
||||
startY: 20,
|
||||
head: [['Code','Account','Type','B/F Debit','B/F Credit','Period Debit','Period Credit','C/F Debit','C/F Credit']],
|
||||
body: export_data.map(function(r){ return [r.code,r.account,r.type,r.bf_debit,r.bf_credit,r.period_debit,r.period_credit,r.cf_debit,r.cf_credit]; }),
|
||||
styles: { fontSize: 7 },
|
||||
headStyles: { fillColor: [41,128,185] },
|
||||
});
|
||||
doc.save(filename + '.pdf');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.8.2/jspdf.plugin.autotable.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -48,10 +48,22 @@
|
||||
<i class="ti ti-search me-1"></i>Run
|
||||
</button>
|
||||
</div>
|
||||
<div class="col ms-auto d-flex align-items-end justify-content-end">
|
||||
<button class="btn btn-outline-secondary btn-sm" onclick="window.print()">
|
||||
<i class="ti ti-printer me-1"></i>Print
|
||||
</button>
|
||||
<div class="col-auto">
|
||||
<div class="dropdown">
|
||||
<a href="#" role="button" class="btn btn-outline-secondary btn-sm text-nowrap" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
<i class="ti ti-download me-1"></i>Export
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-menu-end p-0" style="min-width:160px;">
|
||||
<div class="d-flex gap-3 align-items-center border-bottom px-3 py-3">
|
||||
<i class="ti ti-download"></i><div><h4 class="mb-0 small">Export</h4></div>
|
||||
</div>
|
||||
<div class="p-3 d-flex flex-column gap-1 small lh-lg">
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('csv')"><i class="ti ti-file-type-csv me-2"></i>CSV</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('xlsx')"><i class="ti ti-file-type-xls me-2"></i>Excel</a>
|
||||
<a href="javascript:;" class="ac-export-link" onclick="export_report('pdf')"><i class="ti ti-file-type-pdf me-2"></i>PDF</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -121,6 +133,7 @@
|
||||
document.getElementById('f_to').value = curMonth + '-' + String(new Date(now.getFullYear(), now.getMonth() + 1, 0).getDate()).padStart(2,'0');
|
||||
flatpickr('#f_from, #f_to', { dateFormat: 'Y-m-d', altInput: true, altFormat: 'd/m/Y', allowInput: true });
|
||||
|
||||
var export_data = [];
|
||||
var cat_labels = { sales_tax: 'Output VAT', purchase_tax: 'Input VAT' };
|
||||
var src_labels = {
|
||||
invoice: 'Invoice', credit_note: 'Credit Note',
|
||||
@@ -152,8 +165,9 @@
|
||||
var to = document.getElementById('f_to').value;
|
||||
var cat = document.getElementById('f_cat').value;
|
||||
var dept = document.getElementById('f_department').value || '0';
|
||||
if (!from || !to) { alert('Select both dates.'); return; }
|
||||
if (!from || !to) { bootbox.alert('Select both dates.'); return; }
|
||||
|
||||
export_data = [];
|
||||
document.getElementById('vat_tbody').innerHTML =
|
||||
'<tr><td colspan="10" class="text-center text-muted py-5"><span class="spinner-border spinner-border-sm me-2"></span>Loading...</td></tr>';
|
||||
document.getElementById('vat_summary').style.display = 'none';
|
||||
@@ -164,10 +178,7 @@
|
||||
checkRequired: 0,
|
||||
noLoading: true,
|
||||
action: 'read',
|
||||
from_date: from,
|
||||
to_date: to,
|
||||
categories: cat ? [cat] : [],
|
||||
department_id: dept,
|
||||
data: { from_date: from, to_date: to, categories: cat ? [cat] : [], department_id: dept },
|
||||
onSuccess: function(res) {
|
||||
var d = res.output;
|
||||
var rows = d.rows || [];
|
||||
@@ -183,6 +194,19 @@
|
||||
return;
|
||||
}
|
||||
|
||||
export_data = rows.map(function(r) {
|
||||
return {
|
||||
date: r.entry_date||'', period: r.period||'',
|
||||
type: src_labels[r.source_type]||r.source_type,
|
||||
department: r.dept_code||'',
|
||||
reference: r.reference||'',
|
||||
account: r.account_code + ' ' + r.account_name,
|
||||
category: cat_labels[r.account_category]||r.account_category,
|
||||
description: r.description||'',
|
||||
debit: parseFloat(r.debit)||'',
|
||||
credit: parseFloat(r.credit)||'',
|
||||
};
|
||||
});
|
||||
var html = '';
|
||||
rows.forEach(function(r) {
|
||||
html += '<tr>' +
|
||||
@@ -202,7 +226,35 @@
|
||||
}
|
||||
});
|
||||
}
|
||||
function export_report(format) {
|
||||
if (export_data.length === 0) { bootbox.alert('No data to export. Run the report first.'); return; }
|
||||
var from = document.getElementById('f_from').value;
|
||||
var to = document.getElementById('f_to').value;
|
||||
var filename = 'vat_report_' + from + '_' + to;
|
||||
if (format === 'csv') {
|
||||
alasql('SELECT * INTO CSV("' + filename + '.csv",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'xlsx') {
|
||||
alasql('SELECT * INTO XLSX("' + filename + '.xlsx",{headers:true}) FROM ?', [export_data]);
|
||||
} else if (format === 'pdf') {
|
||||
var { jsPDF } = window.jspdf;
|
||||
var doc = new jsPDF({ orientation: 'landscape' });
|
||||
doc.setFontSize(11);
|
||||
doc.text('VAT Report ' + from + ' to ' + to, 14, 14);
|
||||
doc.autoTable({
|
||||
startY: 20,
|
||||
head: [['Date','Period','Type','Dept','Reference','Account','Category','Description','Debit','Credit']],
|
||||
body: export_data.map(function(r){ return [r.date,r.period,r.type,r.department,r.reference,r.account,r.category,r.description,r.debit,r.credit]; }),
|
||||
styles: { fontSize: 7 },
|
||||
headStyles: { fillColor: [41,128,185] },
|
||||
});
|
||||
doc.save(filename + '.pdf');
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.8.2/jspdf.plugin.autotable.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -120,3 +120,6 @@
|
||||
margin-left: 0.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
.wms-export-link { display:block; padding:2px 4px; border-radius:4px; color:#404040; text-decoration:none; transition: background .15s, color .15s; }
|
||||
.wms-export-link:hover { background-color:#fae0d7; color:#b84a2e !important; }
|
||||
|
||||
@@ -276,8 +276,6 @@ class FinancialReports
|
||||
$pd = $period_agg[$code]['debit'] ?? 0.0;
|
||||
$pc = $period_agg[$code]['credit'] ?? 0.0;
|
||||
|
||||
if ($od == 0 && $oc == 0 && $pd == 0 && $pc == 0) continue;
|
||||
|
||||
$opening_balance = $od - $oc;
|
||||
$closing_balance = $opening_balance + $pd - $pc;
|
||||
|
||||
@@ -344,8 +342,6 @@ class FinancialReports
|
||||
$d = $agg[$code]['debit'] ?? 0.0;
|
||||
$c = $agg[$code]['credit'] ?? 0.0;
|
||||
|
||||
if ($d == 0 && $c == 0) continue;
|
||||
|
||||
$a['total_debit'] = $d;
|
||||
$a['total_credit'] = $c;
|
||||
$rows[] = $a;
|
||||
@@ -396,7 +392,6 @@ class FinancialReports
|
||||
$c = $agg[$code]['credit'] ?? 0.0;
|
||||
|
||||
if (in_array($a['account_type'], ['asset', 'liability', 'equity'])) {
|
||||
if ($d == 0 && $c == 0) continue;
|
||||
$a['total_debit'] = $d;
|
||||
$a['total_credit'] = $c;
|
||||
$rows[] = $a;
|
||||
|
||||
@@ -14,6 +14,7 @@
|
||||
(function () {
|
||||
// company_id is set in include_topbar.php as a JS global
|
||||
if (typeof company_id === 'undefined' || !company_id) return;
|
||||
if (typeof io === 'undefined') return;
|
||||
|
||||
window._socket = io('<?php echo NODE_PUBLIC_URL; ?>', {
|
||||
query: { company_id: company_id },
|
||||
|
||||
@@ -192,3 +192,8 @@
|
||||
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<style>
|
||||
.ac-export-link { display:block; padding:2px 4px; border-radius:4px; color:#404040; text-decoration:none; transition: background .15s, color .15s; }
|
||||
.ac-export-link:hover { background-color:#cfe2ff; color:#0a58ca !important; }
|
||||
</style>
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
<input type="month" id="from_month" class="form-control form-control-sm" style="width:150px;">
|
||||
<span class="text-muted small text-nowrap">to</span>
|
||||
<input type="month" id="to_month" class="form-control form-control-sm" style="width:150px;">
|
||||
<button class="btn btn-primary btn-sm text-nowrap" onclick="do_search();">
|
||||
<button class="btn btn-secondary btn-sm text-nowrap" onclick="do_search();">
|
||||
<i class="ti ti-search"></i> Search
|
||||
</button>
|
||||
<div class="dropdown">
|
||||
@@ -41,13 +41,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-3 d-flex flex-column gap-1 small lh-lg">
|
||||
<a href="javascript:;" onclick="export_report('csv')">
|
||||
<a href="javascript:;" class="wms-export-link" onclick="export_report('csv')">
|
||||
<span><i class="ti ti-file-type-csv me-2"></i>CSV</span>
|
||||
</a>
|
||||
<a href="javascript:;" onclick="export_report('xlsx')">
|
||||
<a href="javascript:;" class="wms-export-link" onclick="export_report('xlsx')">
|
||||
<span><i class="ti ti-file-type-xls me-2"></i>Excel</span>
|
||||
</a>
|
||||
<a href="javascript:;" onclick="export_report('pdf')">
|
||||
<a href="javascript:;" class="wms-export-link" onclick="export_report('pdf')">
|
||||
<span><i class="ti ti-file-type-pdf me-2"></i>PDF</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user