go2ismail/admintemplate-mvc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
go2ismail
2026-07-21 09:47:16 +07:00
commit 3973d98bc4
289 changed files with 41430 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wwwroot/js/dashboard-rms.js
+7
View File
@@ -0,0 +1,7 @@
document.addEventListener('DOMContentLoaded', function() {
const grayText = '#94a3b8';
const plRevenue = '#2563eb', plExpenses = '#f97316';
new Chart(document.getElementById('plChart'), { type: 'bar', data: { labels: ['Jan','Feb','Mar','Apr','May','Jun'], datasets: [{ label: 'Scheduled', data: [1.8,2.1,1.9,2.2,2.4,2.0], backgroundColor: plRevenue, borderRadius: 4, barPercentage: 0.4 }, { label: 'Unfilled', data: [1.4,1.6,1.5,1.7,1.8,1.5], backgroundColor: plExpenses, borderRadius: 4, barPercentage: 0.4 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true, grid: { color: '#f1f5f9' }, ticks: { color: grayText, font: { size: 10 }, callback: v => v + 'K' } }, x: { grid: { display: false }, ticks: { color: grayText, font: { size: 9 } } } } } });
new Chart(document.getElementById('expenseChart'), { type: 'doughnut', data: { labels: ['Morning','Afternoon','Night','Weekend','Others'], datasets: [{ data: [42,22,15,12,9], backgroundColor: ['#2563eb', '#f97316', '#ec4899', '#8b5cf6', '#06b6d4'], borderWidth: 0 }] }, options: { responsive: true, maintainAspectRatio: false, cutout: '72%', plugins: { legend: { display: false } } } });
new Chart(document.getElementById('cashflowChart'), { type: 'bar', data: { labels: ['Clock In','Clock Out','Breaks','Total'], datasets: [{ label: 'Activity', data: [245, 450, 89, 784], backgroundColor: ['#10b981', '#e11d48', '#e11d48', '#6366f1'], borderRadius: 4, barPercentage: 0.5 }] }, options: { responsive: true, maintainAspectRatio: false, plugins: { legend: { display: false } }, scales: { y: { beginAtZero: true, grid: { color: '#f1f5f9' }, ticks: { color: grayText, font: { size: 10 } } }, x: { grid: { display: false }, ticks: { color: grayText, font: { size: 9 } } } } } });
});