mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-03-10 17:26:05 +01:00
a962e60de9
* Store selector * Footer * Notifications * Checkout Appearance * Users list * Forms * Emails * Pay Button * Edit Dictionary * Remove newlines, fix typos * Forms * Pull payments and payouts * Various pages * Use local docs link * Fix * Even more translations * Fixes #6325 * Account pages * Notifications * Placeholders * Various pages and components * Add more
36 lines
2.3 KiB
Text
36 lines
2.3 KiB
Text
@using BTCPayServer.Client
|
|
@model BTCPayServer.Plugins.PointOfSale.Models.ViewPointOfSaleViewModel
|
|
|
|
<div class="modal" tabindex="-1" id="RecentTransactions" ref="RecentTransactions" data-bs-backdrop="static" data-url="@Url.Action("RecentTransactions", "UIPointOfSale", new { appId = Model.AppId })" permission="@Policies.CanViewInvoices">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Recent Transactions</h5>
|
|
<button type="button" class="btn btn-link px-3 py-0" aria-label="Refresh" v-on:click="loadRecentTransactions" :disabled="recentTransactionsLoading" id="RecentTransactionsRefresh">
|
|
<vc:icon symbol="actions-refresh"/>
|
|
<span v-if="recentTransactionsLoading" class="visually-hidden" text-translate="true">Loading...</span>
|
|
</button>
|
|
<button type="button" class="btn-close py-3" aria-label="@StringLocalizer["Close"]" v-on:click="hideRecentTransactions">
|
|
<vc:icon symbol="close"/>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div v-if="recentTransactions.length" class="list-group list-group-flush">
|
|
<a v-for="t in recentTransactions" :key="t.id" :href="t.url" class="list-group-item list-group-item-action d-flex align-items-center gap-3 pe-1 py-3">
|
|
<div class="d-flex align-items-baseline justify-content-between flex-wrap flex-grow-1 gap-2">
|
|
<span class="flex-grow-1">{{displayDate(t.date)}}</span>
|
|
<span class="flex-grow-1 text-end">{{t.price}}</span>
|
|
<div class="badge-container">
|
|
<span class="badge" :class="`badge-${t.status.toLowerCase()}`">{{t.status}}</span>
|
|
</div>
|
|
</div>
|
|
<vc:icon symbol="caret-right" />
|
|
</a>
|
|
</div>
|
|
<p v-else-if="recentTransactionsLoading" class="text-muted my-0">Loading...</p>
|
|
<p v-else class="text-muted my-0">No transactions, yet.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|