Fix admin route access and backend configuration

- Added /admin redirect to login page in nginx config
- Fixed backend server.js route ordering for proper admin handling
- Updated authentication middleware and routes
- Added user management routes
- Configured PostgreSQL integration
- Updated environment configuration
This commit is contained in:
Local Server
2025-12-13 22:34:11 -06:00
parent 8bb6430a70
commit 703ab57984
253 changed files with 29870 additions and 157 deletions

View File

@@ -0,0 +1,11 @@
@model List<SkyArtShop.Models.Page>
@if (Model != null && Model.Any())
{
<ul>
@foreach (var p in Model)
{
<li><a href="/page/@p.PageSlug">@p.PageName</a></li>
}
</ul>
}

View File

@@ -0,0 +1,16 @@
@model List<SkyArtShop.Models.MenuItem>
<ul class="nav-menu">
@foreach (var item in Model)
{
var currentController = ViewContext.RouteData.Values["Controller"]?.ToString();
var isActive = item.Url.TrimStart('/').Equals(currentController, StringComparison.OrdinalIgnoreCase) ||
(item.Url == "/" && currentController == "Home");
<li>
<a href="@item.Url" class="@(isActive ? "active" : "")" @(item.OpenInNewTab ? "target='_blank'" : "")>
@item.Label
</a>
</li>
}
</ul>

View File

@@ -0,0 +1,12 @@
@{
var success = TempData["SuccessMessage"] as string;
var error = TempData["ErrorMessage"] as string;
}
@if (!string.IsNullOrEmpty(success))
{
<div class="alert alert-success" role="alert">@success</div>
}
@if (!string.IsNullOrEmpty(error))
{
<div class="alert alert-danger" role="alert">@error</div>
}

View File

@@ -0,0 +1,249 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewData["Title"] - Admin Panel</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.sidebar {
height: 100vh;
background: #2c3e50;
color: white;
position: fixed;
top: 0;
left: 0;
width: 250px;
overflow-y: auto;
overflow-x: hidden;
}
.sidebar::-webkit-scrollbar {
width: 8px;
}
.sidebar::-webkit-scrollbar-track {
background: #2c3e50;
}
.sidebar::-webkit-scrollbar-thumb {
background: #34495e;
border-radius: 4px;
}
.sidebar::-webkit-scrollbar-thumb:hover {
background: #3498db;
}
.sidebar .brand {
padding: 20px;
font-size: 1.5rem;
font-weight: bold;
border-bottom: 1px solid #34495e;
position: sticky;
top: 0;
background: #2c3e50;
z-index: 10;
}
.sidebar nav {
padding-bottom: 30px;
}
.sidebar .nav-link {
color: #ecf0f1;
padding: 12px 20px;
display: flex;
align-items: center;
transition: all 0.3s;
}
.sidebar .nav-link:hover {
background: #34495e;
color: white;
}
.sidebar .nav-link.active {
background: #3498db;
color: white;
}
.sidebar .nav-link i {
margin-right: 10px;
width: 20px;
}
.main-content {
margin-left: 250px;
padding: 20px;
background: #f8f9fa;
min-height: 100vh;
}
.top-bar {
background: white;
padding: 15px 30px;
margin: -20px -20px 20px -20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
align-items: center;
}
.card {
border: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.dashboard-stat-card {
transition: all 0.3s ease;
cursor: pointer;
border-left: 4px solid transparent;
}
.dashboard-stat-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
border-left-color: #3498db;
}
.dashboard-stat-card h6 {
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.dashboard-stat-card h2 {
color: #2c3e50;
font-weight: 700;
font-size: 2.5rem;
margin: 10px 0;
}
.stat-link {
color: #3498db;
font-size: 0.875rem;
font-weight: 600;
display: inline-block;
margin-top: 10px;
}
.dashboard-stat-card:hover .stat-link {
text-decoration: underline;
}
.system-info-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
}
.system-info-card .card-header {
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: white;
}
.system-info-card .card-body p {
color: rgba(255, 255, 255, 0.95);
margin-bottom: 10px;
}
.btn-group-sm .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
}
.alert {
border-radius: 8px;
}
</style>
</head>
<body>
<div class="sidebar" style="height: 100vh; overflow-y: auto; overflow-x: hidden;">
<div class="brand">
<i class="bi bi-shop"></i> Sky Art Shop
</div>
<nav class="nav flex-column mt-4">
<a class="nav-link @(ViewContext.RouteData.Values["Action"]?.ToString() == "Dashboard" ? "active" : "")"
href="/admin/dashboard">
<i class="bi bi-speedometer2"></i> Dashboard
</a>
<hr style="border-color: #34495e; margin: 10px 0;">
<div class="px-3 text-muted small mb-2">CONTENT</div>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminPages" ? "active" : "")"
href="/admin/pages">
<i class="bi bi-file-earmark-text"></i> Pages
</a>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminBlog" ? "active" : "")"
href="/admin/blog">
<i class="bi bi-journal-text"></i> Blog
</a>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminPortfolio" ? "active" : "")"
href="/admin/portfolio/categories">
<i class="bi bi-images"></i> Portfolio
</a>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminProducts" ? "active" : "")"
href="/admin/products">
<i class="bi bi-cart"></i> Products
</a>
<hr style="border-color: #34495e; margin: 10px 0;">
<div class="px-3 text-muted small mb-2">SETTINGS</div>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminHomepage" ? "active" : "")"
href="/admin/homepage">
<i class="bi bi-house-fill"></i> Homepage Editor
</a>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminMenu" ? "active" : "")"
href="/admin/menu">
<i class="bi bi-list"></i> Navigation Menu
</a>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminSettings" ? "active" : "")"
href="/admin/settings">
<i class="bi bi-gear"></i> Site Settings
</a>
<a class="nav-link @(ViewContext.RouteData.Values["Controller"]?.ToString() == "AdminUpload" ? "active" : "")"
href="/admin/upload">
<i class="bi bi-cloud-upload"></i> Media Upload
</a>
<hr style="border-color: #34495e; margin: 10px 0;">
<a class="nav-link" href="/" target="_blank">
<i class="bi bi-box-arrow-up-right"></i> View Site
</a>
<a class="nav-link" href="/admin/logout">
<i class="bi bi-box-arrow-right"></i> Logout
</a>
</nav>
</div>
<div class="main-content">
<div class="top-bar">
<h4 class="mb-0">@ViewData["Title"]</h4>
<div>
<span class="text-muted">Welcome, Admin</span>
</div>
</div>
<partial name="_AdminAlerts" />
@RenderBody()
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.ckeditor.com/ckeditor5/40.1.0/classic/ckeditor.js"></script>
<script src="~/assets/js/admin.js"></script>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>

View File

@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="@ViewData["MetaDescription"] ?? " Sky Art Shop - Scrapbooking, journaling,
cardmaking, and collaging stationery."" />
<title>@ViewData["Title"] - @ViewBag.SiteSettings?.SiteName</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="~/assets/css/main.css?v=@DateTime.Now.Ticks" />
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="navbar-content">
<div class="nav-brand">
<a href="/">
<img src="/uploads/images/8ba675b9-c4e6-41e6-8f14-382b9ee1d019.jpg" alt="Logo" class="logo-image" />
<h1>@(ViewBag.SiteSettings?.SiteName ?? "Sky Art Shop")</h1>
</a>
</div>
<div class="nav-center">
@await Component.InvokeAsync("Navigation", new { location = "navbar" })
</div>
<div class="nav-icons">
<div class="dropdown-container">
<a href="#" class="nav-icon" id="wishlistBtn" aria-label="Wishlist">
<i class="bi bi-heart"></i>
<span class="badge">0</span>
</a>
<div class="icon-dropdown" id="wishlistDropdown">
<div class="dropdown-header">
<h4>My Wishlist</h4>
</div>
<div class="dropdown-items" id="wishlistItems">
<p class="empty-message">Your wishlist is empty</p>
</div>
<div class="dropdown-footer">
<a href="/shop" class="btn-view-all">Continue Shopping</a>
</div>
</div>
</div>
<div class="dropdown-container">
<a href="#" class="nav-icon" id="cartBtn" aria-label="Cart">
<i class="bi bi-cart"></i>
<span class="badge">0</span>
</a>
<div class="icon-dropdown" id="cartDropdown">
<div class="dropdown-header">
<h4>Shopping Cart</h4>
</div>
<div class="dropdown-items" id="cartItems">
<p class="empty-message">Your cart is empty</p>
</div>
<div class="dropdown-footer">
<div class="dropdown-total">
<span>Total:</span>
<span id="cartTotal">$0.00</span>
</div>
<a href="/checkout" class="btn-checkout">Checkout</a>
</div>
</div>
</div>
<button class="nav-toggle" aria-label="Menu" aria-expanded="false">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
<div class="nav-dropdown" id="navDropdown">
@await Component.InvokeAsync("Navigation", new { location = "dropdown" })
</div>
</nav>
@RenderBody()
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<h2>@(ViewBag.SiteSettings?.SiteName ?? "Sky Art Shop")</h2>
<p>Follow Us</p>
<div class="social-links">
<a href="#instagram" aria-label="Instagram">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
<path
d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" />
</svg>
</a>
</div>
</div>
<div class="footer-links">
<h3>Additional Links</h3>
@await Component.InvokeAsync("FooterPages")
</div>
</div>
<div class="footer-bottom">
<p>@(ViewBag.SiteSettings?.FooterText ?? "© 2035 by Sky Art Shop. All rights reserved.")</p>
</div>
</div>
</footer>
<script src="~/assets/js/main.js?v=@DateTime.Now.Ticks"></script>
<script src="~/assets/js/cart.js?v=@DateTime.Now.Ticks"></script>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>