accounting workflows
This commit is contained in:
Thanakorn S
+183
-7
@@ -13,24 +13,200 @@
|
||||
|
||||
<div class="row mb-6">
|
||||
<div class="col-12">
|
||||
<h1 class="fs-3 mb-1">Journal List</h1>
|
||||
<p class="mb-0 text-muted">All journal entries</p>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<h1 class="fs-3 mb-1">Journal Entries</h1>
|
||||
<p class="mb-0 text-muted">All posted general ledger entries</p>
|
||||
</div>
|
||||
<a href="<?php echo $server_url?>journal/new.php" class="btn btn-primary">
|
||||
<i class="ti ti-plus me-1"></i>New Manual Entry
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card p-5 text-center text-muted">
|
||||
<i class="ti ti-books fs-1 mb-3 d-block"></i>
|
||||
<p class="mb-0">Journal List coming soon.</p>
|
||||
<!-- Filters -->
|
||||
<div class="card p-4 mb-4">
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-auto">
|
||||
<label class="form-label mb-1 small">Period</label>
|
||||
<input type="month" id="f_period" class="form-control form-control-sm" style="width:160px;">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<label class="form-label mb-1 small">Source Type</label>
|
||||
<select id="f_source" class="form-select form-select-sm" style="width:200px;">
|
||||
<option value="">All Types</option>
|
||||
<option value="invoice">Invoice</option>
|
||||
<option value="credit_note">Credit Note</option>
|
||||
<option value="purchase_invoice">Purchase Invoice</option>
|
||||
<option value="supplier_credit_note">Supplier Credit Note</option>
|
||||
<option value="receipt">Receipt</option>
|
||||
<option value="payment">Payment</option>
|
||||
<option value="manual">Manual</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button class="btn btn-secondary btn-sm" onclick="load_listing()">
|
||||
<i class="ti ti-search me-1"></i>Load
|
||||
</button>
|
||||
</div>
|
||||
<div class="col ms-auto d-flex align-items-end justify-content-end">
|
||||
<span id="jl_badge" class="text-muted small"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Table -->
|
||||
<div class="card">
|
||||
<div class="card-body p-0">
|
||||
<table class="table table-hover mb-0 table-centered">
|
||||
<thead class="table-primary border-light">
|
||||
<tr>
|
||||
<th>Document</th>
|
||||
<th>Type</th>
|
||||
<th>Contact / Note</th>
|
||||
<th>Period</th>
|
||||
<th class="text-end">Debit</th>
|
||||
<th class="text-end">Credit</th>
|
||||
<th>Posted At</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="jl_tbody">
|
||||
<tr><td colspan="8" class="text-center text-muted py-5">Use filters and click Load.</td></tr>
|
||||
</tbody>
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- GL Detail Modal -->
|
||||
<div class="modal fade" id="gl_detail_modal" tabindex="-1">
|
||||
<div class="modal-dialog modal-lg modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Journal Entry Detail</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body" id="gl_detail_body">
|
||||
<div class="text-center text-muted py-5">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php require '../include_ending.php'; ?>
|
||||
|
||||
<script>
|
||||
var src_labels = {
|
||||
invoice: 'Invoice', credit_note: 'Credit Note',
|
||||
purchase_invoice: 'Purchase Invoice', supplier_credit_note: 'Supplier Credit Note',
|
||||
receipt: 'Receipt', payment: 'Payment', manual: 'Manual',
|
||||
};
|
||||
var type_badge_cls = {
|
||||
invoice: 'bg-primary-subtle text-primary',
|
||||
receipt: 'bg-success-subtle text-success',
|
||||
payment: 'bg-warning-subtle text-warning',
|
||||
purchase_invoice: 'bg-danger-subtle text-danger',
|
||||
supplier_credit_note: 'bg-secondary-subtle text-secondary',
|
||||
credit_note: 'bg-info-subtle text-info',
|
||||
manual: 'bg-dark-subtle text-dark',
|
||||
};
|
||||
|
||||
function load_listing() {
|
||||
var period = document.getElementById('f_period').value;
|
||||
var source = document.getElementById('f_source').value;
|
||||
|
||||
ajax_request({
|
||||
url: server_url + 'accounting/api/engine/get_journal_listing.php',
|
||||
autoPrepare: true,
|
||||
checkRequired: 0,
|
||||
action: 'read',
|
||||
period: period,
|
||||
source_type: source,
|
||||
onSuccess: function(res) {
|
||||
var rows = res.output || [];
|
||||
document.getElementById('jl_badge').textContent = rows.length + ' entries';
|
||||
|
||||
if (rows.length === 0) {
|
||||
document.getElementById('jl_tbody').innerHTML =
|
||||
'<tr><td colspan="8" class="text-center text-muted py-5">No entries found.</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
var html = '';
|
||||
rows.forEach(function(r) {
|
||||
var cls = type_badge_cls[r.source_type] || 'bg-secondary-subtle text-secondary';
|
||||
var label = src_labels[r.source_type] || r.source_type;
|
||||
html += '<tr>' +
|
||||
'<td class="fw-semibold">' + escape_html(r.doc_number || ('GL-' + r.id)) + '</td>' +
|
||||
'<td><span class="badge rounded-pill ' + cls + ' small">' + escape_html(label) + '</span></td>' +
|
||||
'<td class="small text-muted">' + escape_html(r.contact_name || '—') + '</td>' +
|
||||
'<td class="small">' + escape_html(r.period) + '</td>' +
|
||||
'<td class="text-end small">' + format_number(r.total_debit) + '</td>' +
|
||||
'<td class="text-end small">' + format_number(r.total_credit) + '</td>' +
|
||||
'<td class="small text-muted">' + escape_html(r.posted_at) + '</td>' +
|
||||
'<td><a href="javascript:;" onclick="view_detail(' + r.id + ')"><i class="ti ti-eye fs-5"></i></a>' +
|
||||
(r.source_type === 'manual' ? ' <a href="' + server_url + 'journal/new.php?gl_id=' + r.id + '" class="ms-2"><i class="ti ti-edit fs-5"></i></a>' : '') +
|
||||
'</td>' +
|
||||
'</tr>';
|
||||
});
|
||||
document.getElementById('jl_tbody').innerHTML = html;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function view_detail(gl_id) {
|
||||
document.getElementById('gl_detail_body').innerHTML = '<div class="text-center text-muted py-5">Loading...</div>';
|
||||
var modal = new bootstrap.Modal(document.getElementById('gl_detail_modal'));
|
||||
modal.show();
|
||||
|
||||
ajax_request({
|
||||
url: server_url + 'accounting/api/engine/get_journal_detail.php',
|
||||
autoPrepare: true,
|
||||
checkRequired: 0,
|
||||
action: 'read',
|
||||
gl_id: gl_id,
|
||||
onSuccess: function(res) {
|
||||
var d = res.output;
|
||||
var h = d.header;
|
||||
var lines = d.lines || [];
|
||||
|
||||
var lines_html = lines.map(function(l) {
|
||||
return '<tr>' +
|
||||
'<td>' + escape_html(l.account_code) + '</td>' +
|
||||
'<td>' + escape_html(l.account_name) + '</td>' +
|
||||
'<td class="text-muted small">' + escape_html(l.description || '—') + '</td>' +
|
||||
'<td class="text-end">' + (parseFloat(l.debit) ? format_number(l.debit) : '—') + '</td>' +
|
||||
'<td class="text-end">' + (parseFloat(l.credit) ? format_number(l.credit) : '—') + '</td>' +
|
||||
'</tr>';
|
||||
}).join('');
|
||||
|
||||
document.getElementById('gl_detail_body').innerHTML =
|
||||
'<div class="row g-3 mb-4">' +
|
||||
'<div class="col-6"><p class="text-muted small mb-0">Date</p><strong>' + escape_html(h.journal_date_fmt || h.journal_date || '—') + '</strong></div>' +
|
||||
'<div class="col-6"><p class="text-muted small mb-0">Period</p><strong>' + escape_html(h.period) + '</strong></div>' +
|
||||
'<div class="col-6"><p class="text-muted small mb-0">Reference</p><strong>' + escape_html(h.reference || '—') + '</strong></div>' +
|
||||
'<div class="col-6"><p class="text-muted small mb-0">Source</p><strong>' + escape_html(src_labels[h.source_type] || h.source_type) + '</strong></div>' +
|
||||
(h.description ? '<div class="col-12"><p class="text-muted small mb-0">Description</p><span>' + escape_html(h.description) + '</span></div>' : '') +
|
||||
'</div>' +
|
||||
'<table class="table table-sm">' +
|
||||
'<thead class="table-light"><tr><th>Code</th><th>Account</th><th>Description</th><th class="text-end">Debit</th><th class="text-end">Credit</th></tr></thead>' +
|
||||
'<tbody>' + lines_html + '</tbody>' +
|
||||
'</table>';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Auto-load current month on init
|
||||
var now = new Date();
|
||||
document.getElementById('f_period').value =
|
||||
now.getFullYear() + '-' + String(now.getMonth()+1).padStart(2,'0');
|
||||
load_listing();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user