gitkwesi/Subscription-Content-Management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Kwesi Banson Jnr
2026-09-09 09:50:06 +00:00
commit c7f93a7dc1
8369 changed files with 517137 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
public/assets/js/dashboard.js Normal file
View File

@@ -0,0 +1,86 @@
// public/js/dashboard.js
$(document).ready(function() {
console.log(base_url);
function fetchDashboardStats() {
$.ajax({
url: base_url + '/api/dashboard/stats',
method: 'GET',
dataType: 'json',
success: function(response) {
// 1. Update the Grand Totals
// toLocaleString() adds thousands separators for large numbers
$('#grand-total').text(response.summary.total.toLocaleString());
$('#grand-active').text(response.summary.active.toLocaleString());
$('#grand-inactive').text(response.summary.inactive.toLocaleString());
// 2. Clear the loading spinner
let container = $('#service-cards-container');
container.empty();
// 3. Generate Individual Service Cards
if (response.services.length === 0) {
container.html('<div class="col-12"><div class="alert alert-info">No subscription services configured yet.</div></div>');
return;
}
response.services.forEach(function(service) {
// Handle edge cases where total is 0 to avoid division by zero
let activeRate = service.total_subscribers > 0
? Math.round((service.active_subscribers / service.total_subscribers) * 100)
: 0;
let cardHtml = `
<div class="col-md-6 col-lg-4 mb-4">
<div class="card shadow-sm h-100 border-top border-primary border-3">
<div class="card-body">
<h5 class="card-title text-truncate" title="${service.name}">${service.name}</h5>
<div class="mt-3">
<div class="d-flex justify-content-between mb-1">
<span class="text-muted">Total</span>
<span class="fw-bold">${service.total_subscribers.toLocaleString()}</span>
</div>
<div class="d-flex justify-content-between mb-1">
<span class="text-muted">Active</span>
<span class="text-success fw-bold">${service.active_subscribers.toLocaleString()}</span>
</div>
<div class="mt-3">
<div class="d-flex justify-content-between mb-1">
<small class="text-muted">Active Rate</small>
<small class="fw-bold">${activeRate}%</small>
</div>
<div class="progress" style="height: 6px;">
<div class="progress-bar bg-success" role="progressbar" style="width: ${activeRate}%" aria-valuenow="${activeRate}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
<div class="card-footer bg-white border-top-0 text-end">
<a href="${base_url}/services/${service.id}/details" class="btn btn-sm btn-outline-secondary">View Details</a>
</div>
</div>
</div>
`;
container.append(cardHtml);
});
},
error: function(xhr) {
$('#loading-services').html(`
<div class="alert alert-danger">
Failed to load dashboard statistics. Please try refreshing the page.
</div>
`);
// Set fallback text for the totals
$('#grand-total, #grand-active, #grand-inactive').text('Error');
}
});
}
// Initialize the fetch
fetchDashboardStats();
// Todo: Refresh data every 5 minutes (300000 ms) automatically without page reload
// setInterval(fetchDashboardStats, 300000);
});