Initial commit
This commit is contained in:
@@ -0,0 +1,25 @@
|
||||
@using PowderCoating.Core.Entities
|
||||
@model Announcement
|
||||
@{
|
||||
ViewData["Title"] = "New Announcement";
|
||||
}
|
||||
|
||||
<div class="container-fluid py-3" style="max-width:700px">
|
||||
<div class="d-flex align-items-center gap-3 mb-3">
|
||||
<a asp-action="Index" 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-megaphone me-2 text-primary"></i>New Announcement</h4>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<form method="post" asp-action="Create">
|
||||
@Html.AntiForgeryToken()
|
||||
@await Html.PartialAsync("_AnnouncementForm", Model)
|
||||
<div class="mt-3 d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>Create</button>
|
||||
<a asp-action="Index" class="btn btn-outline-secondary">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
@using PowderCoating.Core.Entities
|
||||
@model Announcement
|
||||
@{
|
||||
ViewData["Title"] = "Edit Announcement";
|
||||
}
|
||||
|
||||
<div class="container-fluid py-3" style="max-width:700px">
|
||||
<div class="d-flex align-items-center gap-3 mb-3">
|
||||
<a asp-action="Index" 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-megaphone me-2 text-primary"></i>Edit Announcement</h4>
|
||||
</div>
|
||||
|
||||
<div class="card border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<form method="post" asp-action="Edit" asp-route-id="@Model.Id">
|
||||
@Html.AntiForgeryToken()
|
||||
@await Html.PartialAsync("_AnnouncementForm", Model)
|
||||
<div class="mt-3 d-flex gap-2">
|
||||
<button type="submit" class="btn btn-primary"><i class="bi bi-check-lg me-1"></i>Save</button>
|
||||
<a asp-action="Index" class="btn btn-outline-secondary">Cancel</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,164 @@
|
||||
@using PowderCoating.Core.Entities
|
||||
@model List<Announcement>
|
||||
@{
|
||||
ViewData["Title"] = "Announcements";
|
||||
|
||||
string TypeBadge(string type) => type switch {
|
||||
"success" => "bg-success",
|
||||
"warning" => "bg-warning",
|
||||
"danger" => "bg-danger",
|
||||
_ => "bg-info"
|
||||
};
|
||||
}
|
||||
|
||||
@section Styles {
|
||||
<style>
|
||||
[data-bs-theme="dark"] a.text-dark { color: var(--bs-body-color) !important; }
|
||||
</style>
|
||||
}
|
||||
|
||||
<div class="container-fluid py-3">
|
||||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||||
<h4 class="mb-0"><i class="bi bi-megaphone me-2 text-primary"></i>Announcements</h4>
|
||||
<a asp-action="Create" class="btn btn-primary btn-sm">
|
||||
<i class="bi bi-plus-lg me-1"></i>New Announcement
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@if (TempData["Success"] != null)
|
||||
{
|
||||
<div class="alert alert-success alert-dismissible mb-3" role="alert">
|
||||
@TempData["Success"]<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</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>Title</th>
|
||||
<th>Type</th>
|
||||
<th>Target</th>
|
||||
<th>Starts</th>
|
||||
<th>Expires</th>
|
||||
<th>Active</th>
|
||||
<th>Dismissible</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@if (!Model.Any())
|
||||
{
|
||||
<tr><td colspan="8" class="text-center text-muted py-5">No announcements yet.</td></tr>
|
||||
}
|
||||
@foreach (var a in Model)
|
||||
{
|
||||
var now = DateTime.UtcNow;
|
||||
var isLive = a.IsActive && a.StartsAt <= now && (a.ExpiresAt == null || a.ExpiresAt > now);
|
||||
<tr class="@(!a.IsActive ? "opacity-50" : "")" style="cursor:pointer"
|
||||
onclick="window.location='@Url.Action("Edit", new { id = a.Id })'">
|
||||
<td>
|
||||
<div class="fw-medium">@a.Title</div>
|
||||
<small class="text-muted">@a.Message.Substring(0, Math.Min(60, a.Message.Length))@(a.Message.Length > 60 ? "…" : "")</small>
|
||||
</td>
|
||||
<td><span class="badge @TypeBadge(a.Type)">@a.Type</span></td>
|
||||
<td>
|
||||
@if (a.Target == "All") { <span class="badge bg-secondary">All</span> }
|
||||
else if (a.Target == "Plan") { <span class="badge bg-primary">Plan @a.TargetPlan</span> }
|
||||
else { <span class="badge bg-warning">Co. #@a.TargetCompanyId</span> }
|
||||
</td>
|
||||
<td>@a.StartsAt.Tz(ViewBag.CompanyTimeZone as string).ToString("MM/dd/yy HH:mm")</td>
|
||||
<td>@(a.ExpiresAt.HasValue ? a.ExpiresAt.Value.Tz(ViewBag.CompanyTimeZone as string).ToString("MM/dd/yy HH:mm") : "Never")</td>
|
||||
<td>
|
||||
@if (isLive)
|
||||
{ <span class="badge bg-success">Live</span> }
|
||||
else if (!a.IsActive)
|
||||
{ <span class="badge bg-secondary">Disabled</span> }
|
||||
else if (a.ExpiresAt.HasValue && a.ExpiresAt < now)
|
||||
{ <span class="badge bg-secondary">Expired</span> }
|
||||
else
|
||||
{ <span class="badge bg-warning">Scheduled</span> }
|
||||
</td>
|
||||
<td>
|
||||
@(a.IsDismissible
|
||||
? Html.Raw("<i class=\"bi bi-check-circle-fill text-success\"></i>")
|
||||
: Html.Raw("<i class=\"bi bi-dash-circle text-muted\"></i>"))
|
||||
</td>
|
||||
<td class="text-end" onclick="event.stopPropagation()">
|
||||
<a asp-action="Edit" asp-route-id="@a.Id"
|
||||
class="btn btn-sm btn-outline-primary py-0 px-2 me-1">
|
||||
<i class="bi bi-pencil"></i>
|
||||
</a>
|
||||
<form method="post" asp-action="ResetDismissals" asp-route-id="@a.Id" class="d-inline"
|
||||
onsubmit="return confirm('Reset all dismissals? The announcement will reappear for all users.')">
|
||||
@Html.AntiForgeryToken()
|
||||
<button class="btn btn-sm btn-outline-warning py-0 px-2" title="Reset dismissals">
|
||||
<i class="bi bi-arrow-counterclockwise"></i>
|
||||
</button>
|
||||
</form>
|
||||
<form method="post" asp-action="Delete" asp-route-id="@a.Id" class="d-inline"
|
||||
onsubmit="return confirm('Delete this announcement?')">
|
||||
@Html.AntiForgeryToken()
|
||||
<button class="btn btn-sm btn-outline-danger py-0 px-2">
|
||||
<i class="bi bi-trash"></i>
|
||||
</button>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- Mobile card view — shown on screens < 992px -->
|
||||
<div class="mobile-card-view">
|
||||
<div class="mobile-card-list">
|
||||
@if (!Model.Any())
|
||||
{
|
||||
<p class="text-center text-muted py-4">No announcements yet.</p>
|
||||
}
|
||||
@foreach (var a in Model)
|
||||
{
|
||||
var now = DateTime.UtcNow;
|
||||
var isLive = a.IsActive && a.StartsAt <= now && (a.ExpiresAt == null || a.ExpiresAt > now);
|
||||
string statusBadge, statusText;
|
||||
if (isLive) { statusBadge = "bg-success"; statusText = "Live"; }
|
||||
else if (!a.IsActive) { statusBadge = "bg-secondary"; statusText = "Disabled"; }
|
||||
else if (a.ExpiresAt.HasValue && a.ExpiresAt < now) { statusBadge = "bg-secondary"; statusText = "Expired"; }
|
||||
else { statusBadge = "bg-warning"; statusText = "Scheduled"; }
|
||||
|
||||
<a href="@Url.Action("Edit", new { id = a.Id })" class="mobile-data-card text-decoration-none">
|
||||
<div class="mobile-card-header">
|
||||
<div class="mobile-card-icon bg-primary"><i class="bi bi-megaphone"></i></div>
|
||||
<div class="mobile-card-title">
|
||||
<h6>@a.Title</h6>
|
||||
<small>@a.StartsAt.Tz(ViewBag.CompanyTimeZone as string).ToString("MM/dd/yy HH:mm")</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mobile-card-body">
|
||||
<div class="mobile-card-row">
|
||||
<span class="mobile-card-label">Status</span>
|
||||
<span class="mobile-card-value"><span class="badge @statusBadge">@statusText</span></span>
|
||||
</div>
|
||||
<div class="mobile-card-row">
|
||||
<span class="mobile-card-label">Target</span>
|
||||
<span class="mobile-card-value">
|
||||
@if (a.Target == "All") { <span class="badge bg-secondary">All</span> }
|
||||
else if (a.Target == "Plan") { <span class="badge bg-primary">Plan @a.TargetPlan</span> }
|
||||
else { <span class="badge bg-warning">Co. #@a.TargetCompanyId</span> }
|
||||
</span>
|
||||
</div>
|
||||
<div class="mobile-card-row">
|
||||
<span class="mobile-card-label">Expires</span>
|
||||
<span class="mobile-card-value">@(a.ExpiresAt.HasValue ? a.ExpiresAt.Value.Tz(ViewBag.CompanyTimeZone as string).ToString("MM/dd/yy") : "Never")</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mobile-card-footer">
|
||||
<span class="btn btn-sm btn-outline-primary">Edit →</span>
|
||||
</div>
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,122 @@
|
||||
@using PowderCoating.Core.Entities
|
||||
@model Announcement
|
||||
@{
|
||||
var planConfigs = (dynamic)ViewBag.PlanConfigs;
|
||||
var companies = (dynamic)ViewBag.Companies;
|
||||
}
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-12">
|
||||
<label class="form-label fw-medium">Title <span class="text-danger">*</span></label>
|
||||
<input asp-for="Title" class="form-control" placeholder="e.g. Scheduled maintenance tonight" required />
|
||||
<span asp-validation-for="Title" class="text-danger small"></span>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<label class="form-label fw-medium">Message <span class="text-danger">*</span></label>
|
||||
<textarea asp-for="Message" class="form-control" rows="3"
|
||||
placeholder="The platform will be offline for maintenance on Saturday from 2–4 AM ET." required></textarea>
|
||||
<span asp-validation-for="Message" class="text-danger small"></span>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-medium">Type</label>
|
||||
<select asp-for="Type" class="form-select">
|
||||
<option value="info">Info (blue)</option>
|
||||
<option value="success">Success (green)</option>
|
||||
<option value="warning">Warning (yellow)</option>
|
||||
<option value="danger">Danger (red)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<label class="form-label fw-medium">Target Audience</label>
|
||||
<select asp-for="Target" class="form-select" id="targetSelect" onchange="toggleTarget()">
|
||||
<option value="All">All companies</option>
|
||||
<option value="Plan">Specific plan</option>
|
||||
<option value="Company">Specific company</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div id="planTargetGroup" style="display:none">
|
||||
<label class="form-label fw-medium">Plan</label>
|
||||
<select asp-for="TargetPlan" class="form-select">
|
||||
<option value="">— select —</option>
|
||||
@foreach (var p in planConfigs)
|
||||
{
|
||||
<option value="@p.Plan">@p.DisplayName</option>
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
<div id="companyTargetGroup" style="display:none">
|
||||
<label class="form-label fw-medium">Company</label>
|
||||
<select asp-for="TargetCompanyId" class="form-select">
|
||||
<option value="">— select —</option>
|
||||
@foreach (var c in companies)
|
||||
{
|
||||
<option value="@c.Id">@c.CompanyName</option>
|
||||
}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Starts At</label>
|
||||
<input asp-for="StartsAt" type="datetime-local" class="form-control"
|
||||
value="@Model.StartsAt.Tz(ViewBag.CompanyTimeZone as string).ToString("yyyy-MM-ddTHH:mm")" />
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<label class="form-label fw-medium">Expires At <span class="text-muted fw-normal">(optional)</span></label>
|
||||
<input asp-for="ExpiresAt" type="datetime-local" class="form-control"
|
||||
value="@(Model.ExpiresAt.HasValue ? Model.ExpiresAt.Value.Tz(ViewBag.CompanyTimeZone as string).ToString("yyyy-MM-ddTHH:mm") : "")" />
|
||||
<div class="form-text">Leave blank to never expire.</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-check form-switch mt-2">
|
||||
<input asp-for="IsActive" class="form-check-input" type="checkbox" />
|
||||
<label asp-for="IsActive" class="form-check-label">Active (visible to users)</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="form-check form-switch mt-2">
|
||||
<input asp-for="IsDismissible" class="form-check-input" type="checkbox" />
|
||||
<label asp-for="IsDismissible" class="form-check-label">Dismissible by users</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@* Live preview *@
|
||||
<div class="col-12">
|
||||
<label class="form-label fw-medium text-muted">Preview</label>
|
||||
<div id="announcementPreview" class="alert mb-0" role="alert">
|
||||
<strong id="previewTitle">@Model.Title</strong>
|
||||
<span id="previewMessage"> — @Model.Message</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function toggleTarget() {
|
||||
const v = document.getElementById('targetSelect').value;
|
||||
document.getElementById('planTargetGroup').style.display = v === 'Plan' ? '' : 'none';
|
||||
document.getElementById('companyTargetGroup').style.display = v === 'Company' ? '' : 'none';
|
||||
}
|
||||
toggleTarget();
|
||||
|
||||
// Live preview
|
||||
const typeMap = { info: 'alert-info', success: 'alert-success', warning: 'alert-warning', danger: 'alert-danger' };
|
||||
function updatePreview() {
|
||||
const type = document.getElementById('Type').value;
|
||||
const preview = document.getElementById('announcementPreview');
|
||||
preview.className = 'alert mb-0 ' + (typeMap[type] || 'alert-info');
|
||||
document.getElementById('previewTitle').textContent = document.getElementById('Title').value || 'Title';
|
||||
document.getElementById('previewMessage').textContent = ' — ' + (document.getElementById('Message').value || 'Message');
|
||||
}
|
||||
document.getElementById('Type')?.addEventListener('change', updatePreview);
|
||||
document.getElementById('Title')?.addEventListener('input', updatePreview);
|
||||
document.getElementById('Message')?.addEventListener('input', updatePreview);
|
||||
updatePreview();
|
||||
</script>
|
||||
Reference in New Issue
Block a user