Initial commit
This commit is contained in:
@@ -0,0 +1,111 @@
|
||||
@model PowderCoating.Core.Entities.ReleaseNote
|
||||
@{
|
||||
ViewData["Title"] = "New Release Note";
|
||||
}
|
||||
|
||||
<div class="container py-4" style="max-width:800px">
|
||||
<div class="d-flex align-items-center gap-3 mb-4">
|
||||
<a asp-action="Manage" class="btn btn-outline-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Back
|
||||
</a>
|
||||
<h4 class="mb-0"><i class="bi bi-plus-circle me-2 text-primary"></i>New Release Note</h4>
|
||||
</div>
|
||||
|
||||
<form asp-action="Create" method="post">
|
||||
@Html.AntiForgeryToken()
|
||||
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-3">
|
||||
<label asp-for="Version" class="form-label fw-semibold">Version <span class="text-danger">*</span></label>
|
||||
<input asp-for="Version" class="form-control" placeholder="1.0.0" />
|
||||
<span asp-validation-for="Version" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<label asp-for="Title" class="form-label fw-semibold">Title <span class="text-danger">*</span></label>
|
||||
<input asp-for="Title" class="form-control" placeholder="What's new in this release?" />
|
||||
<span asp-validation-for="Title" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label asp-for="Tag" class="form-label fw-semibold">Tag</label>
|
||||
<select asp-for="Tag" class="form-select">
|
||||
<option value="Feature">Feature</option>
|
||||
<option value="Improvement">Improvement</option>
|
||||
<option value="Fix">Fix</option>
|
||||
<option value="Breaking">Breaking</option>
|
||||
<option value="Security">Security</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label asp-for="ReleasedAt" class="form-label fw-semibold">Release Date</label>
|
||||
<input asp-for="ReleasedAt" type="date" class="form-control"
|
||||
value="@Model.ReleasedAt.ToString("yyyy-MM-dd")" />
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label asp-for="Body" class="form-label fw-semibold">
|
||||
Release Notes <span class="text-danger">*</span>
|
||||
<span class="text-muted fw-normal ms-2 small">Markdown supported</span>
|
||||
</label>
|
||||
<textarea asp-for="Body" class="form-control font-monospace" rows="14"
|
||||
placeholder="## What's New ### Features - New feature description ### Fixes - Bug fix description"></textarea>
|
||||
<span asp-validation-for="Body" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-check">
|
||||
<input asp-for="IsPublished" class="form-check-input" type="checkbox" />
|
||||
<label asp-for="IsPublished" class="form-check-label">
|
||||
Publish immediately (visible to all users)
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@* Live preview *@
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-header bg-transparent d-flex justify-content-between align-items-center py-2">
|
||||
<span class="fw-semibold small">Preview</span>
|
||||
<button type="button" class="btn btn-xs btn-outline-secondary btn-sm py-0" id="togglePreview">
|
||||
<i class="bi bi-eye me-1"></i>Show Preview
|
||||
</button>
|
||||
</div>
|
||||
<div id="previewPane" class="card-body d-none"></div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i>Create
|
||||
</button>
|
||||
<a asp-action="Manage" class="btn btn-outline-secondary">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<script src="~/lib/marked/marked.min.js"></script>
|
||||
<script>
|
||||
const bodyTextarea = document.getElementById('Body');
|
||||
const previewPane = document.getElementById('previewPane');
|
||||
const toggleBtn = document.getElementById('togglePreview');
|
||||
let showing = false;
|
||||
|
||||
toggleBtn.addEventListener('click', () => {
|
||||
showing = !showing;
|
||||
if (showing) {
|
||||
previewPane.innerHTML = marked.parse(bodyTextarea.value || '_No content_');
|
||||
previewPane.classList.remove('d-none');
|
||||
toggleBtn.innerHTML = '<i class="bi bi-eye-slash me-1"></i>Hide Preview';
|
||||
} else {
|
||||
previewPane.classList.add('d-none');
|
||||
toggleBtn.innerHTML = '<i class="bi bi-eye me-1"></i>Show Preview';
|
||||
}
|
||||
});
|
||||
|
||||
bodyTextarea.addEventListener('input', () => {
|
||||
if (showing)
|
||||
previewPane.innerHTML = marked.parse(bodyTextarea.value || '_No content_');
|
||||
});
|
||||
</script>
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
@model PowderCoating.Core.Entities.ReleaseNote
|
||||
@{
|
||||
ViewData["Title"] = $"Edit v{Model.Version}";
|
||||
}
|
||||
|
||||
<div class="container py-4" style="max-width:800px">
|
||||
<div class="d-flex align-items-center gap-3 mb-4">
|
||||
<a asp-action="Manage" class="btn btn-outline-secondary btn-sm">
|
||||
<i class="bi bi-arrow-left me-1"></i>Back
|
||||
</a>
|
||||
<h4 class="mb-0"><i class="bi bi-pencil me-2 text-primary"></i>Edit v@Model.Version</h4>
|
||||
</div>
|
||||
|
||||
@if (TempData["Success"] != null)
|
||||
{
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
@TempData["Success"]
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
}
|
||||
|
||||
<form asp-action="Edit" asp-route-id="@Model.Id" method="post">
|
||||
@Html.AntiForgeryToken()
|
||||
<input type="hidden" asp-for="Id" />
|
||||
<input type="hidden" asp-for="CreatedAt" />
|
||||
<input type="hidden" asp-for="CreatedByUserId" />
|
||||
<input type="hidden" asp-for="CreatedByUserName" />
|
||||
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-body">
|
||||
<div class="row g-3">
|
||||
<div class="col-md-3">
|
||||
<label asp-for="Version" class="form-label fw-semibold">Version <span class="text-danger">*</span></label>
|
||||
<input asp-for="Version" class="form-control" />
|
||||
<span asp-validation-for="Version" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<label asp-for="Title" class="form-label fw-semibold">Title <span class="text-danger">*</span></label>
|
||||
<input asp-for="Title" class="form-control" />
|
||||
<span asp-validation-for="Title" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label asp-for="Tag" class="form-label fw-semibold">Tag</label>
|
||||
<select asp-for="Tag" class="form-select">
|
||||
<option value="Feature">Feature</option>
|
||||
<option value="Improvement">Improvement</option>
|
||||
<option value="Fix">Fix</option>
|
||||
<option value="Breaking">Breaking</option>
|
||||
<option value="Security">Security</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
<label asp-for="ReleasedAt" class="form-label fw-semibold">Release Date</label>
|
||||
<input asp-for="ReleasedAt" type="date" class="form-control"
|
||||
value="@Model.ReleasedAt.ToString("yyyy-MM-dd")" />
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<label asp-for="Body" class="form-label fw-semibold">
|
||||
Release Notes <span class="text-danger">*</span>
|
||||
<span class="text-muted fw-normal ms-2 small">Markdown supported</span>
|
||||
</label>
|
||||
<textarea asp-for="Body" class="form-control font-monospace" rows="14"></textarea>
|
||||
<span asp-validation-for="Body" class="text-danger small"></span>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-check">
|
||||
<input asp-for="IsPublished" class="form-check-input" type="checkbox" />
|
||||
<label asp-for="IsPublished" class="form-check-label">
|
||||
Published (visible to all users)
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@* Live preview *@
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-header bg-transparent d-flex justify-content-between align-items-center py-2">
|
||||
<span class="fw-semibold small">Preview</span>
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm py-0" id="togglePreview">
|
||||
<i class="bi bi-eye me-1"></i>Show Preview
|
||||
</button>
|
||||
</div>
|
||||
<div id="previewPane" class="card-body d-none"></div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-check-circle me-1"></i>Save Changes
|
||||
</button>
|
||||
<a asp-action="Manage" class="btn btn-outline-secondary">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@section Scripts {
|
||||
<script src="~/lib/marked/marked.min.js"></script>
|
||||
<script>
|
||||
const bodyTextarea = document.getElementById('Body');
|
||||
const previewPane = document.getElementById('previewPane');
|
||||
const toggleBtn = document.getElementById('togglePreview');
|
||||
let showing = false;
|
||||
|
||||
toggleBtn.addEventListener('click', () => {
|
||||
showing = !showing;
|
||||
if (showing) {
|
||||
previewPane.innerHTML = marked.parse(bodyTextarea.value || '_No content_');
|
||||
previewPane.classList.remove('d-none');
|
||||
toggleBtn.innerHTML = '<i class="bi bi-eye-slash me-1"></i>Hide Preview';
|
||||
} else {
|
||||
previewPane.classList.add('d-none');
|
||||
toggleBtn.innerHTML = '<i class="bi bi-eye me-1"></i>Show Preview';
|
||||
}
|
||||
});
|
||||
|
||||
bodyTextarea.addEventListener('input', () => {
|
||||
if (showing)
|
||||
previewPane.innerHTML = marked.parse(bodyTextarea.value || '_No content_');
|
||||
});
|
||||
</script>
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
@model List<PowderCoating.Core.Entities.ReleaseNote>
|
||||
@{
|
||||
ViewData["Title"] = "What's New";
|
||||
|
||||
string TagBadge(string tag) => tag switch {
|
||||
"Feature" => "bg-primary",
|
||||
"Improvement" => "bg-info",
|
||||
"Fix" => "bg-warning text-dark",
|
||||
"Breaking" => "bg-danger",
|
||||
"Security" => "bg-dark",
|
||||
_ => "bg-secondary"
|
||||
};
|
||||
|
||||
// Group by year/month
|
||||
var grouped = Model
|
||||
.GroupBy(r => new { r.ReleasedAt.Year, r.ReleasedAt.Month })
|
||||
.OrderByDescending(g => g.Key.Year).ThenByDescending(g => g.Key.Month)
|
||||
.ToList();
|
||||
}
|
||||
|
||||
<div class="container py-4" style="max-width:800px">
|
||||
<div class="d-flex align-items-center justify-content-between mb-4">
|
||||
<div>
|
||||
<h3 class="mb-0"><i class="bi bi-rocket-takeoff me-2 text-primary"></i>What's New</h3>
|
||||
<p class="text-muted mb-0">Latest features, improvements, and fixes</p>
|
||||
</div>
|
||||
@if (User.IsInRole("SuperAdmin"))
|
||||
{
|
||||
<a asp-action="Manage" class="btn btn-outline-primary btn-sm">
|
||||
<i class="bi bi-pencil-square me-1"></i>Manage
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
|
||||
@if (!Model.Any())
|
||||
{
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body text-center py-5">
|
||||
<i class="bi bi-journal-text fs-1 text-muted opacity-25"></i>
|
||||
<p class="text-muted mt-3">No release notes published yet.</p>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
@foreach (var monthGroup in grouped)
|
||||
{
|
||||
var monthLabel = new DateTime(monthGroup.Key.Year, monthGroup.Key.Month, 1).ToString("MMMM yyyy");
|
||||
<div class="mb-2">
|
||||
<h6 class="text-muted text-uppercase fw-semibold" style="font-size:.75rem;letter-spacing:.05em">
|
||||
@monthLabel
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
@foreach (var note in monthGroup.OrderByDescending(r => r.ReleasedAt).ThenByDescending(r => r.Id))
|
||||
{
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-start justify-content-between mb-3">
|
||||
<div>
|
||||
<div class="d-flex align-items-center gap-2 mb-1">
|
||||
<code class="fs-6 fw-bold">v@(note.Version)</code>
|
||||
<span class="badge @TagBadge(note.Tag)">@note.Tag</span>
|
||||
</div>
|
||||
<h5 class="mb-0">@note.Title</h5>
|
||||
</div>
|
||||
<small class="text-muted flex-shrink-0 ms-3">@note.ReleasedAt.ToString("MMM d, yyyy")</small>
|
||||
</div>
|
||||
|
||||
<div class="release-note-body">
|
||||
@Html.Raw(Markdig.Markdown.ToHtml(note.Body))
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
</div>
|
||||
|
||||
@section Styles {
|
||||
<style>
|
||||
.release-note-body h2 { font-size: 1.1rem; font-weight: 600; margin-top: 1rem; }
|
||||
.release-note-body h3 { font-size: 1rem; font-weight: 600; color: var(--bs-secondary-color); }
|
||||
.release-note-body ul { padding-left: 1.25rem; }
|
||||
.release-note-body li { margin-bottom: .25rem; }
|
||||
.release-note-body code { background: var(--bs-tertiary-bg); padding: .1rem .3rem; border-radius: .25rem; font-size: .875em; }
|
||||
.release-note-body p:last-child { margin-bottom: 0; }
|
||||
</style>
|
||||
}
|
||||
@@ -0,0 +1,148 @@
|
||||
@model List<PowderCoating.Core.Entities.ReleaseNote>
|
||||
@{
|
||||
ViewData["Title"] = "Release Notes Manager";
|
||||
|
||||
string TagBadge(string tag) => tag switch {
|
||||
"Feature" => "bg-primary",
|
||||
"Improvement" => "bg-info",
|
||||
"Fix" => "bg-warning text-dark",
|
||||
"Breaking" => "bg-danger",
|
||||
"Security" => "bg-dark",
|
||||
_ => "bg-secondary"
|
||||
};
|
||||
}
|
||||
|
||||
<div class="container-fluid py-3">
|
||||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||||
<div>
|
||||
<h4 class="mb-0"><i class="bi bi-journal-text me-2 text-primary"></i>Release Notes Manager</h4>
|
||||
<small class="text-muted">Publish versioned changelogs visible to all platform users</small>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<a asp-action="Index" class="btn btn-outline-secondary btn-sm" target="_blank">
|
||||
<i class="bi bi-eye me-1"></i>Preview Changelog
|
||||
</a>
|
||||
<a asp-action="Create" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-circle me-1"></i>New Release Note
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (TempData["Success"] != null)
|
||||
{
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
<i class="bi bi-check-circle me-2"></i>@TempData["Success"]
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
}
|
||||
|
||||
@* Summary cards *@
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 shadow-sm text-center py-3">
|
||||
<div class="fs-3 fw-bold">@Model.Count</div>
|
||||
<div class="small text-muted">Total</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 shadow-sm text-center py-3">
|
||||
<div class="fs-3 fw-bold text-success">@Model.Count(r => r.IsPublished)</div>
|
||||
<div class="small text-muted">Published</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 shadow-sm text-center py-3">
|
||||
<div class="fs-3 fw-bold text-warning">@Model.Count(r => !r.IsPublished)</div>
|
||||
<div class="small text-muted">Draft</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card border-0 shadow-sm text-center py-3">
|
||||
<div class="fs-3 fw-bold text-primary">@Model.Count(r => r.IsPublished && r.ReleasedAt >= DateTime.UtcNow.AddDays(-30))</div>
|
||||
<div class="small text-muted">Last 30 Days</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0 small">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th style="width:100px">Version</th>
|
||||
<th>Title</th>
|
||||
<th style="width:100px">Tag</th>
|
||||
<th style="width:110px">Released</th>
|
||||
<th style="width:90px">Status</th>
|
||||
<th style="width:130px">Created By</th>
|
||||
<th style="width:100px"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@if (!Model.Any())
|
||||
{
|
||||
<tr>
|
||||
<td colspan="7" class="text-center text-muted py-5">
|
||||
<i class="bi bi-journal-x fs-1 d-block mb-2 opacity-25"></i>
|
||||
No release notes yet. <a asp-action="Create">Create the first one.</a>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
@foreach (var note in Model)
|
||||
{
|
||||
<tr class="@(note.IsPublished ? "" : "opacity-75")">
|
||||
<td>
|
||||
<code class="fw-semibold">v@(note.Version)</code>
|
||||
</td>
|
||||
<td>
|
||||
<div class="fw-medium">@note.Title</div>
|
||||
@if (note.Body.Length > 80)
|
||||
{
|
||||
<small class="text-muted">@note.Body[..80]…</small>
|
||||
}
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge @TagBadge(note.Tag)">@note.Tag</span>
|
||||
</td>
|
||||
<td class="text-muted">@note.ReleasedAt.ToString("MM/dd/yyyy")</td>
|
||||
<td>
|
||||
@if (note.IsPublished)
|
||||
{
|
||||
<span class="badge bg-success">Published</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="badge bg-warning text-dark">Draft</span>
|
||||
}
|
||||
</td>
|
||||
<td class="text-muted">@note.CreatedByUserName</td>
|
||||
<td>
|
||||
<div class="d-flex gap-1">
|
||||
<a asp-action="Edit" asp-route-id="@note.Id"
|
||||
class="btn btn-sm btn-outline-secondary py-0 px-2" title="Edit">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
<form asp-action="TogglePublish" asp-route-id="@note.Id" method="post" class="d-inline">
|
||||
@Html.AntiForgeryToken()
|
||||
<button type="submit"
|
||||
class="btn btn-sm @(note.IsPublished ? "btn-outline-warning" : "btn-outline-success") py-0 px-2"
|
||||
title="@(note.IsPublished ? "Unpublish" : "Publish")">
|
||||
<i class="bi @(note.IsPublished ? "bi-eye-slash" : "bi-eye")"></i>
|
||||
</button>
|
||||
</form>
|
||||
<form asp-action="Delete" asp-route-id="@note.Id" method="post" class="d-inline"
|
||||
onsubmit="return confirm('Delete v@(note.Version)?')">
|
||||
@Html.AntiForgeryToken()
|
||||
<button type="submit" class="btn btn-sm btn-outline-danger py-0 px-2" title="Delete">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user