transactions

bitcoiinBT2 · Apr 10, 2018 · f763f77 · f763f77
1 parent b394709
commit f763f77
Show file tree

Hide file tree

Showing 3 changed files with 122 additions and 2 deletions.
diff --git 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;
 }
diff --git a/index.html b/index.html
@@ -3048,6 +3048,17 @@ <h5 ng-show="wallet.type=='default'">
                       </tr>
                     </tbody>
                   </table>
+                  <div ng-if="transactions.length > 0">
+                    <p>Total transactions: {{total}})</p>
+                    <div class="col-md-12" style="text-align: center;">
+                      <ul class="pagination pagination-sm">
+                        <li ng-repeat="n in [].constructor(totalPage) track by $index"><a class="btn btn-default" ng-click="changePage($index + 1)">{{ $index + 1 }}</a></li>
+                      </ul>
+                    </div>
+                    <div class="col-md-12">
+                      <p style="text-align:center;">Showing page {{page}} of {{totalPage}}</p>
+                    </div>
+                  </div>
                 </div>
               </main>
             </section>

diff --git 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) {