mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-22 06:21:44 +01:00
0f8da123b8
* UI: Move section navigation to sidebar * Scroll active nav link into view * Move CTAs to top right * Server Settings: Make Policies first page * Responsive table fixes * Spacing fixes * Add breadcrumb samples * store settings fixes * payment request fixes * updates pull payment title * adds invoice detail fix * updates server settings breadcrumbs + copy fix * Don't open Server Settings on Plugins page * Add breadcrumbs to pull payment views * adds breadcrumbs to account * server and store breadcrumb fixes * fixes access tokens * Fix payment processor breadcrumbs * fixes webhook 404 * Final touches * Fix test * Add breadcrumb for email rules page * Design system updates --------- Co-authored-by: dstrukt <gfxdsign@gmail.com>
75 lines
3 KiB
Text
75 lines
3 KiB
Text
@using BTCPayServer.Client.Models
|
|
@using BTCPayServer.Services
|
|
@using BTCPayServer.Services.Invoices
|
|
@inject DisplayFormatter DisplayFormatter
|
|
@model BTCPayServer.Components.StoreRecentInvoices.StoreRecentInvoicesViewModel
|
|
|
|
<div class="widget store-recent-invoices" id="StoreRecentInvoices-@Model.Store.Id">
|
|
<header>
|
|
<h3>Recent Invoices</h3>
|
|
@if (Model.Invoices.Any())
|
|
{
|
|
<a asp-controller="UIInvoice" asp-action="ListInvoices" asp-route-storeId="@Model.Store.Id">View All</a>
|
|
}
|
|
</header>
|
|
@if (Model.InitialRendering)
|
|
{
|
|
<div class="loading d-flex justify-content-center p-3">
|
|
<div class="spinner-border text-light" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
(async () => {
|
|
const url = @Safe.Json(Url.Action("RecentInvoices", "UIStores", new { storeId = Model.Store.Id, cryptoCode = Model.CryptoCode }));
|
|
const storeId = @Safe.Json(Model.Store.Id);
|
|
const response = await fetch(url);
|
|
if (response.ok) {
|
|
document.getElementById(`StoreRecentInvoices-${storeId}`).outerHTML = await response.text();
|
|
}
|
|
})();
|
|
</script>
|
|
}
|
|
else if (Model.Invoices.Any())
|
|
{
|
|
<div class="table-responsive mt-3 mb-0">
|
|
<table class="table table-hover mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th class="w-125px">Date</th>
|
|
<th class="text-nowrap">Invoice Id</th>
|
|
<th>Status</th>
|
|
<th class="text-end">Amount</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach (var invoice in Model.Invoices)
|
|
{
|
|
<tr>
|
|
<td>@invoice.Date.ToTimeAgo()</td>
|
|
<td>
|
|
<a asp-controller="UIInvoice" asp-action="Invoice" asp-route-invoiceId="@invoice.InvoiceId" class="text-break">@invoice.InvoiceId</a>
|
|
</td>
|
|
<td>
|
|
<vc:invoice-status state="invoice.Status" payments="invoice.Details.Payments" invoice-id="@invoice.InvoiceId"
|
|
is-archived="invoice.Details.Archived" has-refund="invoice.HasRefund" />
|
|
</td>
|
|
<td class="text-end">
|
|
<span data-sensitive>@DisplayFormatter.Currency(invoice.Amount, invoice.Currency)</span>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
}
|
|
else
|
|
{
|
|
<p class="text-secondary my-3">
|
|
There are no recent invoices.
|
|
</p>
|
|
<a asp-controller="UIInvoice" asp-action="CreateInvoice" asp-route-storeId="@Model.Store.Id" class="fw-semibold">
|
|
Create Invoice
|
|
</a>
|
|
}
|
|
</div>
|