eb87148c63
This commit introduces a comprehensive variant management system and enhances the existing ProductVariant model with per-variant weight overrides and stock tracking, integrated across Admin Panel and TeleBot. Features Added: - Variant Collections: Reusable variant templates (e.g., "Standard Sizes") - Admin UI for managing variant collections (CRUD operations) - Dynamic variant editor with JavaScript-based UI - Per-variant weight and weight unit overrides - Per-variant stock level tracking - SalesLedger model for financial tracking ProductVariant Enhancements: - Added Weight (decimal, nullable) field for variant-specific weights - Added WeightUnit (enum, nullable) field for variant-specific units - Maintains backward compatibility with product-level weights TeleBot Integration: - Enhanced variant selection UI to display stock levels - Shows weight information with proper unit conversion (µg, g, oz, lb, ml, L) - Compact button format: "Medium (15 in stock, 350g)" - Real-time stock availability display Database Migrations: - 20250928014850_AddVariantCollectionsAndSalesLedger - 20250928155814_AddWeightToProductVariants Technical Changes: - Updated Product model to support VariantCollectionId and VariantsJson - Extended ProductService with variant collection operations - Enhanced OrderService to handle variant-specific pricing and weights - Updated LittleShop.Client DTOs to match server models - Added JavaScript dynamic variant form builder Files Modified: 15 Files Added: 17 Lines Changed: ~2000 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
275 lines
14 KiB
Plaintext
275 lines
14 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<base href="/" />
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
|
<title>@ViewData["Title"] - TeleShop Admin</title>
|
|
|
|
<!-- PWA Meta Tags -->
|
|
<meta name="application-name" content="TeleShop Admin" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="TeleShop" />
|
|
<meta name="description" content="Modern e-commerce admin panel" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="theme-color" content="#2563eb" />
|
|
<meta name="msapplication-TileColor" content="#2563eb" />
|
|
<meta name="msapplication-tap-highlight" content="no" />
|
|
|
|
<!-- PWA Manifest -->
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
<!-- Icons -->
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
|
|
<link rel="apple-touch-icon" href="/icons/icon-152x152.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png" />
|
|
<link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png" />
|
|
<link rel="apple-touch-icon" sizes="128x128" href="/icons/icon-128x128.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png" />
|
|
<link rel="apple-touch-icon" sizes="152x152" href="/icons/icon-152x152.png" />
|
|
<link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png" />
|
|
<link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png" />
|
|
<link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png" />
|
|
<link href="/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="/lib/fontawesome/css/all.min.css" rel="stylesheet">
|
|
<link href="/lib/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
|
<link href="/_content/Radzen.Blazor/css/material-base.css" rel="stylesheet">
|
|
<link href="/css/modern-admin.css" rel="stylesheet">
|
|
<link href="/css/mobile-admin.css" rel="stylesheet">
|
|
@await RenderSectionAsync("Head", required: false)
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav class="navbar navbar-expand-sm navbar-light bg-white">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="@Url.Action("Index", "Dashboard", new { area = "Admin" })">
|
|
<i class="fas fa-store"></i> TeleShop Admin
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
|
|
<ul class="navbar-nav flex-grow-1">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Dashboard", new { area = "Admin" })">
|
|
<i class="fas fa-tachometer-alt"></i> Dashboard
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Categories", new { area = "Admin" })">
|
|
<i class="fas fa-tags"></i> Categories
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Products", new { area = "Admin" })">
|
|
<i class="fas fa-box"></i> Products
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "VariantCollections", new { area = "Admin" })">
|
|
<i class="fas fa-layer-group"></i> Variants
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Orders", new { area = "Admin" })">
|
|
<i class="fas fa-shopping-cart"></i> Orders
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Reviews", new { area = "Admin" })">
|
|
<i class="fas fa-star"></i> Reviews
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Messages", new { area = "Admin" })">
|
|
<i class="fas fa-comments"></i> Messages
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "ShippingRates", new { area = "Admin" })">
|
|
<i class="fas fa-truck"></i> Shipping
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Users", new { area = "Admin" })">
|
|
<i class="fas fa-users"></i> Users
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "Bots", new { area = "Admin" })">
|
|
<i class="fas fa-robot"></i> Bots
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("LiveView", "BotActivity", new { area = "Admin" })">
|
|
<i class="fas fa-satellite-dish"></i> Live Activity
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="@Url.Action("Index", "SystemSettings", new { area = "Admin" })">
|
|
<i class="fas fa-cog"></i> Settings
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">
|
|
<i class="fas fa-user"></i> @User.Identity?.Name
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<form method="post" action="@Url.Action("Logout", "Account", new { area = "Admin" })">
|
|
<button type="submit" class="dropdown-item">
|
|
<i class="fas fa-sign-out-alt"></i> Logout
|
|
</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<div class="container-fluid">
|
|
<main role="main" class="pb-3">
|
|
@RenderBody()
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/lib/jquery/jquery.min.js"></script>
|
|
<script src="/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="/_framework/blazor.server.js" autostart="false"></script>
|
|
<script src="/_content/Radzen.Blazor/Radzen.Blazor.js"></script>
|
|
<script src="/js/pwa.js"></script>
|
|
<script src="/js/notifications.js"></script>
|
|
<script src="/js/modern-mobile.js"></script>
|
|
<script src="/js/blazor-integration.js"></script>
|
|
@await RenderSectionAsync("Scripts", required: false)
|
|
<!-- Mobile Bottom Navigation -->
|
|
<nav class="mobile-bottom-nav">
|
|
<ul class="mobile-bottom-nav-items">
|
|
<li class="mobile-nav-item">
|
|
<a href="@Url.Action("Index", "Orders", new { area = "Admin" })" class="mobile-nav-link @(ViewContext.RouteData.Values["controller"]?.ToString() == "Orders" ? "active" : "")">
|
|
<i class="fas fa-shopping-cart"></i>
|
|
<span>Orders</span>
|
|
<span class="mobile-nav-badge" id="mobile-orders-badge" style="display: none;">0</span>
|
|
</a>
|
|
</li>
|
|
<li class="mobile-nav-item">
|
|
<a href="@Url.Action("Index", "Reviews", new { area = "Admin" })" class="mobile-nav-link @(ViewContext.RouteData.Values["controller"]?.ToString() == "Reviews" ? "active" : "")">
|
|
<i class="fas fa-star"></i>
|
|
<span>Reviews</span>
|
|
</a>
|
|
</li>
|
|
<li class="mobile-nav-item">
|
|
<a href="@Url.Action("Index", "Messages", new { area = "Admin" })" class="mobile-nav-link @(ViewContext.RouteData.Values["controller"]?.ToString() == "Messages" ? "active" : "")">
|
|
<i class="fas fa-comments"></i>
|
|
<span>Messages</span>
|
|
<span class="mobile-nav-badge" id="mobile-messages-badge" style="display: none;">0</span>
|
|
</a>
|
|
</li>
|
|
<li class="mobile-nav-item">
|
|
<a href="@Url.Action("LiveView", "BotActivity", new { area = "Admin" })" class="mobile-nav-link @(ViewContext.RouteData.Values["controller"]?.ToString() == "BotActivity" ? "active" : "")">
|
|
<i class="fas fa-satellite-dish"></i>
|
|
<span>Live</span>
|
|
</a>
|
|
</li>
|
|
<li class="mobile-nav-item">
|
|
<a href="#" class="mobile-nav-link" onclick="toggleSettingsDrawer(); return false;">
|
|
<i class="fas fa-cog"></i>
|
|
<span>Settings</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Settings Drawer -->
|
|
<div class="drawer-overlay" onclick="toggleSettingsDrawer()"></div>
|
|
<div class="settings-drawer" id="settingsDrawer">
|
|
<div class="settings-drawer-header">
|
|
<h5>Settings</h5>
|
|
<button class="settings-drawer-close" onclick="toggleSettingsDrawer()">
|
|
<i class="fas fa-times"></i>
|
|
</button>
|
|
</div>
|
|
<ul class="settings-menu-list">
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "Dashboard", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-tachometer-alt"></i>
|
|
Dashboard
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "Categories", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-tags"></i>
|
|
Categories
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "Products", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-box"></i>
|
|
Products
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "VariantCollections", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-layer-group"></i>
|
|
Variant Collections
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "ShippingRates", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-truck"></i>
|
|
Shipping
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "Users", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-users"></i>
|
|
Users
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "Bots", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-robot"></i>
|
|
Bots
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<a href="@Url.Action("Index", "SystemSettings", new { area = "Admin" })" class="settings-menu-link">
|
|
<i class="fas fa-sliders-h"></i>
|
|
System Settings
|
|
</a>
|
|
</li>
|
|
<li class="settings-menu-item">
|
|
<form method="post" action="@Url.Action("Logout", "Account", new { area = "Admin" })">
|
|
<button type="submit" class="settings-menu-link" style="width: 100%; border: none; background: none; text-align: left;">
|
|
<i class="fas fa-sign-out-alt"></i>
|
|
Logout
|
|
</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<script>
|
|
// Settings Drawer Toggle
|
|
function toggleSettingsDrawer() {
|
|
const drawer = document.getElementById('settingsDrawer');
|
|
const overlay = document.querySelector('.drawer-overlay');
|
|
|
|
drawer.classList.toggle('open');
|
|
overlay.classList.toggle('show');
|
|
|
|
// Prevent body scroll when drawer is open
|
|
if (drawer.classList.contains('open')) {
|
|
document.body.style.overflow = 'hidden';
|
|
} else {
|
|
document.body.style.overflow = '';
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |