From 6d7d688a30024e5805bb94bf48a2dbe927bfe9d1 Mon Sep 17 00:00:00 2001
From: Dan Janosik <janoside@gmail.com>
Date: Thu, 7 Jun 2018 20:55:59 +0200
Subject: [PATCH] ui support for showing more tx per page on block details
 pages

---
 views/includes/block-content.pug | 42 +++++++++++++++++++++++++-------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/views/includes/block-content.pug b/views/includes/block-content.pug
index 270941d..ee68394 100644
--- a/views/includes/block-content.pug
+++ b/views/includes/block-content.pug
@@ -125,20 +125,44 @@ div(class="tab-content")
 
 		hr
 
-		h2(class="h4") Transactions (#{txCount.toLocaleString()})
-			small  - Showing 
-				if (txCount <= limit)
-					span all
-				else
-					span #{(offset + 1)} - #{Math.min(offset + limit, txCount)}
+		div(class="card mb-3")
+			div(class="card-header")
+				div(class="row")
+					div(class="col-md-4")
+						h2(class="h4 mb-0") #{txCount.toLocaleString()} 
+							if (txCount == 1)
+								span Transaction
+							else
+								span Transactions
+
+					if (txCount > 20)
+						div(class="col-md-8 text-right")
+							span(class="mr-2") Show
+							div(class="btn-group", role="group")
+								a(href=(paginationBaseUrl + "?limit=20"), class="btn btn-sm btn-primary px-2", class=((limit == 20 && txCount > limit) ? "active" : false)) 20
+								a(href=(paginationBaseUrl + "?limit=50"), class="btn btn-sm btn-primary px-2", class=(limit == 50 ? "active" : false)) 50
+								a(href=(paginationBaseUrl + "?limit=100"), class="btn btn-sm btn-primary px-2", class=(limit == 100 ? "active" : false)) 100
+								a(href=(paginationBaseUrl + "?limit=3000"), class="btn btn-sm btn-primary px-2", class=(limit >= txCount ? "active" : false)) all
+
+		if (false)
+			h2(class="h4") Transactions (#{txCount.toLocaleString()})
+				small  - Showing 
+					if (txCount <= limit)
+						span all
+					else
+						span #{(offset + 1)} - #{Math.min(offset + limit, txCount)}
 		
 		each tx, txIndex in result.transactions
 			//pre
 			//	code #{JSON.stringify(tx, null, 4)}
 			div(class="card mb-3")
 				div(class="card-header")
-					if (tx && tx.txid)
-						a(href=("/tx/" + tx.txid), class="monospace") #{tx.txid}
+					div(class="row")
+						div(class="col-md-10")
+							if (tx && tx.txid)
+								a(href=("/tx/" + tx.txid), class="monospace") #{tx.txid}
+						div(class="col-md-2 text-right")
+							span ##{(txIndex + offset).toLocaleString()}
 				div(class="card-body")
 					//pre
 					//	code #{JSON.stringify(result.txInputsByTransaction[tx.txid], null, 4)}
@@ -170,7 +194,7 @@ div(class="tab-content")
 										each txInput, txInputIndex in result.txInputsByTransaction[tx.txid]
 											if (txInput)
 												- var vout = txInput.vout[tx.vin[txInputIndex].vout];
-
+												
 												tr
 													th #{(txInputIndex + 1)}
 													//pre