setting background on accordion tabs

This commit is contained in:
Frede Hundewadt 2022-04-11 11:55:39 +02:00
parent 93f1600cb8
commit c25f78ea9e

View file

@ -28,7 +28,7 @@
@* Section for activity header *@
<div class="accordion-item">
<h2 class="accordion-header" id="activityHeader">
<button class="accordion-button" type="button"
<button class="accordion-button bg-dark text-white" type="button"
data-bs-toggle="collapse" data-bs-target="#activityBody"
aria-expanded="true" aria-controls="activityBody">
Aktivitet
@ -95,7 +95,7 @@
@* Section for delivery address *@
<div class="accordion-item">
<h2 class="accordion-header" id="deliveryHeader">
<button class="accordion-button collapsed" type="button"
<button class="accordion-button collapsed bg-dark text-white" type="button"
data-bs-toggle="collapse" data-bs-target="#deliveryBody"
aria-expanded="false" aria-controls="deliveryBody">
Leveringsadresse
@ -140,7 +140,7 @@
@* Catalog selection for draft *@
<div class="accordion-item">
<h2 class="accordion-header" id="catalogHeader">
<button class="accordion-button collapsed" type="button"
<button class="accordion-button collapsed bg-dark text-white" type="button"
data-bs-toggle="collapse" data-bs-target="#catalogBody"
aria-expanded="false" aria-controls="catalogBody">
Produkt katalog
@ -259,19 +259,15 @@
@* Draft lines *@
<div class="accordion-item">
<h2 class="accordion-header" id="draftHeader">
<button class="accordion-button collapsed" type="button"
<button class="accordion-button collapsed bg-dark text-white" type="button"
data-bs-toggle="collapse" data-bs-target="#draftBody"
aria-expanded="false" aria-controls="draftBody">
Kladdelinjer <span class="mx-2 draft-expires-msg">Kladde udløber efter @(DraftStateProvider.Draft.TimeToLiveInSeconds / 60)m inaktivitet.</span>
Kladdelinjer <span class="mx-2 draft-expires-msg">Global kladde (udløber efter @(DraftStateProvider.Draft.TimeToLiveInSeconds / 60)m inaktivitet)</span>
</button>
</h2>
<div id="draftBody" class="accordion-collapse collapse"
aria-labelledby="draftHeader">
<div class="accordion-body">
@* ---------------------------------------------- *@
@* Display draft content *@
@if (DraftStateProvider != null && DraftStateProvider.Draft.Items.Count > 0)
{
<table class="table table-hover table-striped justify-content-center">
<thead>
<tr>
@ -284,6 +280,10 @@
</tr>
</thead>
<tbody>
@* ---------------------------------------------- *@
@* Display draft content *@
@if (DraftStateProvider != null && DraftStateProvider.Draft.Items.Count > 0)
{
@foreach (var cItem in DraftStateProvider.Draft.Items)
{
<tr>
@ -305,22 +305,18 @@
<td class="text-black text-end fw-bold">@DraftStateProvider.Draft.Total</td>
<td></td>
</tr>
}
</tbody>
</table>
<div class="row">
<div class="col">
<button class="btn btn-danger" @onclick="@DeleteDraft">Slet kladde</button>
</div>
<div class="col">
<a class="btn btn-success" href="/Companies">Overfør</a>
</div>
<div class="row">
<div class="col">
<button class="btn btn-danger" @onclick="@DeleteDraft" disabled="@(DraftStateProvider.Draft.Items.Count == 0)">Slet kladde</button>
</div>
}
</div>
</div>
</div>
</div>
</div>
</EditForm>
@* ---------------------------------------------- *@
@* Display action buttons *@
<div class="row mb-2">
@ -330,4 +326,5 @@
<button type="submit" class="btn btn-success" disabled="@_poFormInvalid">Bestilling</button>
</div>
</div>
</EditForm>
}