inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

New packages org (#2639)

Browse Source 
New packages org
This commit is contained in:
Eugenio Romano
2017-11-16 14:12:52 +00:00
committed by GitHub
parent 6a24c6ef75
commit a52bb5600a
1984 changed files with 17179 additions and 40423 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
lib/core/pagination/pagination.component.html Normal file
View File

@@ -0,0 +1,77 @@
<div class="adf-pagination__block adf-pagination__range-block">
<span class="adf-pagination__range">
{{
'CORE.PAGINATION.ITEMS_RANGE' | translate: {
range: range.join('-'),
total: pagination.totalItems
}
}}
</span>
</div>
<div class="adf-pagination__block adf-pagination__perpage-block">
<span>
{{ 'CORE.PAGINATION.ITEMS_PER_PAGE' | translate }}
</span>
<span class="adf-pagination__max-items">
{{ pagination.maxItems }}
</span>
<button mat-icon-button [matMenuTriggerFor]="pageSizeMenu">
<mat-icon>arrow_drop_down</mat-icon>
</button>
<mat-menu #pageSizeMenu="matMenu">
<button
mat-menu-item
*ngFor="let pageSize of supportedPageSizes"
(click)="onChangePageSize(pageSize)">
{{ pageSize }}
</button>
</mat-menu>
</div>
<div class="adf-pagination__block adf-pagination__actualinfo-block">
<span class="adf-pagination__current-page">
{{ 'CORE.PAGINATION.CURRENT_PAGE' | translate: { number: current } }}
</span>
<button
mat-icon-button
[matMenuTriggerFor]="pagesMenu"
*ngIf="pages.length > 1">
<mat-icon>arrow_drop_down</mat-icon>
</button>
<span class="adf-pagination__total-pages">
{{ 'CORE.PAGINATION.TOTAL_PAGES' | translate: { total: pages.length } }}
</span>
<mat-menu #pagesMenu="matMenu" class="adf-pagination__page-selector">
<button
mat-menu-item
*ngFor="let pageNumber of pages"
(click)="onChangePageNumber(pageNumber)">
{{ pageNumber }}
</button>
</mat-menu>
</div>
<div class="adf-pagination__block adf-pagination__controls-block">
<button
class="adf-pagination__previous-button"
mat-icon-button
[disabled]="isFirstPage"
(click)="goPrevious()">
<mat-icon>keyboard_arrow_left</mat-icon>
</button>
<button
class="adf-pagination__next-button"
mat-icon-button
[disabled]="isLastPage"
(click)="goNext()">
<mat-icon>keyboard_arrow_right</mat-icon>
</button>
</div>