feat: polished admin UI styles + email channels admin CRUD

- Extract inline styles to wwwroot/css/admin.css
- Bootstrap Icons for nav and buttons
- Styled page headers, table, empty state, readonly fields
- Email Channels admin: list, create, edit, delete
- GetAllEmailChannelsQuery + handler
- AdminChannelsController with full CRUD
- form id + form= attribute pattern for EditorLayout footer buttons

Ref: IT-628

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Anatolii Grynchuk
2026-05-02 02:43:59 +03:00
parent 855d0862f9
commit c90b07386d
13 changed files with 706 additions and 30 deletions
@@ -13,32 +13,30 @@
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous" />
<style>
body { background-color: #f8f9fa; }
.sidebar { min-height: calc(100vh - 56px); background-color: #212529; padding-top: 1rem; }
.sidebar .nav-link { color: #adb5bd; border-radius: .375rem; margin-bottom: .25rem; }
.sidebar .nav-link:hover { color: #fff; background-color: #343a40; }
.sidebar .nav-link.active { color: #fff; background-color: #0d6efd; }
.main-content { padding: 2rem; }
</style>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
rel="stylesheet" />
<link href="/css/admin.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-dark bg-dark px-3">
<a class="navbar-brand fw-bold" href="/">📧 Notification Service</a>
<nav class="navbar navbar-dark bg-dark px-3 admin-navbar">
<a class="navbar-brand fw-bold" href="/">
<i class="bi bi-bell-fill me-1"></i> Notification Service
</a>
</nav>
<div class="container-fluid">
<div class="row">
<nav class="col-md-2 d-none d-md-block sidebar py-3">
<div class="sidebar-section-label">Management</div>
<ul class="nav flex-column px-2">
<li class="nav-item">
<a class="nav-link @(isTemplates ? "active" : "")" href="/admin/templates">
📋 Email Templates
<i class="bi bi-envelope-paper"></i> Email Templates
</a>
</li>
<li class="nav-item">
<a class="nav-link @(isChannels ? "active" : "")" href="/admin/channels">
📡 Email Channels
<i class="bi bi-broadcast"></i> Email Channels
</a>
</li>
</ul>