littleshop/LittleShop/Areas/Admin/Views/Shared/_Layout.cshtml
SysAdmin a2247d7c02
Some checks failed
Build and Deploy LittleShop / Build TeleBot Docker Image (push) Failing after 11s
Build and Deploy LittleShop / Build LittleShop Docker Image (push) Failing after 15s
Build and Deploy LittleShop / Deploy to Production VPS (Manual Only) (push) Has been skipped
Build and Deploy LittleShop / Deploy to Pre-Production (CT109) (push) Has been skipped
feat: Add customer management, payments, and push notifications with security enhancements
Major Feature Additions:
- Customer management: Full CRUD with data export and privacy compliance
- Payment management: Centralized payment tracking and administration
- Push notification subscriptions: Manage and track web push subscriptions

Security Enhancements:
- IP whitelist middleware for administrative endpoints
- Data retention service with configurable policies
- Enhanced push notification security documentation
- Security fixes progress tracking (2025-11-14)

UI/UX Improvements:
- Enhanced navigation with improved mobile responsiveness
- Updated admin dashboard with order status counts
- Improved product CRUD forms
- New customer and payment management interfaces

Backend Improvements:
- Extended customer service with data export capabilities
- Enhanced order service with status count queries
- Improved crypto payment service with better error handling
- Updated validators and configuration

Documentation:
- DEPLOYMENT_NGINX_GUIDE.md: Nginx deployment instructions
- IP_STORAGE_ANALYSIS.md: IP storage security analysis
- PUSH_NOTIFICATION_SECURITY.md: Push notification security guide
- UI_UX_IMPROVEMENT_PLAN.md: Planned UI/UX enhancements
- UI_UX_IMPROVEMENTS_COMPLETED.md: Completed improvements

Cleanup:
- Removed temporary database WAL files
- Removed stale commit message file

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-16 19:33:02 +00:00

352 lines
20 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">
<link href="/css/enhanced-navigation.css?v=20251114c" rel="stylesheet">
@await RenderSectionAsync("Head", required: false)
</head>
<body>
<!-- PWA Loading Screen - Managed by blazor-integration.js -->
<div id="pwa-loading-screen" class="pwa-loading-screen">
<div class="pwa-loading-content">
<div class="pwa-loading-logo">
<i class="fas fa-store"></i>
</div>
<h1 class="pwa-loading-title">TeleShop</h1>
<div class="pwa-loading-spinner">
<div class="spinner-ring"></div>
<div class="spinner-ring"></div>
<div class="spinner-ring"></div>
</div>
<p class="pwa-loading-text">Loading your dashboard...</p>
</div>
</div>
<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>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
<!-- Dashboard (Always Visible) -->
<li class="nav-item">
<a class="nav-link @(ViewContext.RouteData.Values["controller"]?.ToString() == "Dashboard" ? "active" : "")" href="@Url.Action("Index", "Dashboard", new { area = "Admin" })">
<i class="fas fa-tachometer-alt"></i> Dashboard
</a>
</li>
<!-- Catalog Dropdown -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle @(new[]{"Products","Categories","VariantCollections"}.Contains(ViewContext.RouteData.Values["controller"]?.ToString()) ? "active" : "")" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-store"></i> Catalog
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="@Url.Action("Index", "Products", new { area = "Admin" })">
<i class="fas fa-box"></i> Products
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Categories", new { area = "Admin" })">
<i class="fas fa-tags"></i> Categories
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "VariantCollections", new { area = "Admin" })">
<i class="fas fa-layer-group"></i> Variant Collections
</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="@Url.Action("Import", "Products", new { area = "Admin" })">
<i class="fas fa-upload"></i> Import Products
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Export", "Products", new { area = "Admin" })">
<i class="fas fa-download"></i> Export Products
</a></li>
</ul>
</li>
<!-- Orders & Fulfillment -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle @(new[]{"Orders","Customers","Payments","ShippingRates"}.Contains(ViewContext.RouteData.Values["controller"]?.ToString()) ? "active" : "")" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-shopping-cart"></i> Orders
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="@Url.Action("Index", "Orders", new { area = "Admin" })">
<i class="fas fa-clipboard-list"></i> All Orders
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Customers", new { area = "Admin" })">
<i class="fas fa-users"></i> Customers
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Payments", new { area = "Admin" })">
<i class="fas fa-wallet"></i> Payment Transactions
</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Orders", new { area = "Admin", tab = "pending" })">
<i class="fas fa-clock"></i> Pending Payment
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Orders", new { area = "Admin", tab = "accept" })">
<i class="fas fa-check-circle"></i> Ready to Accept
</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "ShippingRates", new { area = "Admin" })">
<i class="fas fa-truck"></i> Shipping Rates
</a></li>
</ul>
</li>
<!-- Customer Communication -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle @(new[]{"Reviews","Messages","BotActivity"}.Contains(ViewContext.RouteData.Values["controller"]?.ToString()) ? "active" : "")" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-comments"></i> Customers
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="@Url.Action("Index", "Reviews", new { area = "Admin" })">
<i class="fas fa-star"></i> Reviews
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Messages", new { area = "Admin" })">
<i class="fas fa-envelope"></i> Messages
</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="@Url.Action("LiveView", "BotActivity", new { area = "Admin" })">
<i class="fas fa-satellite-dish"></i> Live Activity
</a></li>
</ul>
</li>
<!-- Settings -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle @(new[]{"Users","Bots","PushSubscriptions","SystemSettings"}.Contains(ViewContext.RouteData.Values["controller"]?.ToString()) ? "active" : "")" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-cog"></i> Settings
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="@Url.Action("Index", "Users", new { area = "Admin" })">
<i class="fas fa-users"></i> Users
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "Bots", new { area = "Admin" })">
<i class="fas fa-robot"></i> Bots
</a></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "PushSubscriptions", new { area = "Admin" })">
<i class="fas fa-bell"></i> Push Subscriptions
</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="@Url.Action("Index", "SystemSettings", new { area = "Admin" })">
<i class="fas fa-sliders-h"></i> System Settings
</a></li>
</ul>
</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>
<!-- Blazor integration MUST load before PWA to control loading screen -->
<script src="/js/blazor-integration.js"></script>
<script src="/js/pwa.js"></script>
<script src="/js/notifications.js"></script>
<!-- SignalR Real-Time Notifications -->
<script src="https://cdn.jsdelivr.net/npm/@@microsoft/signalr@@latest/dist/browser/signalr.min.js"></script>
<script src="/js/signalr-notifications.js"></script>
<script src="/js/modern-mobile.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-bars"></i>
<span>Menu</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>Menu</h5>
<button class="settings-drawer-close" onclick="toggleSettingsDrawer()" aria-label="Close menu">
<i class="fas fa-times" aria-hidden="true"></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>
Variants
</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">
<hr class="dropdown-divider">
</li>
<li class="settings-menu-item">
<a href="@Url.Action("Import", "Products", new { area = "Admin" })" class="settings-menu-link">
<i class="fas fa-upload"></i>
Import Products
</a>
</li>
<li class="settings-menu-item">
<a href="@Url.Action("Export", "Products", new { area = "Admin" })" class="settings-menu-link">
<i class="fas fa-download"></i>
Export Products
</a>
</li>
<li class="settings-menu-item">
<hr class="dropdown-divider">
</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>