From 58f138e854140603e6d5cd4b5a540d22caa57673 Mon Sep 17 00:00:00 2001
From: rockstardev <rockstardev@users.noreply.github.com>
Date: Thu, 4 Apr 2019 22:25:38 -0500
Subject: [PATCH] Invoice list improvements

Items 5 and 9 from #349
---
 .../Views/Invoice/ListInvoices.cshtml         | 59 ++++++++++++++-----
 1 file changed, 43 insertions(+), 16 deletions(-)

diff --git a/BTCPayServer/Views/Invoice/ListInvoices.cshtml b/BTCPayServer/Views/Invoice/ListInvoices.cshtml
index 47aed9225..e3238a89a 100644
--- a/BTCPayServer/Views/Invoice/ListInvoices.cshtml
+++ b/BTCPayServer/Views/Invoice/ListInvoices.cshtml
@@ -89,7 +89,7 @@
                     @foreach (var invoice in Model.Invoices)
                     {
                         <tr>
-                            <td>@invoice.Date.ToTimeAgo()</td>
+                            <td>@invoice.Date.ToBrowserDate()</td>
                             <td>
                                 @if (invoice.RedirectUrl != string.Empty)
                                 {
@@ -142,29 +142,56 @@
                 </tbody>
             </table>
 
-            <nav aria-label="...">
-                <ul class="pagination">
-                    <li class="page-item  @(Model.Skip == 0 ? "disabled" : null)">
-                        <a class="page-link" tabindex="-1" href="@Url.Action("ListInvoices", new
-                        {
-                            searchTerm = Model.SearchTerm,
-                            skip = Math.Max(0, Model.Skip - Model.Count),
-                            count = Model.Count,
-                        })">Previous</a>
+            <nav aria-label="..." class="w-100">
+                <ul class="pagination float-left">
+                    <li class="page-item @(Model.Skip == 0 ? "disabled" : null)">
+                        <a class="page-link" tabindex="-1" href="@listInvoices(-1, Model.Count)">&laquo;</a>
                     </li>
                     <li class="page-item disabled">
                         <span class="page-link">@(Model.Skip + 1) to @(Model.Skip + Model.Invoices.Count) of @Model.Total</span>
                     </li>
                     <li class="page-item @(Model.Total > (Model.Skip + Model.Invoices.Count) ? null : "disabled")">
-                        <a class="page-link" href="@Url.Action("ListInvoices", new
-                        {
-                            searchTerm = Model.SearchTerm,
-                            skip = Model.Skip + Model.Count,
-                            count = Model.Count,
-                        })">Next</a>
+                        <a class="page-link" href="@listInvoices(1, Model.Count)">&raquo;</a>
+                    </li>
+                </ul>
+
+                <ul class="pagination float-right">
+                    <li class="page-item disabled">
+                        <span class="page-link">Page Size:</span>
+                    </li>
+                    <li class="page-item @(Model.Count == 50 ? "active" : null)">
+                        <a class="page-link" href="@listInvoices(0, 50)">50</a>
+                    </li>
+                    <li class="page-item @(Model.Count == 100 ? "active" : null)">
+                        <a class="page-link" href="@listInvoices(0, 100)">100</a>
+                    </li>
+                    <li class="page-item @(Model.Count == 250 ? "active" : null)">
+                        <a class="page-link" href="@listInvoices(0, 250)">250</a>
+                    </li>
+                    <li class="page-item @(Model.Count == 500 ? "active" : null)">
+                        <a class="page-link" href="@listInvoices(0, 500)">500</a>
                     </li>
                 </ul>
             </nav>
+            @{ 
+                string listInvoices(int prevNext, int count)
+                {
+                    var skip = Model.Skip;
+                    if (prevNext == -1)
+                        skip = Math.Max(0, Model.Skip - Model.Count);
+                    else if (prevNext == 1)
+                        skip = Model.Skip + count;
+
+                    var act = Url.Action("ListInvoices", new
+                    {
+                        searchTerm = Model.SearchTerm,
+                        skip = skip,
+                        count = count,
+                    });
+
+                    return act;
+                }
+            }
 
         </div>