setting background on accordion tabs
This commit is contained in:
parent
93f1600cb8
commit
c25f78ea9e
1 changed files with 15 additions and 18 deletions
|
@ -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>
|
||||
}
|
Loading…
Reference in a new issue