diff --git a/css/etherwallet-master.min.css b/css/etherwallet-master.min.css index 9137ea4..5b0a595 100644 --- a/css/etherwallet-master.min.css +++ b/css/etherwallet-master.min.css @@ -1220,4 +1220,101 @@ border-bottom: 5px solid #ffb100; .btsize { font-size:14px; } +} + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.42857143; + color: #337ab7; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + z-index: 2; + color: #23527c; + background-color: #eee; + border-color: #ddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 3; + color: #fff; + cursor: default; + background-color: #337ab7; + border-color: #337ab7; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #777; + cursor: not-allowed; + background-color: #fff; + border-color: #ddd; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } \ No newline at end of file diff --git a/index.html b/index.html index 8480013..b1881e0 100644 --- a/index.html +++ b/index.html @@ -3048,6 +3048,17 @@
+
+

Total transactions: {{total}})

+ +
+

Showing page {{page}} of {{totalPage}}

+
+
diff --git a/js/etherwallet-master.js b/js/etherwallet-master.js index 56854e9..e1b2ce0 100644 --- a/js/etherwallet-master.js +++ b/js/etherwallet-master.js @@ -2329,16 +2329,28 @@ signedMsg: '', status: '' }; + $scope.page = 1 + $scope.total = 0 + $scope.totalPage = 1 + + $scope.changePage = function(page) { + if(page <= $scope.totalPage) { + $scope.page = page + $scope.getTransactions() + } + } + // axios.post('https://node1.bitcoiin.com/',{"jsonrpc":"2.0","method":"eth_getBalance","params":["0xc322f1fd0a9f9db01b01fdbc9bc8f41b61621019","pending"],"id":1}) // axios.post('https://node1.bitcoiin.com/',{"jsonrpc":"2.0","method":"eth_newFilter","params":[{ // "address":"0xc322f1fd0a9f9db01b01fdbc9bc8f41b61621019" // }],"id":1}) $scope.getTransactions = function() { - axios.post('https://history.bitcoiin.com/api/tx',{"address":$scope.wallet.getChecksumAddressString().toLowerCase()}).then(res=>{ + axios.post('https://history.bitcoiin.com/api/tx',{"address":$scope.wallet.getChecksumAddressString().toLowerCase(),"page":$scope.page}).then(res=>{ $scope.transactions = res.data.transactions + $scope.totalPage = parseInt(res.data.total / 10 ) +1 + $scope.total = res.data.total $scope.$apply() }).catch(e=>{ - console.log(e) }) } $scope.toB2G = function(value) {