Files
alfresco-ng2-components/ng2-components/ng2-alfresco-datatable/src/components/pagination/pagination.component.html
Denys Vuika 9888223bec remove old MDL wrapper directives (#2095)
- remove mdl-button directive
- remove mdl-tooltip directive
2017-08-01 10:20:20 +01:00

28 lines
1.1 KiB
HTML

<div class="mdl-paging">
<span class="mdl-paging__per-page">
<span class="mdl-paging__per-page-label">Rows per page:</span>
<span class="mdl-paging__per-page-value" >{{pagination.maxItems}}</span>
<md-menu #appMenu="mdMenu" for="pageSizePicker">
<div *ngFor="let size of supportedPageSizes"
tabindex="-1" [attr.data-value]="size" md-menu-item (click)="setPageSize(size)">
<span>{{size}}</span>
</div>
</md-menu>
<button id="pageSizePicker" md-icon-button [mdMenuTriggerFor]="appMenu">
<md-icon>arrow_drop_down</md-icon>
</button>
</span>
<span class="mdl-paging__count">{{summary}}</span>
<button (click)="showPrevPage()"
[disabled]="!prevPageAvail()"
md-icon-button class="mdl-button--icon mdl-paging__prev">
<md-icon>keyboard_arrow_left</md-icon>
</button>
<button (click)="showNextPage()"
[disabled]="!nextPageAvail()"
md-icon-button class="mdl-button--icon mdl-paging__next">
<md-icon>keyboard_arrow_right</md-icon>
</button>
</div>