|
1
|
import {Component, Input, Output, EventEmitter} from '@angular/core';
|
|
2
|
|
|
3
|
@Component({
|
|
4
|
selector: 'tabPaging',
|
|
5
|
template: `
|
|
6
|
<div class="panel panel-default" *ngIf="!showAll && length > 10">
|
|
7
|
<div class="panel-heading">
|
|
8
|
<a (click)="changeShowAll.emit({value: true});">
|
|
9
|
<div class="text-right">view all {{length}}</div>
|
|
10
|
</a>
|
|
11
|
</div>
|
|
12
|
</div>
|
|
13
|
`
|
|
14
|
})
|
|
15
|
|
|
16
|
export class TabPagingComponent {
|
|
17
|
@Input() showAll: boolean;
|
|
18
|
@Input() length: number;
|
|
19
|
@Output() changeShowAll: EventEmitter<any> = new EventEmitter();
|
|
20
|
|
|
21
|
constructor () {
|
|
22
|
console.info('publication:paging constructor');
|
|
23
|
}
|
|
24
|
|
|
25
|
ngOnInit() {
|
|
26
|
}
|
|
27
|
}
|