hrynco/hrynco-notification-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: polished admin UI styles + email channels admin CRUD

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
HrynCo.NotificationService.Web/Views/AdminTemplates/Edit.cshtml
+13 -9
View File
@@ -21,42 +21,42 @@
</div>
}
<div class="mb-3">
<div class="mb-4">
<label asp-for="ServiceName" class="form-label fw-semibold">Service Name</label>
<input asp-for="ServiceName" class="form-control" readonly="@(!Model.IsNew)" />
<span asp-validation-for="ServiceName" class="text-danger small"></span>
</div>
<div class="mb-3">
<div class="mb-4">
<label asp-for="Key" class="form-label fw-semibold">Key</label>
<input asp-for="Key" class="form-control" readonly="@(!Model.IsNew)" />
<span asp-validation-for="Key" class="text-danger small"></span>
</div>
<div class="mb-3">
<div class="mb-4">
<label asp-for="LanguageCode" class="form-label fw-semibold">Language Code</label>
<input asp-for="LanguageCode" class="form-control" readonly="@(!Model.IsNew)" />
<span asp-validation-for="LanguageCode" class="text-danger small"></span>
</div>
<div class="mb-3">
<div class="mb-4">
<label asp-for="Subject" class="form-label fw-semibold">Subject</label>
<input asp-for="Subject" class="form-control" />
<span asp-validation-for="Subject" class="text-danger small"></span>
</div>
<div class="mb-3">
<div class="mb-4">
<label asp-for="HtmlBody" class="form-label fw-semibold">HTML Body</label>
<textarea asp-for="HtmlBody" class="form-control font-monospace" rows="10"></textarea>
<span asp-validation-for="HtmlBody" class="text-danger small"></span>
</div>
<div class="mb-3">
<div class="mb-4">
<label asp-for="TextBody" class="form-label fw-semibold">Text Body</label>
<textarea asp-for="TextBody" class="form-control font-monospace" rows="5"></textarea>
</div>
<div class="mb-3">
<div class="mb-4">
<label asp-for="VariablesJson" class="form-label fw-semibold">Variables (JSON)</label>
<textarea asp-for="VariablesJson" class="form-control font-monospace" rows="4"
placeholder='[{"name":"UserName","required":true}]'></textarea>
@@ -65,7 +65,11 @@
</div>
@section FormActions {
<button type="submit" form="templateForm" class="btn btn-primary">💾 Save</button>
<a href="/admin/templates" class="btn btn-secondary">✖ Cancel</a>
<button type="submit" form="templateForm" class="btn btn-primary">
<i class="bi bi-floppy me-1"></i> Save
</button>
<a href="/admin/templates" class="btn btn-secondary">
<i class="bi bi-x-lg me-1"></i> Cancel
</a>
}
</form>
HrynCo.NotificationService.Web/Views/AdminTemplates/Index.cshtml
+20 -8
View File
@@ -4,9 +4,11 @@
ViewData["Title"] = "Email Templates";
}
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="mb-0">📋 Email Templates</h2>
<a href="/admin/templates/create" class="btn btn-primary">+ Create New Template</a>
<div class="page-header">
<h2><i class="bi bi-envelope-paper"></i> Email Templates</h2>
<a href="/admin/templates/create" class="btn btn-primary btn-sm">
<i class="bi bi-plus-lg me-1"></i> Create New Template
</a>
</div>
@if (!ViewData.ModelState.IsValid)
@@ -21,13 +23,21 @@
@if (Model is null || Model.Count == 0)
{
<div class="alert alert-info">No email templates found.</div>
<div class="card shadow-sm table-card">
<div class="empty-state">
<i class="bi bi-envelope-paper"></i>
<p class="mt-2 mb-0">No email templates found.</p>
<a href="/admin/templates/create" class="btn btn-primary btn-sm mt-3">
<i class="bi bi-plus-lg me-1"></i> Create First Template
</a>
</div>
</div>
}
else
{
<div class="card shadow-sm">
<div class="card shadow-sm table-card">
<div class="table-responsive">
<table class="table table-hover mb-0">
<table class="table table-hover table-sm mb-0">
<thead class="table-dark">
<tr>
<th>Service Name</th>
@@ -47,7 +57,9 @@ else
<td>@t.Subject</td>
<td class="text-end">
<a href="/admin/templates/@t.ServiceName/@t.Key/@t.LanguageCode"
class="btn btn-sm btn-outline-primary me-1">✏️ Edit</a>
class="btn btn-sm btn-outline-primary me-1">
<i class="bi bi-pencil"></i> Edit
</a>
<form method="post"
action="/admin/templates/@t.ServiceName/@t.Key/@t.LanguageCode/delete"
class="d-inline">
@@ -55,7 +67,7 @@ else
<button type="submit"
class="btn btn-sm btn-outline-danger"
onclick="return confirm('Delete this template?')">
🗑️ Delete
<i class="bi bi-trash"></i> Delete
</button>
</form>
</td>