131 lines
4.5 KiB
Plaintext
131 lines
4.5 KiB
Plaintext
@{
|
|
ViewData["Title"] = "Dashboard";
|
|
}
|
|
|
|
<div class="row mb-4">
|
|
<div class="col">
|
|
<h1><i class="fas fa-tachometer-alt"></i> Dashboard</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="card text-white bg-primary mb-3">
|
|
<div class="card-header">
|
|
<i class="fas fa-shopping-cart"></i> Total Orders
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">@ViewData["TotalOrders"]</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="card text-white bg-success mb-3">
|
|
<div class="card-header">
|
|
<i class="fas fa-box"></i> Total Products
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">@ViewData["TotalProducts"]</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="card text-white bg-info mb-3">
|
|
<div class="card-header">
|
|
<i class="fas fa-tags"></i> Total Categories
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">@ViewData["TotalCategories"]</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<div class="card text-white bg-warning mb-3">
|
|
<div class="card-header">
|
|
<i class="fas fa-pound-sign"></i> Total Revenue
|
|
</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">£@ViewData["TotalRevenue"]</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5><i class="fas fa-chart-line"></i> Quick Actions</h5>
|
|
<button id="pwa-install-dashboard" class="btn btn-sm btn-outline-primary" style="float: right;">
|
|
<i class="fas fa-mobile-alt"></i> Install App
|
|
</button>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="list-group list-group-flush">
|
|
<a href="@Url.Action("Create", "Products")" class="list-group-item list-group-item-action">
|
|
<i class="fas fa-plus"></i> Add New Product
|
|
</a>
|
|
<a href="@Url.Action("Create", "Categories")" class="list-group-item list-group-item-action">
|
|
<i class="fas fa-plus"></i> Add New Category
|
|
</a>
|
|
<a href="@Url.Action("Index", "Orders")" class="list-group-item list-group-item-action">
|
|
<i class="fas fa-list"></i> View All Orders
|
|
</a>
|
|
<a href="@Url.Action("Create", "Users")" class="list-group-item list-group-item-action">
|
|
<i class="fas fa-user-plus"></i> Add New User
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h5><i class="fas fa-info-circle"></i> System Information</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<ul class="list-unstyled">
|
|
<li><strong>Framework:</strong> .NET 9.0</li>
|
|
<li><strong>Database:</strong> SQLite</li>
|
|
<li><strong>Authentication:</strong> Cookie-based</li>
|
|
<li><strong>Crypto Support:</strong> 8 currencies via BTCPay Server</li>
|
|
<li><strong>API Endpoints:</strong> Available for client integration</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const installBtn = document.getElementById('pwa-install-dashboard');
|
|
if (installBtn) {
|
|
installBtn.addEventListener('click', function() {
|
|
// Check if app is in standalone mode
|
|
if (window.matchMedia('(display-mode: standalone)').matches) {
|
|
alert('App is already installed!');
|
|
return;
|
|
}
|
|
|
|
// Show manual install instructions
|
|
alert(`To install LittleShop Admin as an app:
|
|
|
|
🌐 Chrome/Edge:
|
|
1. Click the install icon (⊞) in the address bar, OR
|
|
2. Menu (⋮) → "Install LittleShop Admin"
|
|
|
|
🍎 Safari (iOS):
|
|
1. Share button → "Add to Home Screen"
|
|
|
|
📱 Mobile browsers:
|
|
1. Browser menu → "Add to Home Screen"
|
|
|
|
The app will then work offline and appear in your apps list!`);
|
|
});
|
|
}
|
|
});
|
|
</script> |