feat(frontend+backend): add theming to the blazor frontend
This commit is contained in:
@@ -6,9 +6,11 @@
|
||||
<PageTitle>Services</PageTitle>
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mb-4">
|
||||
<h1>Services</h1>
|
||||
<a href="/services/create" class="btn btn-primary">
|
||||
<i class="bi bi-plus-circle"></i> Create Service
|
||||
<h1 class="nimbus-page-title">
|
||||
<i class="bi bi-gear-fill me-3"></i>Services
|
||||
</h1>
|
||||
<a href="/services/create" class="btn btn-nimbus-primary">
|
||||
<i class="bi bi-gear-wide-connected me-2"></i>Create Service
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -69,7 +71,7 @@ else if (services.Any())
|
||||
<strong>@service.ServiceDate.ToString("MMM dd, yyyy (dddd)")</strong>
|
||||
</td>
|
||||
<td>
|
||||
<span class="badge @GetServiceTypeBadgeClass(service.ServiceTypeName)">
|
||||
<span class="badge" style="background-color: var(--nimbus-gold); color: var(--nimbus-navy);">
|
||||
@service.ServiceTypeName
|
||||
</span>
|
||||
</td>
|
||||
@@ -115,11 +117,17 @@ else if (services.Any())
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group" role="group">
|
||||
<a href="/services/@service.ServiceId" class="btn btn-sm btn-outline-primary">View</a>
|
||||
<a href="/services/@service.ServiceId" class="btn btn-sm btn-nimbus-secondary me-1">
|
||||
<i class="bi bi-eye-fill me-1"></i>View
|
||||
</a>
|
||||
@if (service.ServiceDate >= DateTime.Today)
|
||||
{
|
||||
<a href="/schedules/create?serviceId=@service.ServiceId" class="btn btn-sm btn-success">Schedule</a>
|
||||
<a href="/services/@service.ServiceId/edit" class="btn btn-sm btn-outline-warning">Edit</a>
|
||||
<a href="/schedules/create?serviceId=@service.ServiceId" class="btn btn-sm btn-success me-1">
|
||||
<i class="bi bi-calendar-plus-fill me-1"></i>Schedule
|
||||
</a>
|
||||
<a href="/services/@service.ServiceId/edit" class="btn btn-sm btn-outline-warning">
|
||||
<i class="bi bi-pencil-fill me-1"></i>Edit
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
</td>
|
||||
@@ -225,14 +233,4 @@ else
|
||||
}
|
||||
}
|
||||
|
||||
private string GetServiceTypeBadgeClass(string? serviceTypeName)
|
||||
{
|
||||
return serviceTypeName switch
|
||||
{
|
||||
"9AM" => "bg-info",
|
||||
"11AM" => "bg-primary",
|
||||
"6PM" => "bg-dark",
|
||||
_ => "bg-secondary"
|
||||
};
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user