Fixed up the database connection, added admin account and admin area

This commit is contained in:
Matěj Kubíček
2026-04-18 18:47:58 +02:00
parent f50bec167f
commit 982093ff7a
20 changed files with 425 additions and 14 deletions
@@ -0,0 +1,10 @@
using Microsoft.AspNetCore.Authorization;
using Microsoft.AspNetCore.Mvc;
namespace TemplateWeb.Areas.Admin.Controllers;
[Area("Admin")]
[Authorize(Roles = "Admin")]
public abstract class AdminBaseController : Controller
{
}
@@ -0,0 +1,11 @@
using Microsoft.AspNetCore.Mvc;
namespace TemplateWeb.Areas.Admin.Controllers;
public class DashboardController : AdminBaseController
{
public IActionResult Index()
{
return View();
}
}
@@ -0,0 +1,28 @@
using Microsoft.AspNetCore.Mvc;
using Microsoft.EntityFrameworkCore;
using TemplateWeb.Data;
namespace TemplateWeb.Areas.Admin.Controllers;
public class UsersController : AdminBaseController
{
private readonly AppDbContext _context;
public UsersController(AppDbContext context)
{
_context = context;
}
public async Task<IActionResult> Index()
{
var users = await _context.Users.ToListAsync();
return View(users);
}
public async Task<IActionResult> Details(int id)
{
var user = await _context.Users.FirstOrDefaultAsync(u => u.Id == id);
if (user == null) return NotFound();
return View(user);
}
}
@@ -0,0 +1,19 @@
@{
ViewData["Title"] = "Dashboard";
}
<h1>Admin Dashboard</h1>
<p>Welcome to the administration area.</p>
<div class="row mt-4">
<div class="col-md-4">
<div class="card text-white bg-primary mb-3">
<div class="card-header">Users</div>
<div class="card-body">
<h5 class="card-title">Manage system users</h5>
<p class="card-text">View and edit user details.</p>
<a asp-controller="Users" asp-action="Index" class="btn btn-light">Go to Users</a>
</div>
</div>
</div>
</div>
@@ -0,0 +1,69 @@
<!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 rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css"/>
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true"/>
<style>
body { display: flex; min-height: 100vh; flex-direction: column; }
.wrapper { display: flex; flex: 1; }
#sidebar { min-width: 250px; max-width: 250px; background: #343a40; color: #fff; transition: all 0.3s; }
#sidebar .sidebar-header { padding: 20px; background: #3c444b; }
#sidebar ul.components { padding: 20px 0; border-bottom: 1px solid #47748b; }
#sidebar ul p { color: #fff; padding: 10px; }
#sidebar ul li a { padding: 10px; font-size: 1.1em; display: block; color: #fff; text-decoration: none; }
#sidebar ul li a:hover { color: #343a40; background: #fff; }
#content { width: 100%; padding: 20px; }
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark border-bottom box-shadow">
<div class="container-fluid">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">TemplateWeb <small class="text-muted">Admin</small></a>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1">
</ul>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Index">Back to Site</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div class="sidebar-header">
<h3>Admin Panel</h3>
</div>
<ul class="list-unstyled components">
<li class="@(ViewContext.RouteData.Values["controller"]?.ToString() == "Dashboard" ? "active" : "")">
<a asp-area="Admin" asp-controller="Dashboard" asp-action="Index">Dashboard</a>
</li>
<li class="@(ViewContext.RouteData.Values["controller"]?.ToString() == "Users" ? "active" : "")">
<a asp-area="Admin" asp-controller="Users" asp-action="Index">Users</a>
</li>
<!-- Add more models here easily -->
</ul>
</nav>
<!-- Page Content -->
<div id="content">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
</div>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
@await RenderSectionAsync("Scripts", required: false)
</body>
</html>
@@ -0,0 +1,31 @@
@model UserModel
@{
ViewData["Title"] = "User Details";
}
<div class="mb-4">
<a asp-action="Index" class="btn btn-secondary">&larr; Back to List</a>
</div>
<div class="card">
<div class="card-header bg-primary text-white">
<h3 class="card-title mb-0">User Information: @Model.UserName</h3>
</div>
<div class="card-body">
<dl class="row">
<dt class="col-sm-3">ID</dt>
<dd class="col-sm-9">@Model.Id</dd>
<dt class="col-sm-3">Username</dt>
<dd class="col-sm-9">@Model.UserName</dd>
<dt class="col-sm-3">Email</dt>
<dd class="col-sm-9">@Model.Email</dd>
<dt class="col-sm-3">Role</dt>
<dd class="col-sm-9">
<span class="badge @(Model.Role == UserRole.Admin ? "bg-danger" : "bg-info")">@Model.Role</span>
</dd>
</dl>
</div>
</div>
@@ -0,0 +1,34 @@
@model IEnumerable<UserModel>
@{
ViewData["Title"] = "User Management";
}
<div class="d-flex justify-content-between align-items-center mb-4">
<h1>Users</h1>
</div>
<table class="table table-striped table-hover">
<thead class="table-dark">
<tr>
<th>ID</th>
<th>Username</th>
<th>Email</th>
<th>Role</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
@foreach (var user in Model)
{
<tr>
<td>@user.Id</td>
<td>@user.UserName</td>
<td>@user.Email</td>
<td><span class="badge @(user.Role == UserRole.Admin ? "bg-danger" : "bg-info")">@user.Role</span></td>
<td>
<a asp-action="Details" asp-route-id="@user.Id" class="btn btn-sm btn-outline-primary">Details</a>
</td>
</tr>
}
</tbody>
</table>
@@ -0,0 +1,4 @@
@using TemplateWeb
@using TemplateWeb.Models
@using TemplateWeb.Models.DbModels
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@@ -0,0 +1,3 @@
@{
Layout = "_AdminLayout";
}