peer pagination

This commit is contained in:
raja.blaze 2019-09-02 13:25:26 +05:30
parent 46cba6ed2c
commit d0f794d23e
4 changed files with 10 additions and 1 deletions

View File

@ -44,6 +44,7 @@
"moment": "^2.24.0", "moment": "^2.24.0",
"morgan": "^1.9.1", "morgan": "^1.9.1",
"ngx-cookie-service": "^2.2.0", "ngx-cookie-service": "^2.2.0",
"ngx-pagination": "^4.1.0",
"node-cron": "^2.0.3", "node-cron": "^2.0.3",
"pg": "^7.11.0", "pg": "^7.11.0",
"pg-native": "^3.0.0", "pg-native": "^3.0.0",

View File

@ -16,6 +16,7 @@ import { TransServiceService } from '../../shared/services/trans-service.service
import { ChartService} from '../../shared/services/chart.service'; import { ChartService} from '../../shared/services/chart.service';
import { CustomLoader } from 'src/app/app.module'; import { CustomLoader } from 'src/app/app.module';
import {NgxPaginationModule} from 'ngx-pagination';
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -26,6 +27,7 @@ import { CustomLoader } from 'src/app/app.module';
BlockAppendComponent BlockAppendComponent
], ],
imports: [ imports: [
NgxPaginationModule,
CommonModule, CommonModule,
HomeRoutingModule, HomeRoutingModule,
FormsModule, FormsModule,

View File

@ -240,7 +240,7 @@
</div> </div>
</div> --> </div> -->
</div> </div>
<div [ngClass]="{peer_mobile_table : true, hght_40: peeritem.id != clickPeer }" id="peer_{{peer.id}}" #peeritem *ngFor="let peer of peers"> <div [ngClass]="{peer_mobile_table : true, hght_40: peeritem.id != clickPeer }" id="peer_{{peer.id}}" #peeritem *ngFor="let peer of peers | paginate: { itemsPerPage: 10, currentPage: p }">
<div class="row peer_table_data"> <div class="row peer_table_data">
<div class="col-6 col-md-3 tble_col"> <div class="col-6 col-md-3 tble_col">
@ -287,6 +287,9 @@
</div> </div>
<div class="text-right mt-2">
<pagination-controls (pageChange)="p = $event"></pagination-controls>
</div>
</div> </div>

View File

@ -6,6 +6,7 @@ import { TransServiceService } from '../../../shared/services/trans-service.serv
import { map, catchError } from 'rxjs/operators'; import { map, catchError } from 'rxjs/operators';
import { throwError} from 'rxjs'; import { throwError} from 'rxjs';
import { BlockAppendComponent } from '../block-append/block-append.component'; import { BlockAppendComponent } from '../block-append/block-append.component';
import {NgxPaginationModule} from 'ngx-pagination';
@Component({ @Component({
selector: 'epic-explorer-latestblocks', selector: 'epic-explorer-latestblocks',
@ -13,6 +14,8 @@ import { BlockAppendComponent } from '../block-append/block-append.component';
styleUrls: ['./latestblocks.component.css'], styleUrls: ['./latestblocks.component.css'],
}) })
export class LatestblocksComponent implements OnInit { export class LatestblocksComponent implements OnInit {
p: number = 1;
public hashvalues: any; public hashvalues: any;
public pagedata: any = []; public pagedata: any = [];
public Merged_data: any = []; public Merged_data: any = [];